【2026年版】関東の「住みたい街」ランキング！ 2年連続の首都圏トップは？【ニフティライフスタイル調べ】 2月9日 6:00
1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説 | Webデザイン、これからどうなるの？（全10回） | Web担当者Forum
【2026年版】関東の「住みたい街」ランキング！ 2年連続の首都圏トップは？【ニフティライフスタイル調べ】 2月9日 6:00
Webデザインのスタイルガイドの作り方 - ポップインサイト
Tomasはリトアニアの旅行ライフスタイルに関する起業家およびブロガーです。彼はブログや毎週配信されるニュースレターで、趣味やライフスタイルデザイン、起業精神について執筆をしています。現在、100万人の人々のライフスタイルを良いものにするというミッションの元、世界中を飛び回っています。 Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意す
最近Webデザイン界で流行っている「Duotone」をうまく使えば超イケてるサイトに様変わりするに違いない - Brian'z Imagination
その昔アンディ・ウォーホルという巨匠が描いたマリリン・モンローのポップアートのレプリカが4年くらい前にマンションに飾ってあったのを思い出すけれど、最近Webデザイン界では海外を中心に「Duotoneデュオトーン」と呼ばれるデザインが流行りだしている。 シンプルでありながら、ポップでビビッドで非常に印象に残るデザインなので、「Duotone」を極めれば超イケてるサイトになりそうな予感。 最近流行っている「Duotone」って何ぞ？ 「Duotoneデュオトーン」は「Duo(2つの)」＋「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色を中心に描き出されるハーフトーン作品のこと。Duotone作品自体は昔から存在するのだけれど、昔のアーティストが一生懸命に写真をつなぎあわせていた時代から時が経ち、Photoshopのアップデートで簡単に写真を加工してDuoto
最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ
最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦長型やカード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインが主流となっています。 最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材やプレビューを紹介します。 Boring Cards UI Kit PSD、個人・商用利用無料。 Bootstrap 4でも新しいコンポーネントとして注目されているカードを使用したUIキット。黄金比をベースにしたデザインはさまざまなサイズ・カラーで展開することができます。
ファーストビュー盲信がもうしんどい
Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ！」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ
クリエイティブなファビコンを設置しよう
クリエイティブなファビコンを設置しようWebサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ファビコンをデザインするファビコンは 16x16 ピクセルとかなり小さいながらも、その存在は偉大です。複数のタブを開いている時や、ブックマークリストの中から、ひと目見てどのサイトか区別できるからです。 多くの場合、その Web サイトのロゴマークを縮めたり、簡略化したものがファビコンデザインとして採用されています。CHANEL、Apple、Twitterなど、ロゴマークの認知度が高
meyerweb.com
I’ve long made it clear that I don’t particularly care for the whole Shadow DOM thing. I believe I understand the problems it tries to solve, and I fully acknowledge that those are problems worth solving. There are just a bunch of things about it that don’t feel right to me, like how it can break accessibility in a number of ways. One of those things is how it breaks stuff like the commandFor at
CSS Tools: Reset CSS
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a
トレタ | 飲食店のDX支援サービス
予約管理システムトレタ予約台帳 テーブルマネジメントで席回転を最適化。予約事故ゼロで繁盛店の売上を確実に伸ばします。 サービスを詳しく見る 資料ダウンロード
現代デザイン
現代デザインはWebサイトを集めたギャラリー･リンク集です。トップデザイン・下層デザインを一覧で確認出来るのが特徴です。毎日更新を目標にしています！（出来なかったらごめんなさい）Webデザイン制作の参考にどうぞご活用ください。
XD（クロスディー）｜体験にフォーカスするメディア
イギリスでフリーエコノミー運動を創始したマーク・ボイル氏の著書翻訳をし、“半農”暮らしを営む翻訳者の吉田奈緒子さんによる、「お金を使わず豊かに生きる」を実践するギフトエコノミーの考え方についてのコラムです。 （この記事は2022年12月14日（水）に発売された『XD MAGAZINE VOL.06』より転載しています） 吉田奈緒子（よしだ・なおこ） 1968年、神奈川県生まれ。翻訳者。千葉・南房総で「半農半翻訳」の生活を送り、蛇腹楽器コンサーティーナでアイルランド音楽を弾く。訳書に、マーク・ボイル『モロトフ・カクテルをガンディーと：平和主義者のための暴力論』（ころから、2020年）、マーク・サンディーン『スエロは洞窟で暮らすことにした』（紀伊國屋書店、2014年）など。 おすそわけと自然界の贈与 10月はじめ。黄金色に輝く田んぼに立ち、今年の実りに感謝する。よく研いだ鎌で、ザクッ、ザクッ、
Webクリエイター専用定規「Web型定規」 手描きラフを美しく仕上げるために
テイ・デイ・エス リプラグ事業部は4月13日、Webページの構成案を美しく描くためのWebクリエイター向け「Web型定規」を発売した。価格は1500円と2000円（いずれも税別）。 Web制作で使用頻度の高い「4：3」「16：9」の基本的な画面比率や、「ホーム」「ショッピングカート」などよく使うアイコンなどのテンプレート、画面をグリッド分けするのに便利な12分割用の目盛りが入っている。 手描きでも歪みなく描けるテンプレートを使用することで、アイデア出しやブレストで必要になる手描きのラフを清書する手間を省けるとうたう。社内のWebディレクターのアイデアを元に作られた商品だという。 関連記事 MicrosoftのWebコンテンツ作成ツール「Sway」で共同編集が可能に Microsoftがオンライン版Officeスイートのβアプリとして提供しているWebコンテンツ作成ツール「Sway」に共同編
CSSの content プロパティーを使いこなそう！
CSSの content プロパティーを使いこなそう！CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…！？」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 content プロパティーって何？content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTML などの文書には記述されていない要素を CSS によって新たに作り出された架空の要素です。Web クリエイターボックスでも、過去記事「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」や「経歴や会社の沿革ページに！簡単な CSS で
日本人クリエイターのハイセンスなポートフォリオサイト（主にフリーランス）まとめ
rumiko matsumoto / TAKESHI WATAMURA | 綿村 健 / SCANNER™ | a design &...他...全23件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Highslide JS - JavaScript thumbnail viewer
YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG
Webデザインブックマークサイト・Webデザインリンク集 .SG_BOOKMARK
いろいろなサイトのフォームのログインを集めた -Login Forms Design Showcase
Webydo | Professional Website Builder | Website Builder Free
食べログ ワンコインランチ終了のお知らせ [食べログ]![食べログ ワンコインランチ終了のお知らせ [食べログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d0ffd99ab72f1111bcb34cc412501c8bda2216a9/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftblg.k-img.com%2Fimages%2Flunch_coupon%2Fonecoin_img_ogp.jpg)
