HTML・コーディング

今使用しているナビゲーションやタブやボタンにHTMLを汚さずにさまざまなアニメーションを適用できる -All Animation

2016/02/26(Fri) 07:37

ページ上のさまざまな要素やコンポーネントにclassを加えるだけで、CSS3アニメーションを適用できるスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/cross-browser-css-animation.html

今どきの見出しとしてのhタグの正しい使い方

2015/12/24(Thu) 07:33

コンテンツを内容を正確に反映したhタグを使うべきなのでしょうか？複数のh1タグは検索エンジンの評価に影響を与えるのでしょうか？

https://www.suzukikenichi.com/blog/currently-correct-usage-of-h-tags/

もっとSassろう！慣れてきたら使いたいワンランク上のコーディング方法4選

2015/11/13(Fri) 07:34

今回は、Sassのコーディングに少し慣れてきた人のために「ワンランク上なSassコーディング方法」をまとめましたので、ご紹介します( ˇωˇ )

http://liginc.co.jp/190626

divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ

2015/10/15(Thu) 07:35

HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。

http://coliss.com/articles/build-websites/operation/work/sectioning-content-in-html5-by-ire.html

High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方

2015/07/29(Wed) 07:42

多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。

http://coliss.com/articles/build-websites/operation/work/high-performance-html-by-samdutton.html

Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ

2015/07/07(Tue) 07:55

Bootstrapなどのフレームワークは無し、HTML5とCSS3のシンプルなコードをベースに、jQueryなどでいろいろなインタラクションやアイコンフォントなどを使ったレスポンシブ対応のテンプレートをTemplatedから紹介します。

http://coliss.com/articles/build-websites/operation/work/css-and-html5-templated.html

Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス

2015/07/02(Thu) 07:52

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-code-generators-webcodetools.html

アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」

2015/06/29(Mon) 07:43

html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無を把握しやすい印象でした。

http://kachibito.net/useful-resource/html5test

コーディングに関わる人なら抑えておきたい必須のフロント技術＆ツール8選

2015/05/08(Fri) 07:52

フロントエンドエンジニアはもちろん、コーディングに携わる人なら誰でも抑えておきたい、今旬な技術やツールを紹介したいと思います。

http://liginc.co.jp/web/programming/node-js/159177

自分のHTMLやCSSのコーディング環境がベストか見直してみよう！作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本

2015/04/29(Wed) 07:48

SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。

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