HTML

WEB制作

Webサイト制作の旅に出よう!

プログラミングに興味はあっても、「何から始めたらいいか分からない」「本を読んでも挫折してしまう…」そんな風に感じていませんか?Webサイト制作は、専門的な知識がなくても、HTMLとCSSの基礎さえあれば誰でも始めることができます。 この記事...
WEB制作

GridとFlexbox、どちらを使うべき?

どちらも要素を配置するための機能ですが、それぞれ得意なことが違います。例えるなら、Flexboxは「横や縦に一列で並べる」のが得意なスペシャリスト、Gridは「縦横の格子で全体を設計する」のが得意な建築家です
WEB制作

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

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

HTMLとCSSの力を合わせて、Webページを作ろう!

これまで、Webサイトの「骨組み」を作るHTMLと、「見た目」を整えるCSSについて学んできました。今回は、いよいよこの二つの魔法を組み合わせて、あなただけのWebページを実際に作ってみましょう。
WEB制作

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

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

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

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

【初心者向け】ジャグラー風スロットをJavaScriptで作ってみた!ネオンブルーに光るペカリ演出付き🎰✨

こんにちは!今回は、ジャグラーのペカリランプをリアルに再現したスロットゲームを、JavaScript+HTML+CSSで作ってみました。 パチスロファンなら誰もがワクワクする、あの「ペカッ」と光る演出。これを青白いネオン調で再現しつつ、20...
allをフォローする