プログラミング学習記録 記事一覧

WordPress学習記録

FLOCSSを使ってプロフィールサイトを作る前編【第18話】

プログラミング初心者がCSS設計のFLOCSS(フロックス)を使って簡単なプロフィールサイトを作るための準備をしてみました。実際にプログラミング初心者でもFLOCSSで簡単にサイトを作ることができた方法を実践を交えてご紹介しています。
WordPress学習記録

FLOCSSの各ディレクトリに保管するデータは?【第17話】

FLOCSSの構造である6つのディレクトリにはどんなデータを保管するべきなのか?現場でよく使われるCSS設計についてプログラミング初心者でも理解できるようにわかりやすく噛み砕いてCSS設計とFLOCSSについてご紹介しています。
WordPress学習記録

CSS設計・FLOCSS(フロックス)って何?【第16話】

RaiseTechの次課題に必要な知識CSS設計・FLOCSSの予習を始めました。現場でよく使われるCSS設計についてプログラミング初心者でも理解できるようにわかりやすく噛み砕いてCSS設計とFLOCSSについてご紹介しています。
WordPress学習記録

RaiseTech模写コーディング課題が完成【第15話】

RaiseTechのサイト模写コーディング課題が完成!プログラミング初心者が0からサイトの模写コーディングに挑戦。プログラミング初心者がたった10日でHTML+CSS+jQueryを使って模写コーディングを完成させることができたその方法についてご紹介しています。
WordPress学習記録

HTML+CSS+jQueryでハンバーガーメニュー作り完成編【第14話】

レスポンシブには欠かせない「ハンバーガーメニュー」をHTML+CSS+jQueryでプログラミング初心者でも簡単に作ることができた方法を模写コーディングの記録とともにご紹介します。パソコンとスマホでハンバーガーメニューを切り替える方法についてもご紹介します。
WordPress学習記録

HTML+CSS+jQueryでハンバーガーメニュー作り前編【第13話】

レスポンシブには欠かせない「ハンバーガーメニュー」をHTML+CSS+jQueryでプログラミング初心者でも簡単に作ることができた方法を模写コーディングの記録とともにご紹介します。パソコンとスマホでハンバーガーメニューを切り替える方法についてもご紹介します。
WordPress学習記録

レスポンシブをSassのmixinで爆速&効率的に進める方法【第12話】

レスポンシブ化で必須のメディアクエリ。Sassのmixin機能を使えば「爆速」「短い」「スッキリ」なレスポンシブ化ができる!?この記事ではプログラミング初心者ならぜひ知っておきたい簡単に使えるSassでメディアクエリを使う方法についてご紹介します。
WordPress学習記録

HTML+CSS+jQueryでドロップダウンメニュー作り【第11話】

コーディング初心者向け HTMLとCSSとjQueryだけを使った簡単なドロップダウンリストを作成します。実際にプログラミング初心者でも簡単にドロップダウンリストを作ることができた方法についてご紹介しています。
WordPress学習記録

模写コーディング backgroundプロパティとFontAwesomeを使う【第10話】

模写コーディング初心者向け backgroundプロパティで簡単に背景画像を調整、FontAwesomeでアイコンを表示させる方法は?実際にプログラミング初心者でも簡単にできた方法についてご紹介しています。
WordPress学習記録

HTMLとCSSだけで画像を重ねて要素を中央揃えにする【第9話】

プログラミング初心者向け 画像編集ツールは一切必要なし!HTMLとCSSだけで複数画像を重ねて表示させる方法と要素を画像の中央に設置する簡単な方法。実際にプログラミング初心者でも簡単にできた方法についてご紹介します。