CSS3

css

[CSS]そろそろFlexboxをまとめてみる Part.2

前回の続きです。Flexboxの色々なプロパティを見ていきましょう。flex-direction「flex-direction」は子要素の配置方向を指定するプロパティです。基本になるhtml<divclass="default-flex">...
css

[CSS]そろそろFlexboxをまとめてみる

IE10のシェアも全体の1%を切ったということで、そろそろガンガンFlexbox使ってもいいかなと思ったり思わなかったり。この辺、クライアントにも依存するところはありましてね、柵やらなんやらね。とは言いましても一般的な話でIE10のシェアが...
css

[CSS3]CSSだけでアコーデオンっぽいメニューを作ってみたよ!

サイトのグローバルメニューをおもしろくしてみたい!動きがあったほうがおもしろいんじゃね?というわけで作ってみました。SeethePenflexbymitsukisagayama(@sagayama)onCodePen.Codepenでは分か...
css

[CSS、html5]css3やhtml5のブラウザ対応状況が確認できてベンダープレフィックスの有無も確認できるCan I Use…

以前も一度取り上げました「CanIUse...」ですが最近またググッてくだらないページにお越しいただいている方が見受けられますので、今更ですがしっかりまとめてみようかと思いますはい。CanIUse...とはCanIUse...とはcssのプ...
Compass

[Sass, mixin, css3, animation, keyframes]Sassでanimationプロパティを効率化するよ!

全国1000万人のanemationファンのみなさまこんにちは!好きなアニメはサイコパスとか攻殻機動隊とかカウボーイビバップのcssオタク(アニヲタ否定)のクールでシャイなアンチクショー下山です。とうとうanimationプロパティに手を出...
WEB

[WEB]WEB製作時によく使うお役立ちツール

さすが年度末です。予算消化に託つけたくだらないシゴトワンサカです。今回はボクがWEB製作時によく使うツールやなんやれかんやれをピックアップしてみたいと思います。既出のモノがほとんどですが何かの、誰かの役に立てばと思いながら書いてみます。Su...
Compass

[CSS,rem,Sass]remとか言う単位とSassで思い通りのfont-sizeライフを送ればいいと思うの。

remと聞くとレム睡眠しか思い浮かびません。体は眠っているのに脳は活発に稼働しているだなんてニンゲンの神秘を感じてしまいますが、今回はそういう話でなくて、ただの単位です。単位としてのremです。remってなに?rem(roomem)とはro...
Compass

[Sass,@extend]Sassの@extendの使い方。セレクタの継承ってことだけども・・・

今回はSass行くよ!@extend行くよ!@mixinとどう区別したらいいのか分からない!って人もヒントになればいいと思うよ!てか答えはまとめに書いたよ!@extendの基本的な使い方そもそも@extendっていうのはセレクタの継承が目的...
css

[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。

tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。てことで、今回は筆者の本当のメモです。すみません。歳には敵わないのです。奇数番目に色付ける要素:nth-child(odd){スタイル}See...
css

[jQuery CSS]jQueryで手っ取り早くドロップダウンメニュー作っちゃうよ!3階層目以降は対応しないよ!

新年あけましておめでとうございます。今年もよろしくお願い致します。さて宣言通り週一で更新していきますよ。新年一発目はみんな大好きjQuery!泣く子も黙るドロップダウンメニュー!デモSeethePenjWypXbbymitsukisagay...