『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae4961b1b93b405e9c4019f838b8dc1087299de2/height=288;version=1;width=512/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2016%2F01%2Fweb-color-2016-top-1.jpg)
企業でWebサービスを作る際に、決まったデザインフレームワークがあると全体的に統一感が出て、かつデザインに対する悩みが少なくなるのが利点です。その結果、開発がスムーズに進むことでしょう。 今回はその一つ、Scooterを紹介します。作成したのはDropbox社になります。 Scooterの使い方 ScooterはSCSSで作られているので変数やMixinなどが定義されています。実際のデザインについて紹介します。まずはグリッド。 写真と説明。 リスト。 右寄せ。 アラート。 ボタン。 吹き出し付き。 フローティングカード。 フォーム。 アイコン。 こんな感じで文字だけのアイコンも表現できます。 モーダル。 ツールチップ。 ラベル。アイコン付きなのが良い感じ。 塗りつぶしたラベル。 タブ。 カレンダー。 Scooterはデザインはもちろんのこと、カラーリングにもDropboxっぽさが溢れていま
img2css 画像をピュアCSSに変換できるWEBツール「img2css」 画像をブラウザ上にドラッグ&ドロップでサクッとCSSコードに変換できます。 転送サイズとしてはむしろ大きくなるような気がしないでもないのですが、なかなか面白い仕組みです 関連エントリ 次世代のCSSホバーエフェクト全部のせ「iHover」 CSSアニメーションの終了をJSで検知してコールバックを実行できるJS ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示できる「Story Box」 ピュアCSSでシャキシャキ動くローディングアニメーション集「Loaders.css」 テキストをCSSやSVG等でアニメーションさせるやばいサンプル集
Selectors Level 4 W3C Working Draft, 11 November 2022 More details about this document This version: https://www.w3.org/TR/2022/WD-selectors-4-20221111/ Latest published version: https://www.w3.org/TR/selectors-4/ Editor's Draft: https://drafts.csswg.org/selectors/ Previous Versions: https://www.w3.org/TR/2022/WD-selectors-4-20220507/ https://www.w3.org/TR/2018/WD-selectors-4-20181121/ https://www
30 CSS Hover Effects For Buttons | Simbyone.com CSSホバーエフェクトの30のネタ帳 あまり見たことのないようなホバーエフェクトが30も紹介されています。ちょっと変わったホバーエフェクトを作りたい場合に参考にできそう 関連エントリ BootstrapのDropdownメニューをホバーで開くように出来るプラグイン「bootstrap-hover-dropdown」 次世代のCSSホバーエフェクト全部のせ「iHover」 SVG、Canvasを使った次世代のテキストホバーエフェクト集 アンカーにホバーすると全画面でGIFアニメーションが再生される「GifLinks」 ホバーするとフリップするナビゲーションメニューが実装できる「menuFlip」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く