2016.05.16 2021.10.10

CSS テーブルの列幅を均等にする

CSSでテーブルのセルの幅を均等にする方法。
table-layout:fixed; を利用する。

table {
width: 100%;
table-layout: fixed;
}

table {

width: 100%;

table-layout: fixed;

}

2021.02.09 2023.06.22

CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定用語集…

2021.01.24 2023.06.22

GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…

2016.02.29 2021.10.10

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

2016.10.18 2021.10.10

https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …

2018.02.11 2021.10.10

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

2016.02.23 2021.10.10

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