コーディング | ナコさんのブログ

CSS

【コピペOK】CSSだけで縦・横・斜めのストライプアニメーションをする方法
【コピペOK】CSSだけで縦・横・斜めのストライプアニメーションをする方法

サイトのアクセントになるCSSアニメーション。効果的に使っていきたいですね。今回はストライプをCSSで作成し、それを文字の背景やBoxにアニメーションで表示させていきます。ストライプの作り方ストライプはCSS…

WEB制作のヒント

CSS３で要素の場所を指定出来るnth-childの書き方をよく忘れるのでコピペで使えるようにまとめました。互い違いに色を変えた表や一覧を作ったり、リストの最初の１件の前にmarginを入れたり、コーディング時によく…

CSS

CSSで三角形を作るにはbodrerタグを使うのですが、数値を変えて微妙なニュアンスを作っていくのがめんどくさいときがありませんか？そんなときに役立つ、吹き出しやフローチャートで使える三角形を見た目を確認し…

coding

会話形式の吹き出しデザインのバリエーションを増やしたい！無機質なんは嫌や…カラフルにたのしくするんや。考え中の吹き出しがほしい！そんな訳で色も形も自分好みにして楽しい会話を演出する為のベースを作成…

WordPress

こんにちわ！ナコです。ブログを書いていてアイコンを使いたい時、ありませんか？今回は1行追加するだけで沢山のアイコンをブログに表示できる「Font Awesome」のCDNでの導入方法と使い方を紹介します！「Font …