[B! CSS] emimのブックマーク

HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS

日曜日です。如何お過ごしでしょうか。さて、今日も軽い話題・・HTMLファイルを送信するとそのページで利用している classやidを抽出、cssの雛形としてDL 出来るようにするWebサービスです。用途が思い浮かばない・・と、思ったんですけど、良く考えたらリニューアル案件なんかで地味に便利かも。 HTMLファイルを送信したらその中で使われてるclass名とかが書かれたcssを吐き出すってだけのサービスです。 PHPとjQueryプラグインのUploadifyが使われています。アイルランドの学生さんが作ったそうですよ。送信するとcssの雛形を作ってくれます。まぁそんだけなんですけどデザインの訴求力があったのでなんとなくご紹介しました。・・でも、なんで熊なんだろ。以下よりどぞ。 Bear CSS

emim 2012/02/06

リンク

normalize.cssのデモに他のReset CSSを適用して比較してみる。

emim 2012/01/30

CSS

リンク

Web Design Tips To Help You Succeed - Web Design

The key to creating a successful website is instrumental when it comes to showcasing your business under the right light. Continue on into this article for

emim 2011/12/22

リンク

How To Set Up A Print Style Sheet — Smashing Magazine

In a time when everyone seems to have a tablet, which makes it possible to consume everything digitally, and the only real paper we use is bathroom tissue, it might seem odd to write about the long-forgotten habit of printing a Web page. Nevertheless, as odd as it might seem to visionaries and tablet manufacturers, we’re still far from the reality of a paperless world. [Links checked February/08/2

emim 2011/11/25

リンク

決定版！？Clearfixのソースコードはここまで短くなった - CSSデザインノート

emim 2010/07/09

これヨモっさんのと一緒かしら？

リンク

わずか四文字でIE6/7/8を区別するCSSハック | コリス

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettuts+から紹介します。 <textarea name="code" class="css" cols="60" rows="5"> body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ } </textarea>

emim 2010/03/30

リンク

MdN Design｜総合情報サイト

第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者：Smashing Editorial 翻訳：中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し

emim 2010/02/04

リンク

サイトのデザイン微調整に。ブラウザ上でCSS修正·Brosho Plugin MOONGIFT

Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。オンラインでデザイン修正そこでFirefoxであればFirebugを使ってその場でデザインを変更してみて確かめることもできる。だがブラウザが限定される。ブラウザの壁を乗り越え、オンラインでCSSの修正を行えるのがBrosho Pluginだ。 Brosho PluginはjQueryプラグインとして提供されるソフトウェアで、Webサイトを表示すると四角い枠が表示される。そしてWebサイト上のエレメントを選択（赤い枠で囲まれる）し、新しいCSSプロパティを入力するとそれがオンラインで適用されるのだ。修正したCSSの内容を生成する