ファビコン・カンニング・ペーパー
Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: rel="shortcut icon" considered harmful · Mathias Bynens <-- special thanks @mathiasbynens Everything you always wanted to know about touch icons · Mathias Bynens <-- special thanks @mathiasbynens Jonathan T. Neal | Understand the Favicon Favicon - Wikipedia, the free encyclopedia Making a Good Favicon -
Dropboxでデモページを作ろう | CSS Radar
Dropboxの底力 私はDropboxのヘビーユーザ。 すでに50GB($9.99/月または$99/年)は残り60%に達している。 ファイルの同期、共有、公開。シンプルながら面倒なタスクがシンプルにできることが最大の魅力だ。 The Ultimate Dropbox Toolkit & Guideにて30以上のTips&Tricksが紹介されていたが、 iTunesのライブラリを同期 Eye-Fi経由で撮った写真をiPadで閲覧 ローカルサーバ用のwwwフォルダに設定 TextExpanderとBreevyのスニペットを同期 メール添付ファイルをDropboxに格納 ソーシャルメディア用プロフィール画像の格納 とベーシックな機能以外に様々なライフハック的な活用法がある。 D.B. デモボイラープレート 様々な機能の中でも意外に見落としがちなのが、publicフォルダの存在だ。 その
CSS - Clearing floats
A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way. The problem Let's try it. This is the CSS we'll use throughout the page: div.container { border: 1px s
技術メモ帳 - URI の data スキーム
今日初めて知ったのだが、data スキームを使えば URIにデータを組み込めるそうだ。 以下のようにすれば、 dataスキームで、任意の画像を表示させる事が出来る。 <img src="data:image/gif;base64,BASE64データ"> たとえば、 google のロゴを dataスキーム を 利用して表示したかったら、 $ curl -s http://www.google.com/images/logo_sm.gif | openssl base64 | tr -d '\n' こんな感じで base64 化したロゴ画像データを 該当部分に、貼付ければ良い。 <img src="data:image/gif;base64,ここに貼付ける。"> 該当RFC: http://www.ietf.org/rfc/rfc2397.txt
IMGタグのSRC無指定に注意:phpspot開発日誌
JavaScriptでコーディングなんかをしていると、プレローダー用や一時読み込み用に次のようなタグをあらかじめ定義する場合があります。 <img src="" alt="image"> この際、どこにもリクエストはいかないと思いきや、./ と解釈して、IEだとサーバへリクエストが行ってしまいます。 ※他のブラウザでは試していません。 思わぬところで負荷がかかってしまうので注意ですね。
CSSデザインのページを作る際のスタイルガイド:phpspot開発日誌
Drinking Rockstars and Programming Creating a Style-Guide for your site One thing you'll realize after you do alot of front-end work is that after you don't work with the CSS and HTML for a few days, you'll forget the classes that you defined and end up writing alot of similar CSS styles.サイトをCSSで綺麗に作っても、時間が経つとそれぞれのidやclass定義について忘れてしまいます。 時間が経ってからデザインを修正する場合、CSSの見直しや、実際の見栄えについて確認するのに手間取ってしまいます。 そこで
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
