css

css

[WordPress, CSS]WordPressの記事本文で1行目を1文字空けたい日本人だからw

なんだかタイトルどう付けていいか分からなくなったよ。これでもSEO考えてるよっ。で、何がしたいかと言うと・・・WordPressのエディタは1行目にスペース入れると勝手に削除してしまいます。まぁ仕方ないっちゃー仕方ない。英語圏で開発されて、...
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]背景にビデオを配置して全画面で表示するよ!

珍しくビデオネタです。と言ってもCSSネタなんですけど。という訳で、ビデオを背景に配置して全画面で表示するみたいな案件が来そうなので作ってみた。正確に言うと背景としてではなく普通に配置してposition:fixedしだけの代物でそれなりに...