ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを おすすめ度 サイト内検索の可否 いいね/保存機能の有無 ランキング機能の有無 掲載サイト数 を基準にランクづけし、おすすめできるサイト順に載せているので忙しいという方は、とりあえず上から順にチェックしていただければ大丈夫です！みなさんのデザイン制作に活かしていただけると嬉しいです。 【全サイト徹底比較】超参考になるおすすめギャラリーサイトTOP38 ちょう
Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの
東京のIT企業が開発し、複数のショッピングサイトなどで導入されている入力フォームのプログラムが何者かに改ざんされ、少なくとも3800件以上のクレジットカードの情報が流出したおそれがあることがわかりました。 改ざんされたのは、東京 港区にあるIT企業「ショーケース」が開発し、ショッピングサイトなどで導入されている入力フォームのサービスのプログラムです。 会社によりますと、ことし7月、取引先から指摘を受け調査した結果、3種類のサービスのプログラムが外部からの不正アクセスによって改ざんされていたことがわかったということです。 これらのサービスは、さまざまなショッピングサイトなどに少なくとも5000以上導入されているということで、このうち一部のサイトで、入力された情報が外部に流出したおそれがあるとしています。 このサービスを利用していた靴の販売などを行っている「エービーシー・マート」によりますと、
2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示
ISUCON9 予選を全体1位で突破しました
9月8日(日)に開催された ISUCON9 予選の2日目に1人チーム「 nil 」として参加し、全体1位となり本選出場が決まりました。 最終スコアは 52,440 ｲｽｺｲﾝ (ベストスコアは 53,460 ｲｽｺｲﾝ) でした。 このエントリーでは主に参加するまでにやってきたことと、当日やったことについて書こうと思います。 参加するまでにやってきたこと# 練習 (去年)# ISUCON には去年の ISUCON8 で初めて参加し、今年で2回目です。 去年は ISUCON8 に向けて毎週のように過去問の練習をしていました。 1年以上前の記憶ではありますが、今年はあまり練習することができなかったので、この経験や知恵が今回の優勝にも影響したと考えています。 練習 (直前)# 今年は他のことで忙しく ISUCON の練習をする時間が確保できませんでした。 そのため練習できたのは5日(木)から前日
この記事では、デザイン制作のインスピレーションや参考にしたい、2020年に入って注目を集めている最新ウェブサイトデザイン37個をまとめています。 2019年の暮れに公開されたサイトも含み、多彩なアニメーションや鮮やかな配色カラーパレット、ストーリーテリング手法など注目のスタイルを揃えました。また、高級感のあるサイトデザインが特に多いシリーズとなりました。 いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ Sussex Royal イギリス王室からの離脱や、王室を連想させる「サセックス・ロイヤル」の商標登録など、なにかと話題となっているサイト。閲覧できるのは今のうちかも。 Spotify for Pets 自分の聴いている音楽、ジャンルをもとに、愛犬などのペットに合ったプレイリストを自動生成してくれるオンラインサービス。 Coachella 毎年チケット販売とともに完売の
「こんなことできちゃうの?!」「もっと早く知りたかった。」 この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。 時間の短縮はもちろん、面倒だったあの作業も自動化できてしまうことも。 大型連休中におすすめのワクワクするようなツールを集めました。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール（14個） 2. デザインツール（13個） 3. 配色ツール（5個） 4. プロトタイプ・アイコンツール（6個） 5. クリエイティブ・面白ツール（10個） Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール Loaders
Cocoda
200+ DESIGN behindsCocodaは、デザインの裏側をまとめた事例集です。 日本を代表するデザイン組織から、200以上の事例が公開されています。 CONTENTS デザインの裏側をまとめた 200以上の事例ブランドから、プロダクト設計、デザイン組織の立ち上げ...。様々なデザイン領域の深い事例が、日本で最高峰のデザイン組織によって掲載されています。 RECOMMEND あなたの興味に合わせて デザイン事例をおすすめあなたの興味に合わせて、豊富なデザイン事例の中から ピッタリなコンテンツをおすすめします。 MY LIST 自分好みのリストに まとめるコンテンツの中でぴったりなものを見つけたら、あなただけのリストを作って、いつでも見返すことができます。 GET STARTED さっそくはじめる
GitHub - rustviz/rustviz: Interactively Visualizing Ownership and Borrowing for Rust
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Vuestic UI is an OpenSource Vue 3 based UI framework. It is a MIT-licensed UI framework that provides ready-to-use frontend components that are easily configurable and speed up development of responsive and fast-loading web interfaces. It was initially released in May 2021 by Epicmax and that is what Vuestic UI today.
Capture By AuthorTypescript has had Template Literals since its early stages. They are really useful when you want to create types from a static string. It was not until the Typescript 4.1 release that we saw Template Literal Types. In further releases, the Typescript team has been polishing its features and fixing some quirks. As a result, it is now a mature feature. What are Template Literal Typ
Simple generator for React Component. Select any node and run the plugin, it will generate React code. To get most out of this plugin, be sure to use Auto Layout as possible - layout style is derived from Auto Layout propertiesname Nodes appropriately - Node names are used for component nam...
こんにちは、プロダクトマネージャーの yujiro です。 最近 Nintendo Switch を購入し、妻と一緒にスーパーマリオをプレイしてます。数少ない共通の話題が増えて嬉しいです。 はじめに 前提：テックタッチはハイタッチCSに支えられている 「 Showcase 」とは 事前準備 開催当日 得られる効果 さいごに はじめに テックタッチではおよそ3ヶ月に1度の間隔で新機能をリリースしており、その際にリリース内容共有会を開催してリリース内容の社内周知を行っています。このリリース内容共有会を社内では「 Showcase 」と呼んでいます。 この「 Showcase 」は、リリース内容の説明に留まらないプロダクトチームとビジネスチームをつなげるユニークなイベントになっています。本記事では、「 Showcase 」を通じてどのように両者の距離を縮め、一体感のあるカルチャーを生み出している
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - rayepps/radash: Functional utility library - modern, simple, typed, powerful
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Smooth and simple transitions with the View Transitions API | Web Platform | Chrome for Developers
The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states. It's available in Chrome 111+. Transitions created with the View Transition API. Try the demo site – Requires Chrome 111+. Why do we need this feature? Page transitions not only look great, they also communicate direction of flow, and make it clear which elements
A simple-yet-powerful API traffic viewer for Kubernetes to help youtroubleshoot and debug your APIs. Think of TCPDump and Wireshark reinvented for Kuberneteswith multi-protocol and TLS support.
カフェのWebサイトを作る時のポイントや実例
2023年5月18日 Webデザイン, インスピレーション おしゃれだったり、かわいかったり、落ち着く雰囲気だったりと、一口にカフェといっても様々なコンセプトがありますよね。そんなカフェのWebサイトをあれこれ見て気づいた点や、カフェの雰囲気を反映させたWebサイトの実例を紹介します。 ↑私が10年以上利用している会計ソフト！ カフェのWebサイトをデザインする時のポイント さまざまなカフェのWebサイトを調査しながら感じた共通点や、制作時のポイントなどを見ていきましょう。 店内の様子を大きく見せる カフェは店内の雰囲気を重視している場合が多く、それをどうWebサイト上で表現するかが重要です。画面いっぱいに広がる大きな画像や動画で視覚的にアピールしましょう。可能であればお客さんがいる状態での写真も掲載し、どのような客層が多く利用しているのか、座ったときの客同士のスペースなども見せられるとい
GitHub - elad2412/the-new-css-reset: The New Simple and Lighter CSS Reset
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
jsmates.com
This domain may be for sale!
Create amazing MockupsCraft beautiful presentations for your social media, website and more! Start Creating Your Time Saving Design CompanionEmbrace the ease of designing with Shots. Create beautiful mockups in seconds, giving you more time to focus on your original design. Any Mockup that you needChoose a mockup that suits your needs drag and drop your screenshot, design or any image to get start
わかば保育園は 子どもたちと一緒に 希望をもって未来に歩んでいく、 家族のような存在で ありたいと考えています。 子どもたちが高齢者や地域の方々とふれあう機会が少なくなったと言われていますが、わかば保育園には同じ施設内に介護デイサービスがあり、利用されているご高齢の方や地域の方々と触れ合う時間がたくさんあります。 子どもたちだけの環境では出会うことのできない、さまざまな世代や文化に目を向け、興味や関心の幅を広げてほしい。集団生活の中で多世代の人がお互いを理解しあい、支え合って育ちあえる環境づくりに努めることで、 たくさんのつながりを持つ、地域に根差した施設として社会に必要とされる園づくりをめざしています。
GitHub - flutter/gallery: Flutter Gallery was a resource to help developers evaluate and use Flutter
NOTE: The Flutter Gallery is now deprecated, and no longer being active maintained. Flutter Gallery was a resource to help developers evaluate and use Flutter. It is now being used primarily for testing. For posterity, the web version remains hosted here. We recommend Flutter developers check out the following resources: Wonderous (web demo, App Store, Google Play, source code): A Flutter app that
GitHub - kevquirk/simple.css: Simple.css is a CSS template that allows you to make a good looking website really quickly.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
レレブロ
お金の勉強
バーミキュラ創業の地で、 最高のバーミキュラ体験を。 「バーミキュラ ビレッジ」は、「最高のバーミキュラ体験」をテーマに“バーミキュラの料理の美味しさ”・“バーミキュラブランドの世界観”・“メイド・イン・ジャパンのものづくり”を様々なかたちで体験できるブランドの発信拠点です。
Route 227s' Cafe (ルート２２７カフェ)
東北227市町村の魅力を発信するスポット、 Route 227s' Cafe。 各地の名産を贅沢に使ったフードの提供や、 伝統、文化、そして自然豊かな東北に 住まう人たちが織りなす物語をお伝えします。
ディグるほど、味がでる。 そんな船場センタービルは今年で５０周年を迎える。 ５０年かけて様々な味付けをしてくれた 船場マイスターや船場商人から 魅力を紹介いただこう。
ブラウザ別のCSSハック | ねたまめ.com
ここは何色？ ここの文字色は何色になっているでしょうか？(もし結果が違っていたら教えて下さい…) Google Chrome → 青Opera → 青Safari → 緑Firefox → オレンジEdge(Chromium) → 紫IE10 / IE11 → 灰色 ※上から順にCSSを適用させていっているので「ChromeとOperaはredからblueに」「Safariはredからgreenに」上書きされています。開発者ツールで「ここは何色？」部分を調べてみて下さい。
TANGO CREATION PLATFORM
Search for cross-border creation possibilities. Search for cross-border creation possibilities. 越境する創造の可能性の模索 300年前から磨かれた丹後ちりめんの技巧とパリで磨かれた クリエイションの邂逅は何を生み出すか。 What happens when you bring together the finesse of Tango Chrimen (locally made silk crêpe which has been perfected for over 300 years) and the fine creations of Paris? 2019年よりスタートした「TANGO CREATION PLATFORM」は、丹後が持つ様々な魅力を外に開くことで新たな地域の可能性を模索する
今回MySQL5.7.22を用いて検証しています。 初期設定 データベース作成 mysql> CREATE DATABASE fts; Query OK, 1 row affected (0.00 sec) mysql> use fts; Database changed テーブル作成 テーブル作成時に全文検索をするカラムの型をFULLTEXTにし、パーサーにngramを指定します。 mysql> CREATE TABLE documents (id SERIAL PRIMARY KEY, content VARCHAR(255), FULLTEXT(content) WITH PARSER ngram) CHARACTER SET utf8; Query OK, 0 rows affected (0.10 sec) レコード挿入 レコードの挿入は通常の文字列同様に入れられます。 mysq
TOP | BANGER!!!（バンガー） 映画愛、爆発!!!
インド映画はコメディーも下ネタNGで純情一途？スター俳優「VJS」の出世作『途中のページが抜けている』の見どころ解説【TV初放送】
CallToInspiration – Small details for very exacting ideas!
Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals.
日建設計コンストラクション・マネジメント
当サイトでは、クッキー（Cookie）を使用しています。このウェブサイトを引き続き使用することにより、お客様はクッキーの使用に同意するものとします。 Our cookie policy. つなぐ。 今あるものを まだない明日へ 資産や建物など、今、目の前にあるものの先に、まだ見ぬ未来があります。 だからこそ、一つひとつのプロジェクトと真摯に向き合い、マネジメントの 力で“今”と“明日”をつないでゆく。あらゆるプロジェクトをクリエイティブ にマネジメントすること。それが私たちの使命です。
CONERI STORY 新しい味わい。 新しい食べ方。 新しい気分。 coneriは、 パイのある幸福な生活を提案します。 coneriは、サクサクとした食感で気分まで軽やかにするパイの専門店です。 粉の味わいと生地を練る職人の手わざにこだわって、パイの魅力を日本中に広げたい。 だから、粉を練る→「coneri」という名前にしました。 もっとおいしく、自由に、楽しく。 パイのうれしさをどこまでも広げるために愛情と工夫をいくつも重ねて、 あなたのほっぺに「サクサク」なしあわせをお届けします。 CONERI STORY 1 パイづくりは、 粉づくりから始まりました。 サクサクとしたうれしさをもっと弾ませるために、 いろんな種類・品種の粉を探しました。 もっと軽く、なめらかで、香りゆたかな粉はどこ？ 試作と試食を何度も繰り返して完成したのが、 国産の小麦粉などを秘密の配合でブレンドしたオリジナ
※1 既築住宅の場合、条件により 別途施工費用が必要になる可能性があります。 ※2 太陽電池パネル、パワーコンディショナなど。 ※3 当社試算モデルによります。 詳細は「PLAN」の試算例をご確認ください。 ※4 京セラ製太陽電池パネルは、第三者機関において製品品質に関し以下の認定を受けています。○2011年:世界で初めてテュフラインランド社の「長期連続試験」認証を取得。○2012年:フラウンホーファーの高電圧負荷試験（耐PID試験）で「出力低下ゼロ」を実証。○2014年:テュフラインランド社の塩水噴霧試験に合格。○2016年:DNVGL社の信頼性調査において「トップ・パフォーマー」に認定。※5 1984年に京セラ佐倉エネルギーセンターに設置された太陽電池パネルは現在に至るまで稼働中。 ※1 既築住宅の場合、条件により別途施工費用が必要になる可能性があります。※2 太陽電池パネル、パワーコ
株式会社KEYCREW｜KEYCREW Inc.
Our Philosophy世界を面白いモノで 埋め尽くす。 今日もどこかで、小さな革命家たちから次々と新しいアイデアが生まれている。しかし、既存の物流システムでは、それらを広く届けることは難しい。私たちは物流のあり方を変えることで、世界を面白いモノで埋めつくしていきます。 About What We DoSolutionソリューション・サービス 受発注から在庫管理・商品の供給まで、ECにおけるすべての業務をオンラインで行うことのできるサービス「STOCKCREW」を提供。また、そこから得られるモノの移動情報を駆使し、マーケティング支援事業や資金調達支援事業を展開。EC事業における経営課題をトータルでサポートしています。 Solution
キーノ和歌山｜南海和歌山市駅直結！出会いと始まりの場所
和歌山の厳選食材が集まる スーパーマーケット 生鮮三品をはじめ、グロッサリー、惣菜など、高品質な食材を扱う専門店が集う、新しいかたちのスーパーマーケットです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
ショッピングサイトのプログラム改ざん クレジット情報流出か | NHK
モバイル幅で作成されたWebサイトの特徴と作例
いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ
こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ
Vuestic UI — Vue.js 3.0 UI Framework
Mastering TypeScript Template Literal Types
Figma to React Component | Figma
組織の一体感を生み出すためのリリース内容共有会とは？ - Techtouch Developers Blog
GitHub - ulfox/dby: Simple Yaml DB
Mizu - API Traffic viewer for Kubernetes
Create Amazing Mockups
わかば保育園｜大阪府羽曳野市にある企業主導型保育園
最高のバーミキュラ体験を。 | VermicularVillage（バーミキュラビレッジ）公式サイト
DEEPな船場をディグろう - 船場センタービル 50th Anniversary
MySQLのN-gramを使った全文検索について調べてみました | Simple is Beautiful.
coneri（こねり）
ちゃんとGood！サービス｜0円ではじめる、太陽光発電
note.com/microad_ir
www.asahi.com
sumire1.nm.bex.jp
thebridge.jp
news.mynavi.jp
news.yahoo.co.jp