popup-desktopのブックマーク - はてなブックマーク

作業効率が10倍アップする Chrome Developer Tools の使い方

アジェンダ Chrome Developer Tools とは基本的な使い方応用的な使い方まとめ使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれるリクエスト情報を見たり、プロファイラで解析することもできる最近はFirebugより安定してるし高機能

popup-desktop 2011/11/09

リンク

プレースホルダとHTML5のplaceholder属性

HTML5で導入されたplaceholder属性によって、フォームフィールドにプレースホルダを設定できるようになりました。さて、プレースホルダとはそもそもなんでしょうか。また、どのようなテキストを書けばよいのでしょうか。プレースホルダとはフォームフィールドに薄い灰色のテキストが表示されているものを見かけます。あのテキストや、その仕組みはプレースホルダと呼ばれています。 “placeholder”は実際のものに変わって表示されるものを意味するので、たとえばダミーテキストなども「プレースホルダ」と呼ばれます。ここではinputやtextareaに表示されるプレースホルダとしてこの言葉を使っています。 Safariはアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。プレースホルダのついたフォームフィールドは、次のような挙

popup-desktop 2011/07/06

リンク

Introducing jQuery

jQueryって何 JavaScriptのフレームワークみんな超使ってるややこしいことが超簡単にできる John Resigってすげー人が作ってるとにかくイケてるなぜjQueryはイケてるのか超短く書ける。そう作られてる。 Write Less, Do More. たくさんプラグインがある。使うの簡単。 DOM操作周りにめちゃ強い。 JavaScript始めるのにもオススメ。ブラウザごとの差異も吸収してくれちゃうブラウザ上でなんかするのに必要な機能が詰まってるプログラム書く流れ JavaScriptに限らず、大体こんな感じ。こんなん作りたい APIを調べるそれをどーやって使うのか調べるなんか難しそうだったらフレームワークとか調べる文法を知る（大体どれも大きくは変わらない）書いてみる APIとかフレームワークとか知らん大丈夫です。そんなん普通、調べないと知りませ

popup-desktop 2010/08/04

jquery

リンク

HTML+CSS templating

HTMLテンプレートを作るのは簡単？赤の他人が作ったHTMLテンプレートを簡単に編集できるか？新人に数千ページのサイトのコーディングを任せられるか？ HTML, CSS, JavaScriptを覚えればコーディングは楽勝？そこまで簡単じゃないかもしんないブラウザのバグ？まぁそれもあります Cascadingという仕組みは素敵ですがあっという間にコードが大変なことになります CSSには素敵なセレクタがたくさんありますが、残念ながらIE6を下限とする環境では使えないものばかり

popup-desktop 2010/06/14

リンク

CSS Nite LP9 - CSS3 FOR TOMORROW - CSSアニメーション

※注意点本日紹介する内容は、主としてAppleが提案し、採用の検討が進められている項目が殆どです。現状、CSSアニメーションの実装が進んでいるブラウザはSafari, Google Chromeになるため、このプレゼンテーション内では、webkitのvendor prefixを付けた形でご紹介させていただきます。 div{ transition : all .5s; /* CSS3 */ -webkit-transition : all .5s; /* webkitの独自実装 */ }