CSS on WorkToolSmith

Google Chromeでプリント状態をプレビューする方法

Mon, 01 Jun 2015 12:00:00 +0900

Google Chromeでメディアクエリを切り替えて、画面プレビューを見る方法です。

まずデベロッパーツールを表示します。

Fri, 24 Oct 2014 18:02:12 +0900

レスポンシブなウェブサイトを作るときに非常に便利な「Bootstrap」。レスポンシブとはPCやスマホなど大きさの違うデバイスでもはみ出たり小さすぎたりしないよう、変形して表示されるCSSデザインです。

ただこの変形するピクセル数や、変形後のカラムの大きさなどがいまいちわかりづらいのが難点。

Wed, 25 Dec 2013 16:38:19 +0900

個人的にすごく待ち望んでいたNetBeansのLESSのサポート。
7.4になりようやっと標準サポートされました！ヽ(｀▽´)/

使用方法をメモしてみます。環境はWindows7、NetBeans7.4です。

Tue, 02 Apr 2013 11:59:51 +0900

Twitter Bootstrapは真っ白な状態からビジュアルに富んだページを作るのに最適です。

その中でもっとも素晴らしいのが「グリッドシステム」

Fri, 01 Mar 2013 18:00:51 +0900

去年後半からRC（リリース候補版）となっていたNetBeans7.3が、ついに正式リリースされました！

めでたい！

ダウンロードはこちらから　→　NetBeans IDE ダウンロード

Tue, 27 Nov 2012 09:47:41 +0900

NetBeansの7.3 Beta2が出ています。

修正内容は

となっています。

Thu, 30 Aug 2012 18:50:55 +0900

無料で高品質な金属の質感パターン

Fri, 18 Nov 2011 11:18:41 +0900

CSSはWebページのデザインを決める重要なファイルです。

近年のリッチなWebデザインを実現するために、CSSも肥大化の一途をたどっています。そこで、普段私が使っているCSSを軽くするちょっとしたワザをいくつか紹介します。

CSSを小さくすることはブラウザの読み込み、解読速度が上がることが期待できます。またお客様に収めた後、ふとCSSを見たときに「ムダのないきれいなCSSだな～。さすがプロ！」と思ってもらえるときが・・・あるかも！？

Sat, 12 Nov 2011 13:39:57 +0900

jQueryで特定の要素の後に要素を追加する場合はafter構文が使えます。