CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
814 users
WebサイトをiPhoneやiPadに対応させるためによく使われるCSS3のMedia Queries（メディアクエリ）。CSS3 Media Queriesを使うときの注意書きなどをまとめてみました。今回このブログ、Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用... 続きを読む
Twitter Bootstrap
1503 users
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. Nerd alert: Bootstrap is built with LESS and was de... 続きを読む
Mozilla's Web O'(pen) Wonder
12 users
The winner of Mozilla GameOn Challenge builds a gorgeous HTML5 game without plugins. HTML5 と Canvas を利用 GitHub でソースコードを見る 続きを読む
意外と知らない!?CSSセレクタ20個のおさらい｜Webpark
2031 users
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 そもそもCSSセレクタが何かというと、スタイルを適用する対象を選択するものです。普段何... 続きを読む
[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル | コリス
564 users
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 下記は各ポイントを意訳したも... 続きを読む
SASSIENCE ～ 世界が嫉妬するCSSへ
1313 users
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント （1/2）- ＠IT
984 users
一撃デザインの種明かし（15） クロスブラウザはもう古い！ HTML5＋CSS3時代の プログレッシブ・エンハンスメント 面白法人カヤック 橋本雄也・本多大和 2011/5/24 クロスブラウザはもう古い！ これからのHTML5＋CSS3時代を担う制作コンセプト、「プログレッシ... 続きを読む
CSS3 Patterns Gallery
131 users
Click on a pattern to expand Textareas are editable Want to submit a new one? Drop me a line at me [at] this domain Enjoy! By Lea Verou • If no other author is mentioned, the pattern is created by Lea Verou 続きを読む
地獄のミサワがCSS3の勉強に最適と話題に | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
430 users
CSS3に興味はあるけど、きっかけが無いなあと思っている方へ こんにちわ、jsdo.it担当のふちがみです。 最近jsdo.itで地獄のミサワをイジりながらCSS3やcanvas、javascriptを学ぶ動きが活発なんです。 「それ2年ぐらい前に見たわー」という方も続きからどうぞ！... 続きを読む
Wrapping Long URLs and Text Content with CSS • Perishable Press
80 users
To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for <pre> tags): pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ w... 続きを読む
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
1556 users
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 基礎編 対象ブラウザは... 続きを読む
CSS HappyLife ZERO
1506 users
CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティ... 続きを読む
23 Pure CSS Effects/Solutions to Make JavaScript Angry!-
WebAnthology.net
27 users
The title is a bit funny! Making JavaScript angry! but truthfully we’re not going to make JavaScript angry. We just would like to introduce you some effects or solutions which you may think are made using Javascript (or his friends) but afte... 続きを読む
とっても使えるoverflowプロパティ。その使い方色々。｜CSS HappyLife
1207 users
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が... 続きを読む
セレクタでのCSSハック一覧表｜web bibo
100 users
CSSハックの種類は色々ありますが、その中で役に立ちそうなハックだけを一覧にしてみました。 CSS Validation Serviceに通るハック（valid）とエラーになるハック（invalid）に分けています。 少ない記述でハックを使いたいと思う方はプロパティでのCSSハック一... 続きを読む
nJOY BLOG::IE8 「テキストエリアで勝手にスクロールするバグ」の回避方法
15 users
2009Jun17 IE8 「テキストエリアで勝手にスクロールするバグ」の回避方法 BlognPlus 公式コミュニティで「投稿エリア（テキストエリア）でスクロールバーが上下します」というトピックがあったのでちょっと調べてみました。 このバグがどういうものかは言葉で説... 続きを読む
HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style
395 users
2009年09月13日 （日） Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き... 続きを読む
RedLine Magazine : 印刷用CSSのお話
455 users
最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『... 続きを読む
XHTML+CSSガイドライン
23 users
仕様 原則としてXHTML1.0 Strictに準拠する。 要件に応じて、適宜XTHML1.0 Transitionalを用いる。 CSS2.1に対応する。 文字コードはUTF-8を採用する。 ブラウザ対応 推奨ブラウザ Internet Explorer 6以降 Firefox 2以降 Opera 9以降 Safari 2以降 これらのブ... 続きを読む
50 Extremely Useful And Powerful CSS Tools | CSS | Smashing Magazine
35 users
We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to th... 続きを読む
Google Docs & Spreadsheets - css-hacks
32 users
Innovative (and Experimental) CSS Examples and Techniques - Six Revisions
10 users
October 22nd, 2008 by Jacob Gube | 10 Comments | Stumble It! del.icio.us CSS doesn’t always have to be serious business. In this article, you’ll see 25 fun, novel, and experimental CSS techniques and demonstrations. Note: some of the techni... 続きを読む
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
285 users
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解... 続きを読む
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました:phpspot開発日誌
145 users
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日 My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できる... 続きを読む
IE版のFirebug IE Developer Toolbar[to-R]
164 users
IE版のFirebug IE Developer Toolbar 【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。 【PR】HP登録でSEO対策！アクセスアップにコチラ！ みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか？ マイクロソフトが... 続きを読む
[CSS]背景画像を半々に表示するスタイルシート | コリス
47 users
Multiple Backgrounds: Left Half and Right Half デモページ デモページのHTMLとCSSは下記のようになっています。 bodyとdivの場合 <body> <div id="rightHalf"></div> </body> *{margin:0;padding:0;} html{overflow-y: scroll;} body{background:url(images/... 続きを読む
CSS Properties Index – Jens Meiert
70 users
A continuously updated list of all CSS properties: Announcement and remarks, additional HTML elements index. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Property CSS 1 CSS 2 CSS 2.1 CSS 3 Initial Value Property CSS 1 CSS 2 CSS 2.1 CSS... 続きを読む
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
600 users
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザ... 続きを読む
100 Percent Pure CSS Layouts - Iron Myers
29 users
These CSS Layouts offer full Grade-A browser support. That means that these CSS Layouts will look and behave the same in all internet browsers, like Internet Explores 6 (IE6), Internet Explorer 7 (IE7), Firefox, Opera, Safari and so on. Since... 続きを読む
[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
795 users
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリスト... 続きを読む
![[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス](http://cdn-ak.b.st-hatena.com/entryimage/7739416-1236256684.png "[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス")