Webサイト開発において、HTML、CSS、JavaScript、Vue.js、Djangoを用いた画面デザインは、ユーザー体験を左右する重要な要素です。特にレスポンシブデザインは、PCとスマホの両方で最適な表示を実現するために欠かせません。この記事では、新人エンジニア向けに ...

Webサイト開発において、HTML、CSS、JavaScript、Vue.js、Djangoを用いた画面デザインは、ユーザー体験を左右する重要な要素です。特にレスポンシブデザインは、PCとスマホの両方で最適な表示を実現するために欠かせません。この記事では、Web開発における重要な ...

Mac HTMLやCSSを知らなくても、シンプルなレスポンシブデザインのWebサイトを作成できるMac用Webエディタ「Blocs」が今週中にもリリースされるそうです。詳細は以下から。 作成できるのはシングルページなのでアプリや商品のプロモーションサイト向きですが ...

シンプルなHTMLを使用して、レスポンシブ対応、ライト・ダークモード対応のモダンなWebページを簡単に作成できる超軽量CSSライブラリを紹介します。 シンプルなWebページやポートフォリオ、プロトタイプなどをすばやく作成したい時に便利で、ベースにし ...

レスポンシブCSSで使うブレイクポイントの決め方(3ページ目) レスポンシブWebデザインでCSSを書く際のブレイクポイントを、2018年版アクセス解析結果の画面サイズシェアから考える方法を解説。スマホは375px、タブレットは768pxの横幅が最も多いとはいえ、375 ...

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なの ...

以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用 ...

このプロジェクトは、Vanilla JavaScript を用いて構築された、レスポンシブ対応（PC & SP）のドロップダウン付きグローバルナビゲーションメニューです。 特にアクセシビリティ（a11y）対応や、フォーカストラップの実装に重点を置いています。 テンプレート ...