ウェブ制作・開発時に使用するさまざまな言語・サービスのチートシートをまとめた「OverAPI」を紹介します。 HTML, CSS, jQuery, JavaScriptなどのフロントエンドから、Ruby, PHP, Python, MySQL, Javaなどのバックエンド、正規表現、Gitなども揃っています。

HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole

<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans

思わずIEを使用したくなくなってしまう、IE, Firefox, Chrome, Opera, Safariの主要ブラウザの性能を比較した一覧表をSix Revisionsから紹介します。 Performance Comparison of Major Web Browsers 主要ブラウザの性能比較表 比較表は、ブラウザの各種パフォーマンスを比較しており、右にグラフが長いほど性能が良くない、ということになります。 IEがほとんどの項目でぶっちぎってます。 性能を比較したブラウザのバージョンは下記の通りです。 Firefox 3.5 Google Chrome 3.0 Internet Explorer 8.0 Opera 10.00 Safari 4.0.3 グラフだと正確に把握できない場合は、CSVファイルもダウンロードが可能です。

Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。

昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。

ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla

CSS Builtの「Best of CSS Design」の5・6月分から、一枚の画像がかっこいいではなく、レイアウトやエレメントのデザインが優れていてアイデア満載のサイトをいくつか紹介します。 2008年6月分 Best of CSS Design June 2008

MakeUseOf.comのエントリーから、Firefoxの表示スペースを広げる10の方法の紹介です。 Get Back your Screen Space: Maximize Firefox Viewing Area 下記の全部を同時に使用することは、できません。 個人的にお勧めなのは、お手軽なことも考えて、1, 2, 3, 6, 10でしょうか。 小さいアイコンにする。 [表示] - [ツールバー] - [カスタマイズ] から、「小さいアイコンを使用」をチェック。 ツールバーのアイコンを小さくします。 TinyMenuを導入する。 Firefoxのエクステンション「Tiny Menu」をインストール。 メニューバーを縮小表示します。 Hide Menubarを導入する。 Firefoxのエクステンション「Hide Menubar」をインストール。 [Alt]キーで、メニューバーの表示・

Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し