CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
今のうちにチェックしておきたいCSS3 ボタンのサンプルでよく分かるその特徴 | 日刊ウェブログ式
動作しないブラウザがある以上は今すぐは難しいかもしれませんが、CSS3ボタンのサンプル集です。フォトショップなどで編集していた部分も、これからはCSSで指定できてしまうんですね。これは今のうちにチェックしておいた方がいいかも。 CSS3をボタン作成ツールで体感 ※CSS3未対応のブラウザでは正常に動作しませんのでご注意を Button Maker CSS3がどんなものか、実際に触れることで堪能できます。 個人的には、ドロップシャドウやグラデーションの色合いが素晴らしいと思う。 CSS3プロパティジェネレーター フォトショップのような感じでグラデーションが細かく設定出来ます。これもCSS3の特徴ですね。 Photoshopライクな操作で手軽に作れるCSS3ジェネレーター CSS3ボタンのサンプル集 building beautiful buttons with css gradients こ
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
スタンダードな画面パターン13選 – creamu
サイトのインターフェースを設計したい。 そんなときに参考になるのが、『Designing Web Interfaces: 12 Standard Screen Patterns』。スタンダードな画面パターン13選だ。 以下にご紹介。 Master/Detail 垂直か水平レイアウト。ナビゲーション固定で操作画面をユーザに認識しやすいようにしている Column Browse 垂直か水平レイアウトで、始めのカラムからユーザをナビゲーションしていく仕組みを提供している Search/ Results キーワードでダイレクトにユーザをナビゲートするときに使われる Filter Dataset 検索条件を絞り込んで精度を上げるときなどに使われる Forms フォーム画面はユーザビリティとデザインについて考え抜かれていなければならない Palette/ Canvas ファイルを作成するときなどに使わ
Our Favorite Cheat Sheets
Resources Here you'll find information on emerging technologies and trends, careers in technology and how businesses can use technology to be more successful. New & Updated Definitions What is ESG (environmental, social and governance)? Environmental, social and governance (ESG) is a framework used to assess an organization's business practices and performance on various sustainability and ethical
無料で使えるサイトのデザインテンプレート40選『40 Free Web Template Resources』 – creamu
デザインテンプレートを使って手軽にサイトが作りたい。 そんなときにおすすめなのが、『40 Free Web Template Resources』。無料で使えるサイトのデザインテンプレート40選だ。 以下にいくつかご紹介。 » Simavera Website Templates Flashとサイトテンプレート。↑のキャプチャはこのサイト » Open Designs XHTML + CSSのフリーデザインテンプレート » Tristar Web Design Templates 9つしかないが、速くてクオリティの高いXHTML + CSSサイトならここ » Solucija Templates 商用・非商用問わず無料で使えるテンプレート » Styleshout Templates すべてWeb標準準拠のXHTML + CSSサイトテンプレートを配布 無料で使えるサイトのデザインテンプレ
CeeSeS | We are the BalkaniCSS!
SiteGround is a company established in 2004, which means that it has been in the industry of web hosting for 12 years now. It is a company that is widely known, and recognized as among the best when it comes to going beyond what is expected of them. As a matter of fact, just a […] Site5 is backed up by several years of experience in the industry. Their market includes developers, designers, as wel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://www.designwalker.com/2009/01/web-layout.html
背景画像をつくるのに便利なサイト12選 | IDEA*IDEA
紙をモチーフにデザインしたウェブサイト25選 | コリス
GALLERY GALLERY ： Result -> 98 Gallery site
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
web制作者のための2008年1月BESTまとめ43＋暇つぶしゲーム2*ホームページを作る人のネタ帳
http://www.designwalker.com/2008/03/template-generator.html
インパクトのあるウェブデザイン40選 - DesignWalker
http://e0166nt.com/blog-entry-415.html
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス
ドイツのクリエイティブなウェブデザイン 55サイト | DesignWalker