Icons | Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
Formalize CSS - Teach your forms some manners!
Break the cycle of inconsistent form defaults, style forms with impunity! Feel free to ping me on Twitter A Familiar Tale We've all been there. You are nearly done with a beautiful site design, only to arrive at the task we all dread – form styling. Depending on operating system and browser, default form elements can look okay or horribly disfigured. Cargo cult adherents say that styling form ele
Delivery — The Mac OS X code compressor
A little, yet powerful code compressor. Delivery make your scripts and stylesheets lighter. So them load faster. Three different engines. By the JS side, Delivery includes the YUI Compressor (from Yahoo!) and Closure (from Google). Just select one. Or even both. For stylesheets, features it’s own. It's all about an icon. Delivery is a zero-window solution. Don’t mess your time and just drag files
The 1140px CSS Grid System - Fluid down to mobil
A 1140px wide, 12 column grid. Fluid all the way down to a mobile version. The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense. Scrap 1024! Des
FlareVideo
このドメインについて問い合わせる flarevideo.com 2024 著作権. 不許複製 プライバシーポリシー
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
使っていないCSSを見つけ出す方法 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そうしたツールを使うことが多い。 このようにCSSをチューニングするためのツールは数多く提供されているが、逆にCSSで使われていないセレクタを特定して削除するといった機能を提供するものは少ない。IEBlog : CSS Crunch: new IE Extension for developersにおいてSelectors API Level 1で規程されているdocument.querySelec
Less Framework
An adaptive CSS grid system. What It Is Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid. Default Layout 10 columns at 992 px. For desktops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width
Tonttu
Tontuu is help for web-developer to create CSS Sprites・ファイルの読み込み(ドラッグ＆ドロップ) ・ソート1 (Sort direction:col ⇒ Sort type:IMAGEBASE ⇒ padding:0) ・ソート2 (Sort direction:row ⇒ Sort type:IMAGEBASE ⇒ padding:30) ・ソート3 (Sort direction:col ⇒ Sort type:POSITIONBASE ⇒ padding:100) ・ソート4 (Sort direction:row ⇒ Sort type:POSITIONBASE ⇒ padding:150) ファイルを開く 画像ファイル(gif,jpeg,png)、もしくは拡張子.ttdのプロジェクトファイルを、2通りの方法で開くことが出来ます
Snipplr - Code 2.0
Login / Register Username/Email password Login with Google Login with Facebook Login with GitHub Achievements Michael8573 won commentator badge 2 days ago ayanshah811 won commentator badge 2 weeks ago samydt won commentator badge 2 weeks ago shinepharms won commentator badge 2 weeks ago cassyM3 won commentator badge 3 weeks ago 歆婷5962 won commentator badge 3 weeks ago wick won commentator badge 3
elasticss เว็บข่าวบันเทิง เกร็ดความรู้ ไลฟ์สไตล์ต่างๆ อัพเดทสดใหม่ทุกวัน – เว็บรวมข่าววันนี้อัพเดทสดใหม่ก่อนใคร ข่าวบันเทิง เกร็ดความรู้ ไลฟ์สไตล์ต่างๆ รับชมได้ฟรีตลอด 24 ชั่วโมง
elasticss เว็บข่าวบันเทิง เกร็ดความรู้ ไลฟ์สไตล์ต่างๆ อัพเดทสดใหม่ทุกวัน เว็บรวมข่าววันนี้อัพเดทสดใหม่ก่อนใคร ข่าวบันเทิง เกร็ดความรู้ ไลฟ์สไตล์ต่างๆ รับชมได้ฟรีตลอด 24 ชั่วโมง แทงบอลออนไลน์ตามเซียนหรือตามนักพนัน sbobet ที่เก่งก็จะเห็นผลในการเดิมพันได้มากเช่นเดียวกัน เพราะแน่นอนว่าคนที่อาบน้ำร้อนมาก่อนหรือคนที่มีความรู้ ก่อนก็มักจะมีเทคนิคและสูตรในการแทงบอลออนไลน์ดีๆ มาคอย อัพเดทหรือลงบนเว็บ ที่คุ
Aardvark Firefox Extension
The Aardvark bookmarklet is a tool for web developers/designers as well as casual users. To quickly see it in action on this page, run the demo. Using Aardvark Once you have installed Aardvark as a bookmarklet (it takes about ten seconds!), you may start it at any time by selecting it from the bookmarks menu or toolbar. Aardvark will run until you press the “Q” key to quit, or leave the page or re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mockko/livereload: LiveReload applies CSS/JS changes to Safari or Chrome w/o reloading the page (and autoreloads the page when HTML changes)
CssUserAgent (cssua.js)
Spritebox - Create CSS from Sprite Images
Coming Soon
http://ivan.ly/ui/
CSS Compressor