CSS | KOSAERU

WEB MEMO

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』

最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。方法は色々あるが、最近よく使っているのが『Drawer』。理由は簡...

2年前

WEB MEMO

CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。【例】こんなことできます (‘ω...

3年前

WEB MEMO

CSS：シンプルなアイコンをCSSだけで表現！コードにカーソルを合わせると、どのパーツを組み立てているかわかります【CSS ICON】 https://t.co/pFrgbY5vDL — Webクリエイター ...

4年前

WEB MEMO

これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ ...

4年前

WEB MEMO

CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-5f0099903a665923773908/]...

4年前

WEB MEMO

横幅480px以下になるとリスト表示となるます。 [crayon-5f0099903a721091345528/]...

4年前

WEB MEMO

省略可能なテキストを省略して「・・・」を表示させます。デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-5f0099903a7e9260481217/] ▼例：以下のようなことがでけ...

4年前

WEB MEMO

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。あと、今どきっぽくてカッコ良いかと思ったので。 ...

4年前

WEB MEMO

text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具...

5年前