https://worktoolsmith.com/tag/web-design/ Recent content in Webデザイン on WorkToolSmith Hugo ja-jp Sun, 18 Oct 2015 00:05:15 +0900 https://worktoolsmith.com/bootstrap-illustrator-template/ Mon, 20 Apr 2015 08:30:00 +0900 https://worktoolsmith.com/bootstrap-illustrator-template/ <p>レスポンシブCSSフレームワークとして大きなシェアを持っているTwitter Bootstrap(ブートストラップ)。このWorkToolSmithでもベースに使用しています。</p> <p>きっちりした、指定しやすいグリッドと、手軽に使えるUIがイイカンジです！</p> <p>ただレスポンシブデザインは形が大きく変化するので、変化時のカラム設計がわかりづらいという点があります。デザインを決めるためには形をしっいかりと把握する必要があります。</p> <p>今日はBootstrapのデザインで非常に役立つ<strong>Illustrator向けテンプレート</strong>を紹介。</p> <p> https://worktoolsmith.com/4976/ Tue, 06 Aug 2013 18:00:13 +0900 https://worktoolsmith.com/4976/ <p>Webデザインを簡単にするテンプレートフレームワーク「<strong>Bootstrap</strong>」。</p> <p>最新リリース候補 3.0 RC1 が公開されました。</p> <p style="padding-left: 30px;"><a href="http://getbootstrap.com/">Bootstrap 3.0 RC1</a></p> <p><strong>フラットデザインと柔軟なカラムグリッドがすごい！</strong></p> <p> https://worktoolsmith.com/css-lightweight/ Fri, 18 Nov 2011 11:18:41 +0900 https://worktoolsmith.com/css-lightweight/ <p>CSSはWebページのデザインを決める重要なファイルです。</p> <p>近年のリッチなWebデザインを実現するために、CSSも肥大化の一途をたどっています。そこで、普段私が使っているCSSを軽くするちょっとしたワザをいくつか紹介します。</p> <p>CSSを小さくすることはブラウザの読み込み、解読速度が上がることが期待できます。またお客様に収めた後、ふとCSSを見たときに「ムダのないきれいなCSSだな～。さすがプロ！」と思ってもらえるときが・・・あるかも！？</p> <p> https://worktoolsmith.com/746/ Sat, 12 Nov 2011 13:39:57 +0900 https://worktoolsmith.com/746/ <p>jQueryで特定の要素の後に要素を追加する場合はafter構文が使えます。</p> <p>