[B! HTML][css] hpptmsのブックマーク

hpptms id:hpptms

HTMLとcssに関するhpptmsのブックマーク (4)

一気に教えるプログラマーのためのレスポンシブHTMLコーディング
レスポンシブデザインのHTMLコーディングに悪戦苦闘しているデザイナーは多いと思う。絵的な意味でのデザインと、あまりにかけ離れたロジカルな処理が必要だからだ。そこでプログラマーにお鉢が回ってくることがあるのだが、今一つCSSがわからず苦戦することが多いと思う。プログラマーだからこそ扱いやすいレスポンシブそんな状況に陥っても、あわてる必要はない。ほんの少しのコツをつかめば、レスポンシブデザインなんて恐れるに足りないのだ。まず正しくは【レスポンシブ】だよく「レスポンシブ ( responsive ) 」と「レスポンシブル (responsible) 」の混同を見かけるが、レスポンシブが正解だ。レスポンシブ ( responsive ) 形容詞　反応するレスポンシブル ( responsible ) 形容詞責任のあるレスポンシブル・デザインだと、だいぶ意味が違ってしまうようだか
hpptms 2017/01/25
デザイン

CSS

HTML
リンク
HTML 5.1のsrcset・sizes属性とpicture要素の使い方 – レスポンシブイメージで画像表示を最適化 - ICS MEDIA
日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約47%であり、ウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です（参照「StatCounter」)。 HTMLの「レスポンシブイメージ」を使えば、HTMLのタグだけで表示端末にあわせた画像を配信できます。本記事では、サンプルを通してレスポンシブイメージの特徴と使い方について解説します。この記事で学べること img要素のsrcset属性とsizes属性の使い方 picture要素の使い方レスポンシブイメージとは一体何か？レスポンシブイメージとは、レスポンシブなウェブサイトにおける画像の取り扱い方を定めたHTMLの技術。2016年勧告のHTML 5.1に追加された仕様です（現在のHTMLの仕様書）。主な特徴は次の通りです。 CSSやJavaScriptを使わず、HTMLのみでレスポンシブな画像を取り
hpptms 2016/09/27
HTML

web

css
リンク
http://www.ituore.com/entry/html-css-basic
hpptms 2016/05/23
記事を読んでて9割型扱えるので、結構覚えてるもんだなーと思ったけど、floatとpositionがごっちゃになってたので目からウロコでした。

HTML

css
リンク
Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek
hpptms 2016/04/23
噛み砕いてツールの概要が書かれているので参考になりました。いくつか使ってみます。

CSS

HTML

スキル

Webデザイン
リンク
1