[B! html] sayiのブックマーク

最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説

最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説ページのタイトルと説明文、外部ファイルソーシャルメディア用のHTML アイコンとアドレスバーもう

sayi 2021/04/28

リンク

ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

sayi 2016/02/17

リンク

ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks

How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

sayi 2014/07/16

リンク

Brackets - Web デザインを認識する最新のオープンソースコードエディター

Introducing Phoenix Code Editor Phoenix Code is the next generation of Brackets that Runs everywhere - Windows, macOS, Linux and Web Browsers. Click here to read more.

sayi 2013/04/16

リンク

Google Chrome Developer Tools入門 in DevFestX Sapporo

sayi 2012/02/13

リンク

【HTMLタグの簡単検索】TAG index - ホームページ作成情報

ページ全般ボックステキストリンクリストイメージテーブルフレームフォームフィルタ CSSの基本 CSSプロパティ一覧［ABC順］リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグリファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

sayi 2011/03/23

リンク

より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

Web制作を少しでも効率化しようと思って（今更）いろいろ便利そうな情報を探しました。既に使っている情報の方が多かったのですが、折角調べたのでシェアしたいと思ってエントリーです。コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利初期設定とかTipsとか制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。もう、cla

sayi 2010/06/10

リンク

Another HTML-lint gateway

HTML文書の文法をチェックし、採点します html lint.cgi ver1.21 / html lint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。チェック方式チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