Webサイト

WEB制作

Flexboxの力を最大限に引き出そう!

Flexboxの「親要素(コンテナ)」と「子要素(アイテム)」それぞれに設定できる、さらに便利なプロパティを紹介します。これらを使いこなせば、Webサイトのデザインの幅がぐっと広がります。
WEB制作

JavaScriptでWebサイトに「命」を吹き込もう

前回の記事で、関数を使って簡単なカウンターアプリを作りましたね。今回は、その応用編です。ユーザーの操作(イベント)に反応して、Webページの要素(DOM)を自由自在に動かす方法を学び、Webサイトをさらに進化させましょう。 まるで、あなたの...
WEB制作

JavaScriptを「動かす」方法を学ぼう!

JavaScriptの基本的な「ことば」(文法)を学びました。しかし、覚えた文法をどこに書けば、Webサイトが動くようになるのでしょうか? 今回は、HTMLとCSSで作ったWebサイトに、JavaScriptを組み込んで実際に動かす方法を、簡単な例を交えながら学んでいきましょう。
WEB制作

Webサイトに「動き」をつける魔法、JavaScript

Webサイトに「動き」や「機能」を追加する魔法の言葉が、JavaScriptです。HTMLとCSSが静的なWebサイトを作るのに対し、JavaScriptはWebサイトをより便利で、インタラクティブ(双方向)なものに変えてくれます。
WEB制作

プログラミングは難しい?その一歩が未来を変える

「プログラミング」と聞くと、なんだか難しそうで、専門家だけの世界だと思っていませんか? 確かに、最初は覚えることがたくさんあるように感じるかもしれません。でも、プログラミングを学ぶことは、IT業界への転職だけが目的ではありません。実は、私た...
WEB制作

Webサイトの「骨組み」と「お化粧」って?

インターネットで見ているWebサイト。きれいに色が付いていて、写真や文字が並んでいますよね。あれは、ただの文章ではなく、プログラミングの言葉でできています。 Webサイトを作るには、主にHTMLとCSSという二つの言葉を使います。これを人間...
allをフォローする