ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度
思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ Fixed Disappearing Scrolling Header スクロールすると表示されている文字テキストがフェードアウト
Dribbble - Show and tell for designers
Get inspired by the work of millions of top-rated designers & agencies around the world.
Logo Pizza
Production-ready asset files in vector AI, PDF, EPS, and raster PNG. Ready to be used in print, document, web, and video. Exclusive rights to use the logo. No one else will be able to purchase or use the same logo. View Logo Pizza Logo License Agreement. Variants: one-color treatments for light and dark backgrounds, custom colors, and/or alternate imagery. A logo isn't the most important part of y
動く写真「シネマグラフ」を活用した国内外のサイトデザイン13選
シネマグラフは、GIFアニメーションの進化した形です。画像全体ではなく一部だけが動くので、動画より派手すぎず、静止画よりも注目を集めることができます。また、注目をさせたいものを決め、動かすものを調整することで、Webサイトの雰囲気を作ったり、商品の魅力を高めることができます。 この記事では、そのシネマグラフを効果的にWebサイトに利用している、海外・国内のサイトをご紹介します。不思議な雰囲気を出すシネマグラフを眺めながら、そのサイト独特の表現をじっくり楽しみましょう。 国内サイト 東巨女子 TOKYO GIGANTIC GIRLS 文化庁メディア芸術祭にも推薦作品として取り上げられている、CMディレクター・映画監督の松宏彰さんらによるアートプロジェクトのサイトです。東京の各所に巨大な女の子が登場するという設定で、メインは動画ですが、一部のコンテンツにシネマグラフが使われています。 写真内の
ClockMaker Labs - Interaction Design × Web Technology
Portfolio website of IKEDA Yasunobu a.k.a ClockMaker / Web Designer and Frontend Engineer from Tokyo, Japan.
Webデザインで「動き」を効果的に使っているサイト特集 | LIG LIBRARY | 株式会社LIG
株式会社LIG TEL : 03-6240-1253 111-0056 東京都台東区小島2-20-11 LIGビル 1F受付
20 Beautifully Designed Admin Dashboards for Inspiration – Speckyboy
Gone are the days when admin dashboard design was neglected and given less importance than the frontend of an application. In the past, they would function well, but their design was often outdated, resembling something from the late 1990s, with the only missing element being animated clipart. However, times have changed. The admin dashboards we see nowadays are beautiful, as this collection demon
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
高級クラブ・キャバクラ情報公式サイト│リッチフロー
気になるアノ店舗を徹底解説 給料の見直しも積極的！銀座の高級クラブ「楪（ゆずりは）」の特徴・雰囲気 2021年10月28日 tokyoartflow http://tokyoartflow.jp/wp-content/uploads/2021/08/rich-flow-icon.png 高級クラブ・キャバクラ情報公式サイト│リッチフロー
手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー
2019年2月22日 CSS, JavaScript, jQuery 人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSやJavaScriptのライブラリーをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ アニメーションを使う時に気をつけたい事 アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユー
クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE
縦長のwebデザインをがむしゃらに集めています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Website Design Inspiration | Httpster
キャンペーン・プロモーションサイト | ARTNOC.COM