最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/19 165 users CSS Flexbox SVG フォントサイズ Web制作

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む

[CSS]スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts | コリス

2011/09/04 173 users ウェブページ コリス しま テクニック 250px

デモページ：幅480pxでの表示 ヘッダ・コンテンツ・サイドバーすべてを同じ幅に変更。 Rubber Layoutsの特徴 多くのウェブページで可変であるFluid Layoutが使用されています。このテクニックは非常に有用ですが、マイナスの面もあります。 スマートフォンで可変のレイアウトを表示するのを想像してみてください。サイドバーはたぶん50pxくらいで、コンテンツは250pxで表示されてしま... 続きを読む