Web制作メモ– category –

【はじめに】 UIデザインは、ユーザーがWebサイトやアプリを快適に利用できるように、画面の見た目や操作性を設計する重要な要素です。初心者の方にとって、UIデザインの基礎知識を身につけることは、ユーザーエクスペリエンスを向上させ、製品の価値を高...

【はじめに】 Webサイトを作成する際、HTMLフォームはユーザーと直接やり取りを行う重要な要素です。適切なマークアップを行うことで、使いやすく機能的なフォームを実装できます。本記事では、HTMLフォームのマークアップについて詳しく解説します。 【フ...

【はじめに】 JavaScriptは、1995年に開発され、1996年に広く普及し始めたWeb開発のためのプログラミング言語です。本ブログポストでは、JavaScriptの基本からその様々な機能について、段階的に詳しくご紹介します。JavaScriptの基本を理解することで、そ...

【はじめに】 SVG (Scalable Vector Graphics) は、ウェブ上で高品質で拡張性の高い図形を表現するためのオープンな標準フォーマットです。この記事では、SVGの基本構文について詳しく解説していきます。 【SVG要素の構造】 SVGは、XML形式で記述されます...

【はじめに】 ウェブサイトを制作する上で、HTMLのクラス名を適切に付与することはとても重要です。クラス名は、CSSによるスタイル付けやJavaScriptによる操作を行う際の手段となります。 しかし、クラス名の付け方には一定のルールがあり、単なる命名だけ...

【はじめに】 ウェブ開発において、CSSの命名規則は非常に重要です。命名が適切でないと、コードの可読性が低下し、メンテナンス性が著しく低下してしまいます。そこで登場したのがBEM(Block Element Modifier)という命名規則です。BEMはHTMLとCSSの両方に...

最近は動きのあるサイトが主流になってきています。今回はCSS animation と@keyframeで実装するCSSで流れる背景のやり方のご紹介（備忘録）です。 早速コードと動き方をご覧ください。 See the Pen 流れる背景 by kotty (@kottty) on CodePen. 【解説】 ① ...

私たちの周りは色でいっぱいです。この"色"がどうやって私たちの目に見えるのか、今回は、色の世界の基本である「光の三原色」と「色の三原色」について解説します。 色は単なる美的要素というだけでなく、私達の行動や感情に影響を及ぼす力を持っています...

CSSの初歩をある程度学んだ方が次に学びたいのはCSSの設計手法だと思います。どんな風に書けば一番効率が良いのか？なんとなく書いているがこれであっているのか？など、様々な疑問がでているのではないでしょうか。 そんなときは、もうすでに世にあるベス...

WebDAV機能というのを使うと、FTPソフトを使わなくてもFinderからサーバーに接続してファイルのダウンロードやアップロードができます。 プランによってはWebDAV機能がないようです。お使いのプランをご確認ください。 すぐアクセスできるのは便利だけど、...