「 CSS 」 一覧
-
角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!
今まで角丸のデザインにするには画像を背景に設定したりしていましたが、 幅や高さが変わるとそれに沿った画像を作成しなくてはならない場合があります。 それだと効率も悪く、修正もしづらいためコーディングが大 …
-
Media Queries(メディアクエリ)でページトップに戻るボタンの位置を変えてみる
2014/06/26 -CSS
ページ右下によくある「トップに戻るボタン」。クリックするとスルスル~っとページの先頭にスクロールするやつですね。 ウィンドウの右下に固定だと、ウィンドウ幅が広いとコンテンツから離れすぎていてちょっと・ …
-
脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!
「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …
-
手軽に雰囲気を変える!無料英字webフォントのまとめ -個性的編-
webフォントは日本のホームページには今一歩馴染みが無いかもしれませんが これから先、SEOを視野に入れたものはほぼテキストで作成することが望まれます。 今回はその第一弾として「個性的な英字フォント( …
-
CSS3でのbackground-sizeの記述方法色々と注意点
2014/06/02 -CSS
最近ではスマフォサイトだけではなくPCサイトでもCSS3を使う事が多くなって来ました。 そこで私がよく使うbackground-sizeに関するメモ書きです。 分けて書く場合 background:u …
-
【世界一カンタン?!】1枚の画像だけでロールオーバーをさせる方法
画像のロールオーバーって面倒ですよね。 2枚の画像を用意してJavascriptで制御して、、や背景画像していしてh overで、、 というのが一般的ですが、 今回は画像1枚だけ。CSSに4行記載する …
-
【css技術】CSSだけで生成された歴代Appleのマウスがスゴい
css3の普及で、画像を使わなくとも ボタンで使用する様なグラーデーションや形など、 様々な表現を実現することができるようになってきました。 こうした機能も、上手く使いこなせるようになれば こんなこと …
-
ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ
2013/10/16 -CSS, javascript(jquery), WEB制作
この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …