[B! 勉強][*CSS] yamadarのブックマーク

yamadar id:yamadar

勉強と*CSSに関するyamadarのブックマーク (6)

抽象化を避けるCSS設計方法論「Enduring CSS」第1回
本連載では、Enduring CSSというCSS設計方法論を紹介します。Enduring CSSは、Ben Frain氏の著書で、末永く破綻させずにサイトのCSSを設計するにはどうすればよいか。その方法論をまとめたものです。電子書籍でも販売していますが、Webサイトで全ての内容が公開されていますので、無料で全内容を確認可能です。 Enduring CSS by Ben Frain [Leanpub PDF/iPad/Kindle] Architect CSS and scale CSSwith the ECSS CSS methodologyCSS設計方法論︵CSS methodology︶と言うと、OOCSS、BEM、SMACSSの3つが著名なものと言えるのではないでしょうか。 An Introduction To Object Oriented CSS (OOCSS) – Smas
yamadar 2017/01/14
*CSS

考え方

設計

知識・理解

勉強
リンク
優れたWebフロントエンド開発者になるには
この記事では、二人のエンジニアが書いたWeb開発者のためのアドバイスを紹介する。一人はおすすめの有用なツールとテクニックについて、もう一人はブラウザ向けに書くときに遭遇する課題への対処についてアドバイスしている。今年のはじめ、BazaarvoiceのソフトウェアエンジニアであるRebecca Murphey氏は﹁A Baseline for Front-End [JS] Developers: 2015﹂というブログ記事を書き、クライアントサイドWeb開発に使えるツールとアプローチをJavaScript開発者にアドバイスした。記事を要約すると、彼女はこう言っている。 ECMAScript 2015を学ぶ。 Understanding ES6、ES6 Rocks、BabelJSがおすすめだ。私たちはこのリストにAxel Rauschmayer氏の新しい本、Exploring ES6を加える
yamadar 2015/08/12
参考にする。個人的には関わる技術の仕様に一通り目を通して全体像を捉えるのを最初にやると良いと思ってる。

考え方

*CSS

*javascript

技術

勉強
リンク
CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ
大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介します。
yamadar 2015/07/24
全部読んだ

コーディング

*CSS

考え方

仕事

知識・理解

勉強
リンク
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その2）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み︵vertical-align編その2︶Inline Layout─Frontrend Conference 高津戸壮︵株式会社ピクセルグリッド︶この記事は、Frontrend Conferenceのセッション﹁Inline layout﹂でお話させていただいた内容を基に、連載記事︵全4回︶として書き起こしたものです。今回は第3回目です。 vertical-alignごとのアイコンの揃え位置前回に引き続き、vertical-alignの利用方法について解説していきます。今回はまず、文頭に置いたアイコン画像を、vertical-alignを用いて位置調節する方法から見ていきます。以下の様なHTMLがあったとします。
yamadar 2015/03/19
*CSS

勉強
リンク
2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle
レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。そのまま使うもよし、スキルアップ用に勉強してもよし、です！ Beetle - Responsive HTML5 Template Beetleには、最近のWebサイトで人気のあるさまざまなコンポーネント・エフェクトが用意されています。大きい背景画像をつかったヘッダ、カード型のレイアウト、サークルを使ったエレメント、パララックススクロール、スクロールをトリガーにしたエフェクトなど、今年のWebデザインのトレンドがたくさん詰まっています。
yamadar 2014/12/15
デザイン

*CSS

勉強

知識・理解
リンク
W3Schools Online Web Tutorials
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
yamadar 2014/03/20
*javascript

*html

*CSS

*PHP

*jQuery

勉強
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx