便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
美しいSVGアニメーションを使ったWebサイト10選【デザインの参考に】 | Handy Web Design
SVGというのはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、拡大縮小しても画質を損なわないベクターデータです。Adobeのイラストレーター使っている人はよくわかると思います。 そんなSVGをブラウザ上でCSS3やJavascriptを使って動かすSVGアニメーションを良く見かけるようになったので、今回はおすすめのものを10個ご紹介したいと思います。どれもきれいなものばかりなので、見てみると自分でもSVGアニメーションを作ってみたくなりそうです。 それではどうぞ。 The 25th Hour Louis Coyleさんの作品。自然の中で夜が明けていく様子がとても綺麗です、蛍のふわふわとしたアニメーションも幻想的。 http://louie.co.nz/25th_hour/ Super Duper Studio ブラジルのデザインスタジオの
SINAP | マイクロ・インタラクションの参考になる海外・国内のサイトまとめ9選
こんにちは、アシスタントディレクターのLinです。 前回の記事では、主に静的なグラフィックスとインターフェイスに関する、デザインのインスピレーションを得られるウェブサイトを紹介しました。(前回の記事：ウェブデザインの参考になる海外のサイトまとめ７選) 今回はマイクロ・インタラクションを有効に活用し、みなさんのプロジェクトをネクストレベルへ持っていくことができるであろう、リソース・ウェブサイトを紹介します。 紹介させて頂くウェブサイトは、HTML/CSS/JavaScript コードを用いたマイクロ・インタラクションに焦点を当てています。 「マイクロ・インタラクション？なにそれ？食べられるの？」と、あまり馴染みがない方は、まずこちらの記事を一読することをお勧めします。 「マイクロ・インタラクション、ああ、よく使うよー」という方であれば、早速見ていきましょう！ CodyHouse CodyHo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
