勉強のためにjQueryの辞典的なものをつくってみようかな。公開できるかどうかはわからないけど
最近の更新 RSS Toggle Comment Threads | キーボードショートカット
-
yuxu
-
yuxu
HTMLのベストプラクティス20
Six Revisionsが20 HTML Best Practices You Should Followというエントリーで、HTMLのベストプラクティスを20紹介しています。
- DOCTYPEを常に宣言する（DTDはXHTML1.0Strictがオススメ）
- titleタグには意味のある言葉を使う
- META（Description）を記述する
- META（Keywords）を記述する
- 主要なセクションをdivを使って切り分けておく
- コンテンツと見た目を切り分ける（できるだけ外部スタイルシートで、インラインCSSはダメ）
- CSSを圧縮する
- javascriptも圧縮して、bodyを閉じる直前で読み込むようにする
- 見出し（h1~h6）を賢く使おう
- タグの意味を正しく理解して適切なHTMLを書こう
- divの使いすぎはダメ
- ナビゲーションにはulタグを使おう
- タグはちゃんと閉じよう
- タグは小文字で書こうぜ
- img要素にはキチンとalt属性を書こうネ
- 必要に応じて、リンク（a要素）にはtitle属性を書こう
- フォームを作るときはfieldset要素とlabel要素を活用しよう
- IE対応はモジュール化する
- Validaterで文法をチェックする
- インデントなどを利用して一貫性のある見やすいフォーマットのコードを書く
- HTMLには必要以上のコメントを書かない
詳しくは原文を翻訳サービスなどを利用して読んでみてください。
-
yuxu
MS公式のIEのCSS対応表
http://msdn.microsoft.com/ja-jp/library/cc351024(VS.85).aspx
こんなもん作ってないで、対応すべきものが対応するようにパッチあてればいいのにね。6とか7にも。
-
yuxu
WordPress3.0の子テーマ機能でP2テーマをカスタマイズしてみた
WordPress3.0からの新機能であるところの子テーマ機能を使ってP2テーマを少しカスタマイズしてみました。
今回は、とりあえずブログタイトルの上に猫を乗っけてみただけですが。
CSSのbefore擬似要素を使用して猫を追加してあるので、before擬似要素に対応していないIE7以下では猫が見えないはずです。
そんな古いブラウザを嬉しそうに使っている人は相手にする気ありませんし。それはともかく、この子テーマ機能を使うと、ベースとなるテーマ（親テーマ）を直接書き換えることなく、カスタマイズできます。
そして、親テーマがバグフィックスなどのためにバージョンアップされた際にも、カスタマイズを維持したまま、親テーマをアップデートすることができます。
今後、配布テーマのカスタマイズには子テーマ機能を使うことが推奨されるとかいうのを、どっかで読んだような気がします。 -
yuxu
HTML5について知っておくべき25のこと
net tuts+が25 HTML5 Features, Tips, and Techniques you Must Knowという記事で、HTML5の特徴やTips、テクニックなどを紹介しています。
-
yuxu
GIMP2.6.10がリリースされています。
先日、GIMP2.7.1がリリースされたばかりですが、2.7.1は2.8の開発途上版という扱いですので、この2.6.10が最新の安定版になります。
2.6.9にあったバグを修正してあるようです。
http://www.gimp.org/ -
yuxu
Gimp2.7.1が出ているようですよ。
しかし、あくまで2.8に向けてのたたき台で、安定版ではないっぽいです。
安定版を使いたい人は2.6.9をお使いくださいとのこと。 -
yuxu
-
yuxu
WordPress3.0日本語版がでましたよ
さっそく、ここもアップデートしました。
インストールされているテーマに新しいバージョンがでているときは表示されるようになったようです。
表示がでていたので、さっそくアップデートしてみたら、P2テーマの未カスタマイズ状態に戻ってしまいました。
デザインを作り直そうと思っていたところなので、別に問題はないですが。
テーマをカスタマイズして使用している人はご注意を。 -
yuxu
WordPress3.0がでていますね
WordPress3.0がリリースされたようです。
ただし、現時点では英語版のみ。
いつも通りだと、数日中に日本語版も出るはずなので、それを待って、ここもアップデートしようと思います。
新機能の詳細とか、あまり調べてないけど、楽しみです。あとは、そろそろオリジナルテーマを作成する勉強もしたいところ。
-
yuxu
WebデザイナーのためのGoogle ChromeエクステンションTop15
tripwire MAGAZINEがTop 15 Google Chrome Extensions For Web DevelopersというエントリーでWebデザイナー向けのGoogle Chromeエクステンションを15紹介しています。
- Firebug Lite
- Speed Tracer
- Pendule
- Eye Dropper
- IE Tab
- Lorem Ipsum Generator
- Resolution Test
- Plain Clothes
- Chrome SEO
- Validity
- Snippy
- jQuery Shell
- WebEdit
- Chrome Sniffer
- Chrome Flags
これだけ充実してくれば、FIrefoxのadd-onに頼っている多くのWeb制作者も、FirefoxからChromeへ乗り換えを十分に検討できますね。
-
yuxu
JavaScriptのベストチュートリアル30+
zlwo.comが30+ Best JavaScript Tutorials You Have To Seeというエントリーで、あちらこちらのブログで紹介されているJavaScriptのチュートリアルの中から30個選んで、紹介しています。
-
yuxu
XML宣言をするとIE6でjQuery FancyBoxがバグる
FancyBoxは、LightBox風のギャラリー機能を提供するJQueryプラグインです。
ライセンスがGPLなので、ソース内の著作権表示を改変しなければ、商用サイトでも自由に使えます。
非常に便利なのだけれど、XML宣言をしたXHTMLでは、いつものことながら、IE6で妙な挙動をします。
スクリーンショットはありませんが、拡大版の画像本体が白い枠をはみだして表示されてしまいます。
XML宣言を省略すればいいのですが、Another HTML-lint gatewayで満点を求めるような現場や案件では、そうもいきません。
いろいろと試した末、jquery.fancybox-1.3.1.cssの#fancy-box-wrapに_padding: 0px;のアンダースコアハックを追加することで解決しました。
アンダースコアハックが嫌な人はIE6用のスタイルシートを別に作って、その中で#fancy-box-wrap{padding: 0px;}と書いてください。 -
yuxu
革のテクスチャーを作るPhotoshopのチュートリアル
psd tuts+が Quick Tip: Create Your Own Leather Texture Using Filtersというエントリーでリアルな革のテクスチャーを自作するためのPhotoshopチュートリアルを公開しています。
-
yuxu
role属性
自宅のiMacにMAMPでWordPressをインストールして、テーマカスタマイズの勉強をすることにしました。
それで改めてWordPressの吐く(X)HTMLソースを見直しているのですが、roleという見慣れない属性が…
調べてみると、「作成者が要素に役割をあたえるための属性」とのこと。仕事ではXHTMLでマークアップすることが多いんですが、これは知りませんでした。
修行がたりませんね。しかし、HTML5には、この属性採用されるのかな？
見た覚えないけど。
XHTML5だと使えるのかな？
そもそもがrole属性で設定するようなことが要素で表せるようになるから、必要ないのかもしれないし。