HTML・コーディング

HTML属性を使い、ユーザーに優しい2要素認証を実現する方法

2021/10/22(Fri) 09:02

ユーザーから見ると、ログイン操作、特に2要素認証コードの入力は面倒なものです。開発者として、アカウントセキュリティ要件を満たすアプリケーション構築は必須ですが、快適な操作性にも気を配る必要があります。この2つの要件がトレードオフに感じることもあるでしょう。

https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete-jp

商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik

2021/09/22(Wed) 08:56

ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。

https://coliss.com/articles/build-websites/operation/work/free-html-templates-for-landing-pages-inovatik.html

昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作

2021/07/19(Mon) 09:55

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。

https://ics.media/entry/210715/

最近の実装に合わせた最新版HTMLテンプレート、基本構造に使用するすべての要素とその役割も解説

2021/04/28(Wed) 09:48

最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。

https://coliss.com/articles/build-websites/operation/work/html-boilerplate-by-mmatuzo.html

現在のGoogleのHTML・CSSガイドに沿ったコーディングルール

2021/04/27(Tue) 09:51

コーディングを勉強している方や、普段当たり前のようにコーディングしているけれど、上手く使えているのか不安な方向けにこの記事を書きました。（2021年04月04日更新）色んな方のコーディングを見ていると実に様々です。情報や知識が古いままで、今では推奨されない書き方も散見されます。

https://fueru.info/design/html-css/google-styleguide/

Webサイト制作の時短テク！便利な最新オンラインツール48個まとめ

2021/02/16(Tue) 09:54

2021年に入って公開された新しいツールやサービスが中心で、Webデザイン作業の効率化や作業スピードがアップする便利ツールが揃います。

https://photoshopvip.net/127345

2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表

2021/01/18(Mon) 10:21

この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。

https://photoshopvip.net/126827

Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図解で解説

2020/11/12(Thu) 09:56

ブラウザがWebページをどのようにレンダリングしているか、図解でやさしく解説した記事を紹介します。レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。

https://coliss.com/articles/build-websites/operation/work/how-the-browser-renders-a-web-page.html

シンプルなCSSで実装できる！記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック

2020/10/16(Fri) 10:08

記事のテキストが多いサイトで見かけるレイアウト、記事は中央に固定幅、画像は幅いっぱいに表示するフルブリードレイアウトをシンプルなHTMLとCSSで実装するテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/full-bleed-layout-using-css-grid.html

知っておくと便利なHTML5の機能、要素や属性のまとめ

2020/10/06(Tue) 10:00

今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。

https://coliss.com/articles/build-websites/operation/work/10-useful-html5-features.html