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

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

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

CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール | コリス

2020/05/22 19 users Calc ワイドスクリーン コリス 最小値 font-size

レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語... 続きを読む

[iOS] Auto Layout + Storyboard で高さ可変のUITableViewCellを作成する ｜ Developers.IO

2014/05/07 67 users Storyboard UITableViewCell 以下

はじめに 高さ可変のテーブルビューセルを作成する方法はいくつかありますが、今回は「Storyboard」上で「Auto Layout」を設定することで実現してみます。環境は以下の通りです。 Xcode 5.1.1 SDK 7.1 Development Target 7.0 完成図 ↑こんな感じに仕上がります。 「Master-Detail Application」テンプレートに手を加えていきます... 続きを読む

水の飛び散りやインクの跳ねを表現できる スプラッター調ベクターセット「20 Free Awesome Splatters Vectors」 | DesignDevelop

2013/10/20 52 users DESIGN DesignDevelop ベクター素材 バス

TOP  >  Design  >  水の飛び散りやインクの跳ねを表現できる スプラッター調ベクターセット「20 Free Awesome Splatters Vectors」 デザイン制作に便利に利用できる素材の中でも特にベクター素材は、カラーやパスの可変が可能なので、特にグラフィックデザインで使用する際には重宝します。今回はそんなシーンに備え是非ストックしてほしい、水の飛び散りやインクの跳ね感... 続きを読む

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

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

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