KSS · Knyle Style Sheets
KSS Knyle Style Sheets Documentation for any flavor of CSS that you’ll love to write. Human readable, machine parsable, and easy to remember. Works great with CSS, SCSS, LESS, and much more. // A button suitable for giving a star to someone. // // :hover - Subtle hover highlight. // .star-given - A highlight indicating you've already given a star. // .star-given:hover - Subtle hover highlight on t
StyleStats - An evaluating tool for writing better CSS
Pemain judi online terpercaya bukanlah sesuatu hal yang rumit, melainkan adalah kegiatan yang sangat mengasyikkan untuk dilakukan secara rutin setiap hari. Kalau boleh diibaratkan bermain judi online terpercaya Sbobet lebih mirip ke aktivitas makan yang […] Read the Post Cara Belajar Dari Judi Online Sbobet Terpercaya Agen resmi Sbobet pada dasarnya merupakan wadah yang menyatukan segala elemen ma
SassでCSSの弱点を克服しよう （1/2）－ ＠IT
maedana SonicGarden SUG（SKIP User Group）／日本Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよう（編集部） Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったものです。あえて日本語に訳すと、「かっこいい構文のスタイルシート」といった感じでしょうか。 もう少しシンプルに表現すると「クールなCSS（Cascading Style Sheets）」でもいいかもしれません。Sassはスタイルシートを簡潔に表現するためのメタ言語であり、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供します。 Sassを使うと
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想 先日、アップルストア心斎橋で行われたCSS Reloaded「CSS3の実践的な使い方をご紹介！」に行ってきました。 資料が公開されました。 ■出典元：CSS Reloaded ■著者；John Allsopp ■リンク：Web Directions East 以下、内容を復習もかねてまとめてみました。（サンプルやブラウザ対応などは私が補足したものです。） CSSの歴史 1996年ぐらいからありました。 2000年にCSSのサポートが良いMac IEが登場 2000-2005年はCSS3の開発がストップ 2000-2008年でブラウザが劇的にCSSに対応していく。(ブラウザ Reloaded) 各ブラウザはCSS3を試験的に実装 プリフィックスをプロパティの先頭につける事によってCSS3を実装することが可能。 Firef
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
思っているよりもずっとずっと人生は短い。 - 私の期待する「マークアップエンジニア」
http://d.hatena.ne.jp/amachang/20070807/1186485054 あのプレゼンツールはかっこよかったですよねえ、という話はさておき、マークアップエンジニアってそういうものだったんでしょうか。ううむ。 私の考えていた、できるマークアップエンジニアって、まずはそれなりの規模の(X)HTMLのclass/idの、CSSを考慮したルール（命名規則や書き方の規則）を考え、それに沿ったスタイルを書ける人、つまり複数人での作業分担を円滑に行うことができ、将来の拡張にもある程度耐えられる「設計」ができるひとだと勝手に想像してました。そしてもちろん自分でコーディングも（それなりの速度で）できるひと。将来の拡張のことを考えると、サイト全体のIA的な側面も理解できるし、必要であればクライアントへのヒアリングもできて。 理想的には、組版や書体の知識が深かったり、さまざまなX(H
理想のCSSスキンのかたちを求めて - 3ping.org
2007.12-30 Ninja Style 完成。(年内に間に合った!) 問題の修正とか、アイコンがついたりいろいろ変わっているので、新しいものを使ってください。 表示確認 Download: Ninja Style 2007.12-27 当初配布していた暫定版のNinjaスキンに１箇所すんごい不具合がありました。 ボックスの高さを揃えるテクニックには、落とし穴があったようです。その不具合の表示と、原因を記事末尾に追記しましたので参照してください。 このテクニックを利用する際は皆様も注意してください。解決方法も模索しています。 僕が考える理想のCSSスキンとは、以下の条件を満たすものです。 ユーザーが好みの形に変えやすい CSSに詳しくなくても1.が可能 適当に編集してもレイアウトが崩れにくい 少しの調整でイメージを大きく変えられる ユーザーのカスタマイズ意欲を掻き立てる 現在のVic
jQueryとCSSでグラデーション角丸＋リキッドレイアウトをコーディングしてみる | Blog hamashun.com
JavaScriptとかjQueryとか勉強中なので、勘違いしている部分があるかもしれません。 もし誤りがあったら、ご指摘頂けると嬉しいです。 4つの要素でグラデーション角丸＋リキッドレイアウト 前回と前々回では、CSSで半ば無理やりグラデーション角丸＋リキッドレイアウトを組んでみました。 この種類の角丸デザインはCSSを書く上で必要な要素の数が多くなってしまうので厄介、というのがこれまでのあらすじ。 今回はCSSだけにこだわらず、スクリプトを使ってみたいと思います。 jQuery使用 jQueryを使います。 jQueryの特徴は色々あるんですが、ノードの取得にCSSセレクタみたいな書き方ができるのがとても気に入っています。 普段CSSを書いている人にはとても使いやすいです。 今回のサンプルでは使ってないですけど、jQuery越しにCSS3のセレクタが使えたりするのも魅力です。 しかもI
(X)HTML+CSSだけってのは、袋小路。 - ドブログ[Do-Blog] - ドブロク[DOBUROKU]
このページは旧システム（MT3.33-ja）によって生成されていました。最新の記事はドブログトップページからご覧ください。 IT戦記 - マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） 過激なエントリーです。トラックバックができなかったので、直リンク。 ボクが(X)HTML+CSSだけな奴だった頃からの不安と不信、またCSS Niteへの疑問が書かれちゃってます。 やはり、皆さん感じてるんですね。閉塞感を。 ぶっちゃけ、CSSなんて書くだけなら2ヶ月あればマスターできます。HTMLも平行して進めるのであれば3ヶ月もあればマスターできます。ただ実際には、有効な教科書、体系化された資料が無いのでこんな短期間では習得は難しいでしょうが。 手作業で静的なHTMLをかくのは数年以内にほぼ完全自動化されて「え？ナマHTML書いてんの？物好きだねぇ」なんていわれ
CSSとPHPできれいなグラフを描く方法 | SIMPLE*SIMPLE
terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。 » terrill.ca | Vertical Bar Graphs using CSS and PHP 棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけなので、必要でない方は紹介されているCSSだけ使っても良いかも。 ↓なグラフや、 ↓なグラフが描けます。 なお、HTMLのほうの記述は以下のような感じです。わかりやすいですね。変更も簡単かと。 <ul class="barGraph"> <li class="p1" style="height: 57px; left: 0px;">57</li> <li class="p2" style="height: 27px; left: 0px;">27</li> <li class="p3" style="heigh
CSSをPHPでパース出来て解析などに役立つライブラリ「CSS parser」:phpspot開発日誌
PHP Classes - Class: CSS parser CSSをPHPでパース出来て解析などに役立つライブラリ「CSS parser」。 次のようにPHPプログラムからCSSをパースしてプロパティを参照できます。 クラスライブラリの形になっているので利用も容易ですね。 <?php include("cssparser.php"); $css = new cssparser(); $css->ParseStr("b {font-weight: bold; color: #777777;} b.test{text-decoration: underline;}"); echo $css->Get("b","color"); // returns #777777 echo $css->Get("b.test","color");// returns #777777 echo $c
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
サイトに使えるCSSベースのクールなメニューナビゲーション8個:phpspot開発日誌
8 web menus you just can't miss There's no point to discuss the importance of a web menu, how it's done and how it looks. Many people may remember a website for it's great looking menu. サイトに使えるCSSベースのクールなメニューナビゲーション8個が紹介、ダウンロード公開されています。 サイトのナビゲーションデザインはシンプルだけど使い勝手のよいものにしたいですね。 そこで、サンプル集があればサイトにあったナビゲーションを考えることが出来そうです。 CSSベースの色んなタイプのナビゲーションがあるのでサイト作りに役立ちそうですね。 関連エントリ Webデザイナー/開発者が覚えておくとよい２５のテクニック
line-height に単位ありの指定は駄目？
最近、CSS の line-height プロパティに指定する値は単位なし （<number>） が良いという話が話題になっているようです。別に今に始まった話題ではないんですけども、最近この話題に触れている記事の中に、ちょっと気になる書き方をされる方がいるので書いてみます。 で、そもそもなんで line-height の値は <number> で指定しておいた方がいの？ってところですが、その理由をわかりやすくまとめている Lucky bag::blog さんの記事をまずは紹介しておきます。 line-height の値には単位なしが良いとされる理由 ： Lucky bag::blog line-height の値には、 normal inherit <length> <number> <percentage> が指定できますが、ユーザーエージェントのデフォルト値を使用する normal と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr Dashboard Big Photos
CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE
新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN' LISTEN::::::to the silence:::::::
最初に指定しておくと便利なCSS | Tech de Go
42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」:phpspot開発日誌
CSSベースの超クールなナビゲーション集:phpspot開発日誌