2020年に流行するWebデザインの最新トレンド15個まとめ | Web Design Trends
2019年も様々なデザインのWebサイトが公開され、Web制作者にたくさんの刺激を与えてくれました。 Webデザインを行う上で、トレンドに則ってデザインすることは必ずしも必要なことではありません。しかし、トレンドを理解しておくことでデザインの幅が広がり、様々なデザイン手法を理解しておくことでデザインに深みが出てきます。 2020年は、どのようなスタイルが流行を集めるのでしょうか？今回は、2020年に流行する15個のWebデザインのトレンドをご紹介したいと思います。 NEW : 2021年版を公開しました！ 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWe... Web Desig
HOUSE VISION
HOUSE VISIONは、「家」を多様な産業の交差点と考え、 産業の新たな成長点を見出していく展覧会です。 2011年より建築家・クリエイター・研究者・企業・行政との対話を重ね、 2013年、2016年に東京展、2018年に北京展を開催してきました。 そして2022年5月、会場を韓国ソウル郊外に移し、 HOUSE VISION 2022 KOREA EXHIBITIONを開催します。 魚の養殖と野菜の栽培を組み合わせる、アクアポニックスという 高効率農業を実践してきた企業、MANNA CEAを開催パートナーに迎え ハイテク農業を背景とした郊外型の新しい生活環境を提案します。 「農業」とは太陽エネルギーを植物の力で食物として蓄えることです。 この原点に立って、先端テクノロジーを用いて生産効率を最大化することで、 都市の外側にいかなる暮らしや充足のかたちが見えてくるのか。 韓国の建築家と作り
UIの新鮮なアイデアをチェック！デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ
最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。 アニメーションを使ったインタラクションやデザインが素晴らしいナビゲーションの実装例をまとめました。各デモは全て、HTML, CSS, JavaScriptなどをオンラインで編集することができます。
Nick Jones - Freelance Design, Prototype and Code
This portfolio is a glimpse at the way I design and prototype in code. Design something familiar, program it to do something unexpected, make sure people feel something. Available for the right project. The set of book covers Tyler Thompson designed for Stripe Press are among my favorite design artifacts. Bringing the books to life in 3d with him and Stripe friends was some of the purest joy of my
祝RFC！Transport Layer Security (TLS) 1.3 発行の軌跡 ～熟成された4年間の安全性解析～｜株式会社レピダム
『OffSec Training』の対象コースが世界最安となる早割+10%OFFキャンペーン中です。 脆弱性診断やペネトレーションテストのエキスパートを目指す方へ絶好のチャンスです！ 詳細はこちら
インタラクティブなクレジットカード入力フォームを実装するjQueryプラグイン・Card
インタラクティブなクレカ情報入力フォームを実装するスクリプトのご紹介。以前も似たようなものを紹介しましたが、こちらの方が良さそうだったので備忘録。 以前、Skeuocardというスクリプトをご紹介しましたが、こちらも同じ目的で作られたものです。 カード番号を入力すると、頭4桁を解析してカードの種類が表示されます。このスタイルもCSSのみで作っているようです。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'></script> <script src="card.js"></script>本体とプラグインを読み込みます。 $('form').card({ container: $('.foobar')})で、セッティングするだけ。 Webで
SVGでドロップシャドウを描画する | CreativeStyle
円や四角といったSVG要素のドロップシャドウを描画する方法を学んだのでメモ。 ドロップシャドウを描画するには、SVGのfilter要素を使います。filter要素を使うことで、SVGの各種グラフィックス要素に対して様々な効果を適用することが可能になります。 以下、正方形のドロップシャドウを描画するSVGのコード。 <svg> <filter id="drop-shadow" width="150%" height="150%"> <feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="2" /> <feOffset result="offsetBlur" dx="2" dy="2" /> <feBlend in="SourceGraphic" in2="offsetBlur" mode="normal" /> </filte
アウトドア・キャンプ用品の通販 | スノーピーク(Snow Peak)
のページです。 アウトドア用品、キャンプ用品のスノーピーク(Snow Peak)公式通販サイト。 私達は自らもユーザーであるという立場で考え、お互いが感動できる体験価値を提供します。 私達は、地球上の全てのものに良い影響を与えます。
たてよこWebアワード2017
日本語組版において、縦書きと横書きの選択肢があるということは極めて自然なことですが、Webサイト制作の中で自由な組版を実装するための技術はこれまで標準化されておらず、縦書きの実装はJavaScript等による強引な手段でしか実現できないという問題を抱えていました。 私たち『縦書きWeb普及委員会』は、縦書きと横書きが混在する日本語組版の文化をWebに継承し、自由な組版を実装するための規格をWeb標準とすべく、Webに関連する各種技術の国際標準化団体であるW3Cと協議を重ねながら、CSSにおける新たな組版規格である〝Writing Modes〟の標準化に向け、様々な取り組みを行なっています。 『たてよこWebアワード2017』は、こうした取り組みのひとつとして、CSS Writing Modesを用いた縦書き実装の指標となるような優れたWebサイトを表彰することを目的としたアワードです。 縦
Lidea(リディア) by LION - くらしとココロに、彩りを。
重要なお知らせ 能登半島地震により亡くなられた方々に謹んでお悔みを申し上げるとともに、被災された皆さまにお見舞いを申し上げます。
aniary（アニアリ） OFFICIAL WEB STORE [メーカー公式通販]
レザーバッグ“aniary（アニアリ）”公式オンラインショップ。トートバッグ、ブリーフなど妥協をしないレザーとオリジナルデザインの金具で作られたバッグブランド。
![aniary（アニアリ） OFFICIAL WEB STORE [メーカー公式通販]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9769dc181fd4d8b7ca7273cd4e193dc711549fbb/height=288;version=1;width=512/https%3A%2F%2Fwww.aniary.com%2Fogp.jpg)
[webデザイン]独学デザイナーでも自信を持ってフォントを選ぶための6つのアドバイス
書体デザイナーと話し、長年の疑問を全て解消してきました 先日、[クリエイター]英Monotype社の書体デザイナー大曲都市さんに会いにいってきましたという記事を書きました。このときはたまたま英Monotype社の書体デザイナーの大曲都市さん(@Tosche_J)としっかりと話をする機会を得たわけですが、そこで私がフォントについて「こうだと思っているけど実際どうなのか」という質問をたくさんぶつけてきました。 私としてはすごく納得がいき、フォントというモノに対する認識がはっきりしました。なので今回はその都市さんから聞いた話を踏まえた上で私の現時点でのフォントについての考え方の着地を6つのアドバイスとして書いてみます。 特に独学でデザインの勉強をしてきた人は「こういうものだと思うんだけど、皆は実際どう考えているんだろう」という悩みを抱えているはずだと思うので、それに対する答えを出したいと思います
![[webデザイン]独学デザイナーでも自信を持ってフォントを選ぶための6つのアドバイス](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0e8c9c98b8c210bbed0a0d39aed243119c1eba7/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F05%2Ffont-six-stance-11-150x150.png)
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
ALESSI USA: Italian Design Home Accessories, Kitchenware & Gifts
Close Products Close Products Tableware View all Flatware Plates & Bowls Drinking Glasses Baskets & Fruit Bowls Serving Trays Serverware & Accessories Condiment Holders Kitchen Accessories View all Kettles Coffee Makers Kitchen Appliances Kitchen Storage & Food Boxes Kitchen Tools Cookware & Pan Sets Barware & Wine Accessories View all Bottle Openers & Stoppers Homeware View all Home Decor & Furni
SuprGlu - Gluing your life together.
Time Tracking Simple time tracking your team will actually use.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Font−familyのベストな書き方 2015年版 | それからデザイン スタッフブログ
http://www.hp-stylelink.com/news/2013/07/20130716.php
Richard Photo Lab: Premium Film Developing, Scanning and Printing
本気で使いこなす「SVG」再入門【2015年版】
ランディングページ(海外)
