HTML

HTMLについて

HTML

小学生からわかるプログラミング HTML&CSS初級編

2019/3/20 小学生からわかるプログラミング、ということで今回から「Progate」というプログラミング学習サイトを利用して一緒に勉強していきましょう。まずは、基礎の「HTMLとCSS」について学んでいきましょう!これを学ぶとWebページが作れます!
HTML

ドットインストールで学ぶ、HTML入門(全15回)まとめ!【徹底解説】

2018/11/15 ドットインストールのHTML入門の(全15回)の講座内容のポイントをまとめてみました!また、レッスンで作成したファイルはダウンロードできるようにしています。ぜひ、HTMLを学び始めた初心者の方は参考にしてみてください。
HTML

目次を作りたい!jsを使わず、項目にfocusさせる方法。

ブログにある目次を押したら、その項目に飛ぶようにする方法についてです!Jsでfocusさせてもいんのですが、気軽にhtmlで実装できるようです…早く知りたかった。。。
HTML

ブログにCodeをCodePenを使って載せる方法 【WordPress】

WordpressでCSSや、JavascriptのCodeを載せる際に
タグ等を使用していたのですが、今回はCodePenを使ってCodeを載せてみました。CodePenでCodeを載せるまでのやり方を説明したいと思います。
All

スティッキー広告をjQueryを使って実装してみる!

画面がスクロールするたびについてくるあの広告。スティッキー広告をjQueryで実装してみました。画面がスクロールされたら、何かをする。とかスクロールのイベントって使えるので、ぜひコードを見て参考にして見てください!
All

レスポンシブデザインを作らないといけない訳。端末、ブラウザ毎にCSSを効かせる方法

今回は、スマホの最適化(レスポンシブデザイン)についてです。これは1つのHTML対して端末ごとに効くCSSを変えてあげるということです。PC版のCSSとタブレット用のCSS、スマホ用のCSSを作るということですね!これって、ブラウザごとにCSSを使い分けるのに似ていますね…あれもレスポンシブデザインというのでしょうか??
All

ブログ記事内にソースコードをかっこよく載せる方法!

プログラミングの記事を書く時に、コードを必ずといっていいほど載せると思うのですがその時どんな方法で皆さんは載せているでしょうか??今回はWordpressで記事投稿する際、コードをかっこよく載せてみよう!といったものです。
HTML

CSSで形決め!「●」「▲」「■」を使い会社のロゴを作ってみた話。

CSSで会社のロゴを作ってみました。CSSで丸、三角、四角を使い角度を変えたりしてできあがりました。この基本を押さえとけばロゴなど簡単に作れるようになると思うので、ぜひご参考にご覧ください!
HTML

WordPress、投稿記事にお絵かきボード(Canvas)をいれてみた!

Wordpressの記事内にお絵かきボードを作ってみました。ぜひ、お絵かきボードを作ってみたい方は参考にしてみてください!
スポンサーリンク