優れたデザインで話題となっている、国内外の最新Webデザインをまとめてご紹介。 インスピレーションやアイデアの参考になるのはもちろん、2024年のWebトレンド動向も見えてきます。 目まぐるしいスピードで新しいトレンドや技術が生まれるWebデザインだからこそ、できるだけ多くのサイトを実際に訪れ、あらゆる角度からアイデアを吸収できるかが鍵となります。 ここでは、制作の見本にしたい３１点のWebサイトを選んでいます。

最近の欧米のアート・メディアで話題になっていて、私が注目しているのが「ゾンビ・フォーマリズム（Zombie Formalism）」とピーター・リック（Peter Lik）の高額写真作品だ。アート系情報を取り扱うウェブサイトでも頻繁に取り上げられるので、聞いたことがある人も多いだろう。絵画と写真でまったく異なる分野のアート作品の話題だが、報道される視点はかなり似通っている。欧米のアート界の現状を象徴している現象ともいえるので紹介しておこう。 「ゾンビ・フォーマリズム」は、アーティスト・批評家のウォルター・ロビンソン氏が指摘する最近のアート・トレンド。ゾンビは死体のまま蘇った人の総称。直訳するとゾンビのように蘇った、型式主義のフォーマリズムという意味になる。 それは、35歳以下の比較的若い男性アーティストが制作した、見やすく、内容が希薄な、マンネリ化した抽象作品のことをさしている。インテリア・

ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化

