HTML・コーディング

説明は初心者向け、学ぶ知識はプロで通用するレベル、HTML5とCSS3が身につく良書 -いちばんやさしいHTML5&CSS3の教本

2016/04/04(Mon) 07:28

Web制作をこれから始めたいと考えてる人、Web制作のしっかりした知識を身につけたい人に、今必要とされているHTML5とCSS3の基礎力を磨くことができるオススメの本を紹介します。

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

htmlのspanタグを極めたい方に向けた記事

2016/03/18(Fri) 07:25

今回は、htmlのタグの1つであるタグについての記事です。何となく文字装飾につかっていることの多いspanですが、意外とdivタグやpタグとの区別がついていないまま使用していたりします。

http://creive.me/archives/8720/

ワンランク上のコーダーは万が一の配慮も欠かさない、リンク切れの画像要素をスタイルするテクニック

2016/03/16(Wed) 07:36

通常はお目にかかれませんが、リンク切れの画像があるのはいただけませんね。画像がリンク切れだと、こんな風に表示されてしまいます。

http://coliss.com/articles/build-websites/operation/css/styling-broken-images-by-ire.html

HTML/CSSで実装できる！今どきデザインのホバーエフェクト30個まとめ

2016/03/16(Wed) 07:35

サイトコンテンツ表示に活用できる、HTML/CSSのみで実装できるホバーエフェクトをまとめています。

http://photoshopvip.net/archives/88174

SEO対策として最低限押さえておきたいHTML/HTML5マークアップの大事な6つのポイント

2016/03/15(Tue) 07:30

検索エンジンがページ構造を理解しやすいようにHTMLがマークアップされていることは、安定的に検索結果上位にインデックスされるために重要な要素の1つです。

http://creive.me/archives/8814/

今どきの入力フォームはこう書く！ HTMLコーダーが抑えるべきinputタグの書き方まとめ

2016/03/11(Fri) 07:21

今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。

https://ics.media/entry/11221

今使用しているナビゲーションやタブやボタンに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