see more 2011-06 - ponnao-clip

Home > アーカイブ > 2011-06

2011-06

[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalbox.html
今までmin-heightで揃えてましたが、コレのほうが使えるかな。

最近よく使ってる、Web制作に役立つWebサービス的なやつ – かちびと.net
http://kachibito.net/web-service/13-tools-for-web-developer.html

Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/how-to-create-a-simple-texture-by-splashnology.html

異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/jquerymythumbna.html
これは6月中、一番のヒットです。どこかで使いたいです。

私がwebサイトのラフデザインを制作する時の流れ | Design Spice
http://design-spice.com/2011/06/23/website-rough/


シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/css3-github-buttons-by-nicolasgallagher.html

「Googleウェブマスターツール」で是非とも確認しておきたい5項目まとめ*二十歳街道まっしぐら
http://20kaido.com/archives/3651440.html

webデザインにおける視線誘導のおはなし | 07design.blog
http://07design.net/blog/?p=386

Photoshop Vip » 新しく公開された真似したくなるすごいPhotoshopチュートリアルまとめ 2011年5月度
http://photoshopvip.net/archives/23967

Togetter – 「Web開発者の皆様へ – Firefox5周りでの変更点について」
http://togetter.com/li/143448

WebからEvernoteへ。私(Webデザイナー)がしているちょっとかわった情報整理術
http://webdesignrecipes.com/from-web-to-evernote/

はてブやBuzzurlなど日本のブックマークサイトの無料アイコン配布サイト・sbm-garden – かちびと.net
http://kachibito.net/web-design/sbm-garden.html

サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ | コリス
http://coliss.com/articles/build-websites/operation/work/10-useful-htaccess-snippets-by-catswhocode.html

407個のwebデザイナー&デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト – YATのBlog
http://wp.yat-net.com/?p=1883

SEOの終わりとソーシャルとnanapiのコンテンツの未来 – ロケスタ社長日記 @kensuu
http://blog.livedoor.jp/kensuu/archives/51889800.html

いいコンテンツとは何か?
– [安心] 安心して記事を読める
– [行動] その記事を読んで、行動したくなる
– [共有] その記事を読んで、人に教えたくなる、自分が行動したことを伝えたくなる

最適化の方法が変わっただけでSEOはまだまだ終わらない*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-892.html

SEOとは(おさらい編) – かちびと.net
http://kachibito.net/seo/what-is-seo.html
SEOはあくまで最適化です。Googleが本来の技術で出すべきSERPsが、Webサイト側が原因で適切に処理出来ないのを助けるのがSEOです。そもそも順位の変動は常にありますし。

なぜ最適化が必要かというと、Googleは完全体では無いからです。まだ欠陥がある訳です。

Webデザインにおける、1pxへのこだわり « PARKN' PARK
http://parkn-park.com/webdesign/webothers/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%80%811px%E3%81%B8%E3%81%AE%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A/

1日でマスターできるHTML5まとめ。 – NAVER まとめ
http://matome.naver.jp/odai/2130703450443574201

覚えておくと役立つネット上の便利なサイト・ツール50選まとめ 【part2】 | ラジック
http://rajic.2chblog.jp/archives/51846838.html

ソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード
http://www.seomode.jp/socialmedia/2011/06/06/1673/

覚えておいて損がないショートカットキー – まめ速
http://mamesoku.com/archives/2775750.html

超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/marquee20jquery.html
昔よくあった左から右に文章が流れる仕様を、
スムージングと減速加速仕様にしてかっこよくしたやつです。

センスの良いPhotoshopのブラシやパターン素材がダウンロードできるサイト -MF Creative | コリス
http://coliss.com/articles/freebies/freebies-by-mfcreative.html

Photoshop Vip » プロ級の写真加工、編集を再現するPhotoshop無料アクション素材80個まとめ
http://photoshopvip.net/archives/24042

IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 : Web Design KOJIKA17
http://kojika17.com/2011/06/basic-html-css.php

コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 : Web Design KOJIKA17
http://kojika17.com/2011/06/summary-of-microdata.php

GoogleドキュメントのOCR機能が日本語に対応
http://web-marketing.zako.org/google/google-docs-ocr.html

タダイラ
http://www.taka.co.jp/tada/index.html

今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。
http://stid.jp/wp/?p=975

【営業マンにオススメ】無料で使えるWEBサービス&ツール12選 – NAVER まとめ
http://matome.naver.jp/odai/2130603039921567701
一番下の「PrintWhatYouLike.com(WEBページの好きなエリアを印刷)」は便利かな~と思いました。

jQueryを学ぶためのリンク集 « Codaholic
http://codaholic.org/?p=54

ウェブブラウザ経由で同じWi-Fi上にあるAndroid携帯を遠隔操作できる『LazyDroid』 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/06/110516lazydroid.html

コピペで使える!Photoshop不要になりそうな高品質テキストシャドウサンプル集:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/photoshop_259.html

ウェブ執筆者におすすめのGoogle Chrome拡張機能+ウェブアプリ厳選33個まとめ – ガジェット通信
http://getnews.jp/archives/121792

Photoshop Vip » 総まとめ、ダウンロードしておきたい筆記体フリーフォント厳選50個まとめ
http://photoshopvip.net/archives/24262

Googleカレンダーをもっと便利に! オススメLabs機能8選 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/06/110527gcal-labseight.html


				

フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/font-size-with-rem-by-snook-ca.html

ウェブページの重要な箇所を素早く伝える5つのデザインテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/creating-focal-points-by-sixrevisions.html

WEBマーケティング ブログ » DropboxやGoogleドキュメント、Google Appsなどにあるファイルを一括管理できる「Otixo」
http://web-marketing.zako.org/web-tools/online-files-single-app-otixo.html

様々な背景に使えるテクスチャ画像集総まとめ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-894.html

Webデザインサンプル | みんなで作るデザインギャラリーサイト
http://webdesignsample.net/

IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/ikeajquery.html


divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/css-how-to-center-without-a-wrapper-by-camendesign.html

意外と知らない!?CSSセレクタ20個のおさらい|Webpark
http://weboook.blog22.fc2.com/blog-entry-268.html

あなたのCSSをどう改善したらいいか教えてくれる『CSS Lint』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2011/06/css_lint.html

CSS Lint
http://csslint.net/

CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
http://webdesignrecipes.com/css-blocklevel-elements/

意外と知らない!?CSSセレクタ20個のおさらい|Webpark
http://weboook.blog22.fc2.com/blog-entry-268.html

CSSの制作・検証に役立つChromeの機能拡張のまとめ
http://coliss.com/articles/browser/chrome/chrome-extensions-for-css-developer.html

CSSの「:nth-child」をマスターするための図解いろいろ | IDEA*IDEA
view-source:http://www.ideaxidea.com/archives/2011/06/css_master.html

ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方 | コリス
http://coliss.com/articles/build-websites/operation/design/creating-depth-in-web-design-5-design-tricks-by-onextrapixel.html


				

縫い目風のかわいいデザインをスタイルシートで実装したナビゲーション | コリスhttp://coliss.com/articles/build-websites/operation/css/css-tutorial-sexy-css3-navigation-by-red-team-design.html


6つの代表的なCSSレイアウト方法の長所と短所を学んで使いこなす | コリス
http://coliss.com/articles/build-websites/operation/css/pros-and-cons-of-6-css-layout-patterns-by-vanseodesign.html

和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 + ブラシファイルの中身が見れるアプリケーション
http://wp.yat-net.com/?p=1901

これは素敵。自分の趣味のサイトを作るときに使いたい。

Movable Type version 4.13 の現象です。

すでにid3のブログで、ubicast Mail Bloggerを設定しており、
そちらは問題なく投稿できてました。

新しくid4のブログを作り、ubicastの新しいアカウントも新規作成して、
同様の設定をしたところ、以下のエラーメールが返ってきてうまく反映されませんでした。

message:Publish error: 日付アーカイブ「Daily201106~」の再構築中にエラーが発生しました: テンプレート「ブログ記事リスト」の再構築中にエラーが発生しました: Error in tag: Error in tag: error in module ブログ記事の概要: Error in tag: 「ブログ記事のメタデータ」というモジュールテンプレートが見つかりませんでした。

管理画面には入っているのですが、再構築エラーになっているせいか
表に反映されておらず、生地の投稿時間も9時間前になってます。
「ブログ記事のメタデータ」というモジュールテンプレートもしっかり存在しており、
同じ設定のid3のブログはうまく投稿できてます。なにかがおかしい。ぶはっ(>O<) このエラーメッセージで色々調べてみたところ、 小粋空間さんに載ってた以下の回避方法を試してみたらうまくいきました。 9時間ズレの方もコレで直っていました。 エラーが出ているテンプレートモジュールの記述のところにblog_idの記述を追加します。 idの中身には、当該のブログのid番号を入れて下さいね。


小粋空間: MTMultiBlog タグブロック内での MTInclude タグの入れ子について(続き)

今回の場合MTMultiBlog タグブロック内ではないのですが、
ubicastで2つのアカウントを設定しているというとこでひっかかってそうな気がします。

その他のエラーの回避法

message:権限がありません。

今回ユーザーだけ作って権限入れるの忘れちゃったので、このエラー返ってきました(汗)
当該ユーザーにブログの権限を付与すること。
またWebサービスのパスワードを入手するのに、作成時はシステム管理者でないといけないですが、
設定が全て完了した後は、システム管理者の権限のチェックは、はずした方がよいと思います。

message:ログインが不正です。

ubicastの設定のとこで、Webサービスのパスワードをちゃんと入れてないと、
このエラーが返ってきます。

暑さのせいか、うっかり消してはいけないアカウントを削除してしまいました(–;
削除したときの挙動からいってデータは残ってるだろうと、そんなに焦りもしなかったのですが、復活作業はちょいめんどくさかった。

参考:メールアカウントの復活 | OKWave

まず、メールデータがある位置は以下。

(XP)
C\Documents&Settings\ユーザー名\Application Data\Thunderbird\Profiles\任意の英数字.default

(Vista/Win7)
C\Users\ユーザー名\AppData\Roaming\Thunderbird以下同じ。

この中で消してしまったアカウントの[「サーバ名」のフォルダを探します。
※アカウント名ではないので、注意。

見つけたら、新しくアカウントを設定するときの
「サーバ設定」の最下部「メッセージの保存先」で当該するフォルダを参照で選択します。
で、「OK」で。

サンダーバードを一回閉じて、再起動します。
そうすると、元通りにメールが入ってるはず。たぶん…。

私の場合、同じサーバーで複数のメールアドレスを設定してたので、

hogehoge-com-1
hogehoge-com-2
hogehoge-com-3

と7個くらい同じような名前のファイルがあったので、面食らいました。
幸い一回で当たりましたが。

しかしテスト送信などで作ってすぐ削除したものでも、
ここに蓄積されて残るようなので、ほんとにいらないのだったら
ここからゴミ箱に捨てちゃってもいいのかもしれませんね。

Thunderbirdでメールのインポート・エクスポートが簡単にできるアドオン(拡張機能)

「ImportExportTools」

結局使用しなかったのですが、
ImportExportToolsというメールのインポート・エクスポートが簡単にできるアドオン(拡張機能)がありました。
上の手順でメールが読み込めなかった場合などに使えるかもしれません。
上のOKWaveでは、mboxという名前で紹介されてましたが、
今はバージョンアップされて、ImportExportToolsという名前になっているようです。

ImportExportToolsの使い方の紹介

20110629_川崎チネチッタにて鑑賞

中高生向けの映画かなと思って、そこまで興味はなかったのですが、
向井くん好きの友達に誘われて観に行きました。
向井くんかっこよかったし、北川景子ちゃんもキレイだったので満足。
最終的にはアニメと原作漫画の方に興味が出てしまって、結構はまってます( ´Д`)

原作は5冊。

ジョージな向井くん

アニメを初回と2話目見てからわかったことですが、
映画の向井くんはちょっとキザ過ぎるけど、ジョージというのが、
なんとも非現実的な人なので、まぁしょうがないのかなと思います。
向井くんも、これは・・・と苦笑しながら演ってそう(笑)
ただ、アニメのジョージはもちっと紳士的で余裕のある感じではあったなぁ。
向井くんの場合は、頑固親父入ってた気がします。
2chで向井氏の小尻を楽しむ映画とあって、笑った。
確かに終始パツパツのパンツで、小尻はかなり堪能できます(笑)

ユカリは北川景子か山田優か

北川景子ちゃんは、最初からキレイだったので、
あんまり意外性を感じず、そのへんはおもしろみがなかった。
アニメの方は山田優が声をやっていて、ビジュアルを比べると、
一昔前だったら山田優の方が合ってたのかなぁと感じました。
背が高くて黒髪の設定ですし。
そうなるとやっぱりジョージは旬だったのか?!

山田優がパラキスイベントで青バラドレス着てる記事見つけました。
比べてみよう。

ミワコちゃん

大政絢ちゃんがフリフリ衣裳似合ってて、めっさかわいかったです。
すごい好きなキャラです。ミワコちゃんの性格がよくなければ、
ユカリってそもそもアトリエに来てないような気がするんだが。
原作を見ると、ちっちゃ可愛い子のイメージで、身長的には逆転するんだな~と思いました。

舞台美術と原作・アニメ

『アトリエ』を初め、小道具とか部屋全体の雰囲気とが素敵だなと思いました。

この雰囲気が原作のイメージ通りらしい。
観終わったあと、なんとなーく気になって調べたら、
ノイタミナでアニメもやってたことと、
「ご近所物語」が、つながりのある話(美和子ちゃんのお姉さんの話)
というのを知って、興味が出てブコフで買って読み始めました。
「ご近所物語」なんとなくアニメでやってたの覚えてますが、これもヤザガクが舞台の話なんだね。
完全版が出てますね。

CSフジテレビNEXTでアニメも放映中


ノイタミナのアニメを2話目まで見たのですが、なかなかお洒落おもしろくて、
全部見たいなーと思ってたのですが、
6月2日(木)24:30からフジテレビNEXTでもやってるみたいです。
うちでもCS見れたら見たい。←見れなかったです(><)やっぱお金払ってないとだめなのね~ ★ノイタミナの大人気アニメ「パラダイスキス」がCSに登場!

ゆるゆる脱力系!?向井くんのボケっぷりがすごいスピンオフドラマ

20110711_追記

向井理がやりたい放題!? 「パラキス」スピンオフドラマ配信開始 : 映画ニュース – 映画.com

昨日相方に教えてもらって、LISMOドラマのパラキススピンオフドラマを見ました。
THE3名様の監督なのでゆるゆるシチュエーションドラマ風。
好みが別れると思うけど、向井くんがメインの回は天然系のギャグで結構おもしろかった。焼きそばの回ねw
毎回ジョージがオチな感じだけど、アニメのジョージでは見たくねーなとちょっと思ってしまったw 原作ファンはいやかもしれませんね。

ここで一話だけ見れる。

主演二人のインタビュー映像などもありました。

ちなみにスマホだと、LISMOのアプリを入れないと見れないみたいです。
↑デフォで入ってるらしいが、間違えて消してしまったらしい。
JCOMでも番組あるみたいだけど、auしか配信されてないのかな。

Cpicon 感激が忘れられない牛肉ケチャップ♡ by ユメもふぁ

あまりのつくれぽの多さに作りたくなってしまいました。
ニセハッシュドビーフ風と思いきや、それとも違う懐かしい味。
この気候でも、これなら箸がすすみます!!
玉ねぎとピーマン合いました。キノコ類を入れてもいいかも。

24bitのpngで保存するところを、間違えて8bitのpngで保存してしまったらしく、
パブリッシュ後の画像が荒れてました。ありゃぁ。
作業画面では普通に見えるのよね。
私は24bitのpngで保存さえしてれば荒れたことはなかったのですが、
他にも回避方法があるみたいなので、メモっておきます。

html画質記述部分の書換

PNG形式の画像をFLASHで使用すると荒れます。 | OKWave

パブリッシュした後のHTMLをノートパット等で開き、swfファイルの部分での画像の画質を「quality=high」から「quality=best」に変えます。

画像保存時のプチテク

swf上のpng画像の荒れ | OKWave

・24ビットPNGで保存する。
 …コレだと半透明も使えるのでギザギザにならない。が、サイズは大きい。
・SWFの背景に似た色をマット色(PNGの背景色)に設定する。
 …ギザギザなのは変わらないが、目立たなくなる。
・文字にアンチエイリアスを使わない。(文字を滑らかにしない)
 …コレだと文字もギザギザですが見栄えはマシ。

エレコムわけありショップで、IS05のカバー(液晶保護シール付)が、なんと105円で売ってました。
相方がキーボードを買うのに、送料を無料にしたいとのことだったので、
便乗して前から気になってたのをいくつか買ってしまったw
女の子向けのを並べておきます。

映画自体はとてもおもしろかったし、ナタリーの演技も素晴らしかったのですが、
なんかに似てんな~~(--;と鑑賞直後に考えはじめ、
最終的に「ひぐらし」と「パーフェクトブルー」にたどり着いたので、
自分でもえぇぇ~と思ってしまいました。
もちろん、アミダラがダークサイドに~とも思いましたが(笑)。

ブラックスワンinひぐらし風

周りの人がおかしく見えはじめたと思ったら、
実は自分がおかしかったというのが、なんとも「ひぐらし」風。
そこで勉強してたせいか、あーここまでがリアルで、こっからが妄想だな~
と勝手に一人ごちてました。
最後のはホンモノだったのは意外でしたが。
解編 も見たいぜ。

他の人のレビュー見ると、母親ヤバいって見てる人が多かったけど、
あれはニナの思い込みの部分も投影してるような気がする。
ケーキを捨てるシーンは確かにこわかったし、こういう風に育ててしまったという落ち度はあるんでしょうが。

ブラックスワンinパーフェクトブルー

パーフェクトブルーについては、だいぶ前に下の記事を読んでたのですが、
今日見終わるまですっかり忘れてました。
他の人のレビューに書いてあって思い出しました(^^;

バレエ・ホラー『ブラック・スワン』と『パーフェクト・ブルー』 – ベイエリア在住町山智浩アメリカ日記
文中のオマージュシーンがわかりやすいスライド(笑)
ちっとこじつけかな~という感じがするのもある。

ブラックスワンonパーフェクトブルー – ベイエリア在住町山智浩アメリカ日記

パーフェクトブルー(PERFECT BLUE)/「ブラックスワン」との類似と相違 | 映画感想 * FRAGILE

ブラック・スワンwikiより

2010年、アロノフスキーは1998年のアニメ映画『パーフェクトブルー』と『ブラック・スワン』の類似性を指摘されたが、影響は無いと述べている[8]。アロノフスキーは以前、『レクイエム・フォー・ドリーム』でバスタブのシーンを再創造するために『パーフェクトブルー』のリメイク権を購入し、また2001年に同映画の監督である今敏と対談を行っていた[9]。

なので、既にリメイク権を持っちゃってるので、パクリ云々と言われたところで影響はないわけですが、
やっぱり否定しないで、今監督に捧げろよって言ってる人も多いみたいです。
私も今監督の作品好きなので、できればそうして欲しかったですが。
この件はどちらかというとアメリカでは一般的に知られてて、日本ではマニアしか知らないという感じらしいw
今監督とアロノフスキーは、千年女優が出来上がる頃の時期(2001年)に上の件で対談をしています。
その時の今監督の日記もネット上で読めますが、

アロノフスキー監督は今でも、というか今だからこそ「パーフェクト〜」を実写でやってみたいと思っているそうな。
 聞くところによると最近アメリカではいわゆるアイドル的な存在で売れているグループだかがあるらしい。“なんとかーズ”だったと思うが名前は失念した。
 ともかくそういう背景も考えると「今“パーフェクト〜”の実写を作れば絶対受ける」と力説する。アイドル的存在に対して日本ほど免疫のないアメリカでは、まだ彼女たちが「処女かどうか?」が大問題になっているのだとか。

ここのくだりを読んで、ニナが監督に「処女か?」と聞かれて、
恥ずかしがってるシーンを思い出しましたww
この対談の時もダーレンは「あれはオマージュ」だと言ってたそうですがw
まぁ某かの影響は受けているとみて間違いないでしょう。

パクリか云々はおいといて、
こういうアカデミー賞をとるような映画が、
日本のアニメに影響を受けているんだったら、それはそれでおもしろいと思いました。
ブラックスワンもパーフェクトブルーもかなり濃ゆい類似性はありますが、
もちろん違うところもあって、どちらもおもしろい映画だと思います。
特にブラックスワンはナタリーの演技がすごいし、カメラワークもおもしろいので、
それだけでも映画館で見る価値のある映画だと思いました。
でもパーフェクトブルーの実写化はもうないんだろうな~と思うと、それは残念に思います。
それに今監督がこの作品を見れなかったことも。
結局私もこの方と同じ結論になってますね(^^;

Home > アーカイブ > 2011-06

MESSAGE
3月11日の東北地方太平洋地震で
被災された方、親しい方が被災された方に、
心よりお見舞いを申し上げるとともに、
被災地の一日も早い復興を
心よりお祈りいたしております。
PROFILE

横浜在住。
横須賀でWeb制作の仕事をしている
へっぽこ兼業主婦です。
ガチャピン似。


A RELATED SITE
くまのがっこうブログパーツ
TODAY’S COLOPLA COLONY
FAVORITE SHOP
RECOMMEND COMIC
【送料無料】しろくまカフェメロン味!

【送料無料】しろくまカフェメロン味!
価格:680円(税込、送料別)

【送料無料】なのはな

【送料無料】なのはな
価格:1,200円(税込、送料別)

【送料無料】昭和元禄落語心中(1)

【送料無料】昭和元禄落語心中(1)
価格:590円(税込、送料別)

【送料無料】テルマエ・ロマエ(4)

【送料無料】テルマエ・ロマエ(4)
価格:714円(税込、送料別)

TWITTER
POPULAR ENTRY
BOOKLOG

PONNAO’S RAKUTEN FAVORITE

YOUR’S RAKUTEN FAVORITE

Return to page top