長らく天然で最も硬い物質とされてきたダイヤモンドですが、ダイヤモンドより硬い天然物質が存在していたようです。「Lonsdaleite（ロンズデーライト：結晶学者キャサリン・ロンズデールにちなみ命名）」と呼ばれ天然では極めてまれな物質が、ダイヤモンドより58％硬いことが明らかになりました。 詳細は以下から。Itv News | Diamond is no longer nature’s hardest material ロンズデーライトはダイヤモンドと同じ炭素原子の結晶で、その結晶構造から「Hexagonal diamond（六方晶ダイヤモンド）」とも呼ばれます。 上海Jiao Tong大学のZicheng Panらによる国際的チームが、ロンズデーライトとWurtzite Boron Nitride(WBN：ウルツァイト窒化ホウ素）に非常に鋭利なもので圧力をかけるシミュレーションを行った結果

キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕

ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！　みよう！　みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;

こんにちは、シオリです。 箱庭読者のみなさんの中には、自分のクラフト作品をWEBショップへ出店したり、ブログで紹介したりしている方も多いのでは？そんな時気になるのは、綺麗な物撮りの方法。昼間の自然光が差し込むタイミングに撮影を合わせるのも大変だし、高価な照明や専用のグッズを揃えるのも無理だし…という方におすすめの、コンパクトな撮影ボックスを見つけました！ テクニックいらずで物撮りセットが組める！ こちらのボックスは、手軽に使える組み立て式の簡易撮影キット。白いボックスの中に、白と黒どちらかのバックスクリーンを選んで設置し、撮影が出来ます。 LED照明で簡単物撮りライティング LED照明付きなので、スマートフォンや一眼レフカメラで撮影した写真が、より綺麗に撮影できます。LEDライトは20灯搭載し、約300ルーメンの明るさで被写体を照らしてくれるんです。 LEDはUSB給電で、付属のUSBケー

アメリカのランニングブランドBROOKS（ブルックス）は、イギリスのセレクトショップHanon（ハノン）とコラボレーションしたランニングシューズ「Scotch Bonnet（スコッチ ボンネット）チャリオット」を2015年3月14日に発売する。 薄くて柔軟性、耐久性にも優れている アメリカ、イギリスなどのセレクトショップでは2月に発売されており、ブルックスの復刻コレクションである「HERITAGE（ヘリテージ）」モデルをベースにしている。 ハノンのホームタウンであるスコットランド・ノースイーストの唐辛子である「スコッチボンネットチリ」をイメージした、真っ赤なアクセントカラーが際立つデザイン。高級感のあるグレーのビッグスエード素材を中心に、グリーンのグローブレザーを内張りに使った。薄くて柔軟性、耐久性にも優れている。 高いクッション性と安定性を支える3層の「EVAソール」や、優れたエネルギー

グローバル資本主義に対する批判やウォール街の占拠など、世界中で「市場主義」に対する否定的な見方が広まっている。伝統を、地域コミュニティを、道徳を、愛を、尊厳を、すべてをカネで買い漁る。そんな市場主義に少なからぬ人々が違和感を抱いている。筆者は経済学者だが、個人的にはそのような「市場主義に対する違和感」に共感するところも多い。また、マイケル・サンデル米ハーバード大学教授の『それをお金で買いますか　市場主義の限界』でもそうであるように、市場主義の正当化の役を担っているのが経済学だと目されたりもしている。 経済学は本来、お金に関する学問ではなく、社会や人間行動に関する学問だ。確かに経済学ではお金の役割が強調されることも多いが、社会現象の分析を出発点とするところは、法学や政治学と同じだ。ただ、視点が異なるわけだ。その違いを次の例を手がかりに考えてほしい。その上で、市場主義と経済学の役割に立ち戻ろう

Home > Tools - 自作ツール > iPhone向けWebカラーチャート - Color Chart を公開しました。 Newer Older iPhone向けWebカラーチャート - Color Chart を公開しました。　 iPhone/ipod touch向けに最適化されたWebカラーチャートがなかったので、自分向けに作っていたのですが、せっかくなので体裁を整えて公開することにしました。iPhone/ipod touch向けサイト制作など配色作業のお役に立てれば幸いです。 Color Chart http://iphone.goodegg.jp/colorchart/ 詳しい内容はこちらをどうぞ。

白人のスタイルと思われがちなアイビーだが、実は黒人にも浸透していた。それを示した『BLACK IVY』が光を当てるのは、黒人たちが独自に進化させたアイビースタイル。著者ジェイソン・ジュールス氏は、この文化のどこに関心を抱いたのか。『AMETORA 日本がアメリカンスタイルを救った物語』の著者であり、メンズウェアの広範な知識を持つデーヴィッド・マークス氏を聞き役に迎え、語ってもらった。 interview: W. David Marx / photo: Satoshi Nagare (book), Sam Binymin (portrait) / text: Keisuke Kagiwada / coordination: Ko Ueoka

In the bathroom: Stack Stool by Hivemindesign, $1,350. At Matter. Go to www.mattermatters.com. In the bedroom: Shaker Tripod coat stand from Shaker Workshops, $333. Go to www.shakerworkshops.com. In the kitchen: Cornish Blue Bread Crock, $190. At the Conran Shop. Go to www.conranusa.com. Good Grips eight-gallon Step-On Can from OXO, $89. Go to www.containerstore.com.

最近知った，変なシンセを数々作っているスウェーデンのアーティストLove Hultenさんのサイト．鍵盤を弾くと口々に歌ってくれるボーカルシンセサイザーVoc25 https://www.lovehulten.com/voc25.html が好き，というか欲しい． Design Music Art Site

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

開発者にとって一番難儀なのがデザインではないだろうか。いや、そうじゃないという人もいるだろうが筆者はそうだ。いつもデザインで悩んで、あげくの当てに放棄してしまう。そんな中、便利に使っているのがWeb App ThemeというRailsプラグインだ。HTMLファイルもあるのでRailsアプリケーションに限らず利用はできるが、ここではプラグインとして便利に使う方法を紹介したい。 まず最初はプラグインのインストールだ。 $ ruby script/plugin install git://github.com/pilu/web-app-theme.git Initialized empty Git repository in #{RAILS_ROOT}/vendor/plugins/web-app-theme/.git/ remote: Counting objects: 72, done. r

Super Simple CSS Buttons | DevGrow シンプルさがなんともいい感じのCSSボタン集「Super Simple CSS Buttons」。 CSSで出来ているので色は勿論、サイズも自由に次のようないい感じのボタンが簡単に実現出来ます。 押すとグラデーションが反転されて押された効果も出てます。 過去を振り返ってみると色々なことが、簡単に出来るようになってくる技術革新の面白さが感じられますね。 関連エントリ CSSでボタンを綺麗にスタイルするサンプル集 CSSでクールなボタンを作るまとめ CSSでセクシーな角丸立体ボタンを作成するためのチュートリアル