[B! 2012][WebDesign] lordkfのブックマーク

サイト制作時のメモ 2012年前半

ここ最近でサイトを作ったときに思ったことのメモです。個人的なサイトを昨年末と今年の7月に1つずつ、それ以外でやったのが春に1つ（結局なかったことにされたけど）、今やってるのが1つ。昨年末のは一応レスポンシブウェブデザイン、7月のと春のは普通のソリッドレイアウト、今やってるのがスマートフォンサイト。昨年末に作ったものについてははてなダイアリーの方でも書いたし、内容は被るけど改めて。全般「HTML5 Boilerplate」は丸ごとというより必要な部分だけ抜き出して使うと便利。「これは要らないかなー」という部分を探すのにはコード読まないといけないので、それだけでも結構勉強になると思う。単純なサイトなら頑張って画像作らなくてもなんとかなったりする。（対象がいわゆるモダンブラウザの場合） Sass 3.2から使えるPlaceholder Selectorは凝ったことしなくても普通に便

lordkf 2012/08/16

リンク

3 Cool Techniques For Your Next Web Design Project

2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確