JavaScript

jQueryをはじめる前の基礎知識・使い方

jQueryはJavaScriptを簡単に扱うためのライブラリです。オンライン上にソースがあるなど使い勝手がよく、初心者でもJavaScriptを用いた処理が実装できることで広く利用されています。

CSS

Sassをはじめる前の基礎知識・インストール方法

Sassはスタイルシートをつくるためのプログラミング言語です。ファイルを分割できる・変数を使用できるなど大規模サイトを大人数で構築する際に効果的です。「Ruby」で実装されているためRubyの環境が必要です。

WordPress

WordPress習得の道は険しけれど頑張ろう『基礎からのWordPress 改訂版』

ホームページ制作のコーディングにおいて最難関のひとつがCMSです。その中でも最も有名なWordPressは是非とも押さえておきたいところですね。

HTML

レスポンシブデザインを実装するMedia Queriesの指定方法

レスポンシブデザインでホームページをつくるときに悩むので、Media Queriesの指定について考えをまとめました。スマホ、タブレット、パソコンの3パターンで構わないが、スマホの大きさもマチマチで、縦横比が大きく異る端 […]

CSS

CSSを初期化する方法

CSSを用いてWebサイトを実装するときは、初めにブラウザのスタイルをリセットするのが一般的です。初期化専用のCSSをリセットCSSと呼びます。

はじめてプログラミングをするときに実践している学習法

プログラミングはおもしろい。一度作れば無限に動いてくれるという仕組みが好きで、やりようによれば、もうひとり自分を作れるんじゃないかと思っていて想像するとワクワクしちゃうのだ。

CSS

CSSだけで実装できるフォトフレーム

フォトフレームは簡単なCSSで実装できるコーディング初心者におすすめのテクニック。ぼくもよく利用しています。CSSを使うのは、画像で作るよりも修正が楽で保守性に優れているので気分によってデザインを変えられるのがメリット。

WordPress

別のサイト(WordPress)の新着記事の一覧を設置する方法

ぼくのようにいくつもホームページをつくっていると、お互いをリンクさせたくなることがあります。そのひとつとして、別のサイトで投稿した記事の一覧を引っ張りだす方法を書きます。

HTML

HTMLメールの作り方と注意点

HTMLメール(画像を差し込んだり文字の色や大きさを変えたりしたHTMLで書かれたメール)を作成して送信する方法をまとめました。

JavaScript

スマホのメニューボタン「アコーディオンメニュー」の作り方。

スマホのメニューでよく使われているアコーディオンメニュー(ハンバーガーメニューリスト)を作りました。「MENU」をクリックするとリストが広がります。jQueryを使うと簡単に実装できます。

Back to Top