HTML・コーディング

flexboxもこれで完璧にマスター！HTMLとCSSの最新の知識とテクニックが詳しくまとめられたオススメの本

2017/08/25(Fri) 09:46

レイアウトはflexboxが標準になり、HTML5.1でsection要素や見出しの使い方が変更され、Web制作の現場で新しい知識の必要性が求められています。多様化するWebページを実装する最新の知識とテクニックが詳しくまとめられたオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-483996369x.html

ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist

2017/07/24(Mon) 09:54

Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。

http://coliss.com/articles/build-websites/operation/work/web-launch-checklist.html

シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選

2017/07/12(Wed) 09:49

画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。

http://fit-jp.com/cssheading20/

CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール

2017/05/31(Wed) 09:51

CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmicrodataやMetaタグなどのコードを簡単に生成できるオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/web-code-tools.html

おじさんが若者たちにモテるためのモダンなHTML/CSSマークアップ

2017/05/22(Mon) 09:50

PHPとjQueryの時代は廃れ始め、AngularやReactに代表されるUIフレームワーク、ES2015やTypeScriptを流暢に扱えることがフロントエンドの責務となり、HTMLやCSSも、EJSやPug・SassやPostCSSなどのトランスパイル言語を介すことがほぼ常識になってきた（と思う）。

http://qiita.com/kyoyababa/items/b07b6a4afac3bd970617

さまざまなデザインのボタンを最小限のHTMLで実装する、HTML5とCSS3のテクニックのまとめ

2017/05/16(Tue) 10:02

HTMLはシンプルに最小限、26種類のさまざまなデザインのボタンを実装されたコレクションを紹介します。

http://coliss.com/articles/build-websites/operation/css/collection-of-css-button.html

Web制作者がブックマークしておきたい、HTMLやCSSで困った時にチェックしたいリソースのまとめ

2017/04/24(Mon) 10:14

2017年4月11日、Windows Vistaのサポートが終了しました。これによりIE9のサポートは必要なくなり、今まで躊躇していたHTMLやCSSを利用できるようになりました。

http://coliss.com/articles/build-websites/operation/work/html-css-techniques-for-2017.html

Web業界は進化が速い！自分がHTML, CSS, JavaScriptで何を知らないか、スキルをチェックができる -Know it all

2017/04/04(Tue) 09:56

HTML, CSS, JavaScriptをはじめ、Web制作に必要とされる知識で何を知らないかが分かり、自分のスキルをチェックできる「Know it all」を紹介します。

http://coliss.com/articles/build-websites/operation/work/know-it-all-for-web-development.html

コーディングの設計について考える事

2017/01/20(Fri) 09:52

CSSの設計は人によって様々で、これが正解というものは無いのですが、何も考えずに作っていくと命名の重複で悩んだり、定義したクラスの使い回しがしづらかったりといった悩みが多くなってきます。これらを防ぐためには、CSSの設計を考えながらコーディングすることが大切です。

https://wp.yat-net.com/?p=5052

ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度

2016/12/08(Thu) 10:08

思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。

http://photoshopvip.net/96943