CSS

CSSについて

HTML

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

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

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

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

WordPressで記事に目次を作る方法!

2018/11/12 ちゃんとしたブログには目次がある!?ということで、WordPressで記事に目次を作る方法について説明したいのですが、基本plugin(拡張機能)でもいいとは思ってます。ただ記事事にメニューに変化をつけたい人は自分で作ったほうがいいですよね?ということで、メニューの作り方について説明させていただきます!
スポンサーリンク
CSS

CSSの疑似要素を使いこなす!

CSSの疑似要素について簡単にメモしています。コードも記載しているので、すぐにコピーして使えると思うので、参考にしてみてください。
HTML

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

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

コピペで使えるCSS!

コピペで使えるCSSを作成しました。ハンバーガーメニュー、ボタン、 見出し・吹き出し、待機アニメーションのCSSを記載しています。
CSS

CSSで文字を縦書きにする方法

  CSSで文字を縦書きにする方法 最近、自分が本当にやりたいことなのか?たしかめるべく新しいホームページを立ち上げました。それは服や雑貨おしゃれな写真等を紹介、掲載するサイトです。そのホームページを作る際に、雑誌風のページを作りたくCS...
HTML

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

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

CSS毎にブラウザ表示の差異を解消する方法。リセットCSSとノーマライズCSSとは?

ブラウザ毎にCSSを設定することもできますが、設定するのがちょっと大変なので、リセットCSSやノーマライズCSSを使って解消する方法について書きました。
CSS

CSSで動く :hover :active :focus の使い方

CSSで動く :hover :active :focus の使い方をサンプルを載せて紹介しています。
All

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

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

CSSで見出しを綺麗にする方法!

CSSで見出しを綺麗にする方法とそのサンプルをご紹介。いますぐコピペで使えます!ポイントを抑えて使っていきましょう。
All

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

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

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

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

WordPressのウィジェットに動きをつけるには??

Wordpressのウィジェットとは?ホームページの使い易さをあげるため、Wordpress、ウィジェットの使い方の説明と、簡単にjavascript&cssでカスタマイズの方法について書いてみました!
CSS

CSSでSNSのロゴを作ろう「Facebook」

今回は自分CSS でSNSのロゴを作ろう!ってことで「Facebook」のロゴを作って、自分のFacebookにとべるようにしてみました。 f My #sikaku{ margin-left:100px; ...
All

WordPressで不用意にテーマを更新する恐ろしさ。

テーマを更新するとphpも書き換えられます。ご注意を…
HTML

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

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

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

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