無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
フッタをブラウザ下部に固定配置するCSSテクニック – creamu
フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか？ cleanstickyfooter 今日もいい天気ですね〜。タス
フリーフォント で簡単ロゴ作成 | キーボード画像作成 | アイコン・はんこ画像作成
PDFによるMSフォント出力はフォントを埋め込みません / PDFによるフリーフォント出力はフォントを埋め込みます 注意事項 ● パラメータ保存送信ボタンでは、状態とパラメータが保存されます ● 画像が確定した場合はパラメータ保存送信ボタンでパラメータを保存し、「お気に入りまたはブックマーク」に保存する 事によって容易に再現可能です ● &#文字コード; でも表示可能なので、特殊文字はこの書式を使います : 例 ! => ! ● 画像に枠線を付加したい場合は「画像枠」コンボボックスを使用します ● 自由の翼フォント ➡ ( ☑ 表示サンプル ) ※ 禁止事項 当フォントファイル(TTFファイル本体)を無断で販売する行為 M+ FONTS ベース 個人・商用問わず無料でご利用いただけます。 ● りいてがき筆 ➡ ( ☑ 表示サンプル ) ● りいポップ角 ➡ ( ☑ 表示サンプル )
Appleのようなデザインをするためのコーディングチュートリアル15 – creamu
Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
Web2.0 - Logo Creatr
Komponenten einrichten! Auf dieser Seite siehst du eine Übersicht aller zur Zeit verfügbaren Anwendungen, die du in deine Streams einbinden kannst. Hilfe zu den einzelnen Anwendungen und den Komponenten findest du in der umfangreichen Hilfe. Einfach auf den Button hier unten klicken. Hilfe zu den Anwendungen » Slides sind Präsentationen wie Powerpoint oder Impress die unterschiedlich konfiguriert
「ふたり暮らしのお部屋」グランプリ！
※ご応募頂いた画像は、審査のうえ掲載させて頂いております。 ※画像をクリックすると、拡大画像とコメントをご覧頂けます。
Download Free Fonts and Dingbats | Urbanfonts.com
UrbanFonts features an amazing collection of free fonts, premium fonts and free dingbats. With over 8,000 freeware fonts, you've come to the best place to download fonts! Most fonts on this site are freeware, some are shareware or linkware. Some fonts provided are trial versions of full versions and may not allow embedding unless a commercial license is purchased or may contain a limited character
Curo.jp » フリー素材Web2.0チックなフィードアイコン
説明 昔にInkscapeで作ったフィードアイコン素材です。 特に規約はありませんが、素材ファイルの再配布はご遠慮ください。 商用・非商用問わず、ご自由にお使いください。 中にSVGファイルを同梱しているので、ベクターファイルを編集できるソフトで改変しても構いません。 上のサンプル画像は圧縮していて、ちょっと荒くなっていますが、素材自体はきれいです。 今でも、たまーに個人サイト・企業サイトとかで見ます。 使っていただいてありがとうございます！
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
jQuery List – A Blog For Coders & Programmers
CSS is an acronym that stands for cascading style sheets and refers to a set of instructions that controls the appearance of a web page. The formatting principles of CSS are supported by most browsers include Firefox and IE3. In comparison with HTML, CSS provides more formatting options and finer tuning for instance, instead of being stuck with 7 font sizes one can simply use an infinite number of
Googleが目指す最高の検索UI
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
jQueryやPHPを使った便利な仕組みのチュートリアル集:phpspot開発日誌
9lessons: jQuery and Ajax best 9lessons. jQueryやPHPを使った便利な仕組みのチュートリアル集。 9lessonsというサイトがあって色々便利な仕組みのチュートリアルが公開されています。 Twitter Like More Button with jQuery and Ajax. 「もっと読む」をajaxで実現するサンプル Exactly Twitter like Follow and Remove buttons with jQuery and Ajax Twitter風のフォロー、削除ボタンを実現するサンプル Delete a Record with animation fade-out effect using jQuery and Ajax. 行を削除してフェードアウトアニメーションをさせるサンプル jQuery Username Av
[JS]jQueryのプラグイン33+1選 -2009年5月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ
Amazon.co.jp: Webデザインの基本ルール -プロに学ぶ、一生枯れない永久不滅テクニック-[デザインラボ](Design Lab+ 1-3): デザインラボ編集部 (著), デザインラボ編集部 (編集): 本: デザインラボ編集部 (著), デザインラボ編集部 (編集): 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/36330ace610ac7cf45a2fde0aa2ff24cc4b8bad3/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51I%2BJkrPhQL._SL500_.jpg)
IDEA * IDEA
jojoface1
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
