Figma模写 #7|配色センスが身につく3色デザイン練習 使用したFigmaテンプレート このテンプレートの特徴 模写のルール(今回の練習方針) 「配色センスを鍛える」ことがテーマなので、余白や配置も含めて丁寧に再現することを意識しましょう。 HTML / ... 続きを読む →
Figma模写 #6:選べる3パターン!シンプルカードレイアウトで模写力を高めよう Figma模写シリーズ第6弾は、3つのカード型レイアウトのうち、どれか1つを選んで模写できる初級編です。 「全部模写するのはちょっと大変…」という方も、1枚だけでもOK!HTMLとCSSの基本だけで完... 続きを読む →
模写ー基礎練習005 HTMLの基本タグや文法を学べるガイドです。このガイドでは、HTML文書の基本構造や主要な要素の使い方を、実際のJavaScriptコードを用いたスクロールボタンの例とともに解説しています。初心者にも... 続きを読む →
模写ー基礎練習004 jQueryとは jQueryは、JavaScriptを簡単に操作できるようにした軽量のJavaScriptライブラリです。2006年にJohn Resig(ジョン・レジグ)によって開発され、Java... 続きを読む →
模写ー基礎練習003 JavaScriptとは JavaScript(ジャバスクリプト)は、ウェブページに動的な機能を追加するためのプログラミング言語です。HTMLとCSSで作成したウェブページに、JavaScriptを使... 続きを読む →
模写ー基礎練習002 CSSとは CSS(Cascading Style Sheets)は、HTMLで作成されたウェブページにスタイルやデザインを適用するためのスタイルシート言語です。CSSを使うことで、文字の色やサイズ、... 続きを読む →
模写ー基礎練習001 HTMLとは HTML(HyperText Markup Language)は、ウェブページを構築するためのマークアップ言語です。HTMLを使って、ウェブページに表示するテキストや画像、リンク、フォー... 続きを読む →