こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今日は、WEB上に公開されているデザインシステムをとにかくたくさん集めました。業種や規模、国内外の企業問わず、デザインシステム（スタイルガイドも含む）と名の付くものを、見つけられた範囲ですべて収集しています。 多数のデザインシステムの比較・検討をしたい際など、データベース的にお役立ていただけたら幸いです。 【アップデート履歴】 ・2024/02/08 一休,Wantedly,W3C,パリ五輪2024を追加しました ※以下の目次、異次元の長さになっています。開く際はご注意ください…🐲 はじめに🗒掲載方法について「企業名＋URL＋スクリーンショット」を掲載しています。スクリーンショットについては、1枚目は全体の雰囲気が掴めるもの、2枚目はテキスト入力系コンポーネントの説明ページを選んでいます。 💡Tips｜複数のURLを
Thinking Outside the Box with CSS Grid | Frontend Horse | Creative Web Development
Thinking Outside the Box with CSS Grid Featuring Andy Barefoot The support of CSS Grid in modern browsers has opened up layout possibilities like never before. We can create more complex designs with fewer elements than we could with Flexbox alone. But when you think of CSS Grid, you generally think of a boxy layout, right? Some of the layouts on Rachel Andrew’s excellent Grid by Example. Andy Bar
この記事はNuco Advent Calendar 2023の15日目の記事です。 はじめに この記事では、プログラミングを学習する際に役立つ、様々なサイトを幅広く紹介しています。初心者から上級者まで、さまざまなスキルレベルに対応するサイトを厳選しました。 各サイトは、難易度とおすすめ度を星5段階で評価しています。自分の現在のスキルレベルや学習目標に合わせた学習サイトを見つけ、学習し、更なるスキルアップを目指しましょう！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 Web制作(フロントエンド) web-design-textbook 難易度：★★☆☆☆ おすすめ度：★★★★☆ Webがブラウザに表示される仕組み、HT
Neumorphism（ニューモーフィズム）のUIをイラストレーター、フォトショップで作成する方法やCSSにUIとして実装する方法。サンプルなどをご紹介します スキューモーフィズムをアレンジしたUI「ニューモーフィズム（Neumorphism）」が提案されています。 「スキューモーフィズム」から「フラット」「マテリアル」へとUIが変化していき「マテリアル」でも一部「スキューモーフィズム」が取り入れられています。 「ニューモーフィズム」はこの流れをさらに進めたUIデザインの可能性を提案するもので、実際にトレンドになるかは現状では分かっていません。 NeumorphismのUIを作る 下記のサンプルとなるベーシックなニューモーフィズムをイラストレーター、フォトショップを使って作成してみます。 イラストレーターで作成する方法 ドロップシャドウで簡単に作成できます。 背景色「#f0f5f7」と同じ
Designing beyond the pixel-perfect idealistic case by Stéphanie Walter - UX Researcher & Designer.
This content is 4 years old. Remember that the following content might be outdated. I was invited to “Ask the Expert”, an online meetup where experts share their knowledge around different topics related to building the web. In the talk and article, I show how I design systems of components that go beyond responsive adaptation to different screen/viewport size and can also be used in different lay
JSer.info #549 - Node.js 16.5.0がリリースされました。 Node v16.5.0 (Current) | Node.js 16.5.0では試験的に、WHATWGで仕様策定されウェブブラウザに実装されているWHATWG Streams APIが実装されました。(stream/web) Node.jsでは、すでにNode.js Stream APIがありますが、これとは異なる実装です。 Node.js StreamとWHATWG Streamの違いについては次のドキュメントにも書かれています。 streams/FAQ.md at main · whatwg/streams Node.jsでWHATWG Streamを実装している理由としてはQUIC/HTTP3のサポートなどが挙げられています。 HTTP/3 support · Issue #38478 · nod
Fashionably flexible responsive web design (full day workshop)
【2021年度版】デザインが秀逸！！ポートフォリオサイト【最新版】 « 茂手木 史 ポートフォリオサイト | Fuhito Motegi Portfolio
デザインやweb技術が優れているデザイナー、画家、ペインター、写真家、フォトグラファー、イラストレーターのポートフォリオサイトを集めてみました。ポートフォリオサイトを制作する際のヒントまたは、インスピレーションになればと思い、自身の忘備録も兼ねています。ポートフォリオに掲載されている作品自体の良し悪しは関係ありません。 随時追加していきますので、追加のご要望あれば是非！ではごはご覧ください！ ポートフォリオとは？ ポートフォリオは、イタリア語の「portafoglio」に語源を持つ言葉で、書類・ケース・ファイルフォルダの意味があります。ここでの「ポートフォリオ」とは、画家・写真家・デザイナーなどがもつ自分の作品をまとめた作品集のようなものを指します。 それぞれの職業によって使われるシーンは様々で、デザイナーであれば転職する際に、画家やアーティストであれば、ギャラリストや画廊主に見せたりする
Slower News
Geopolitics: A new cold war and another space race has begun: China mocked officially and is overtaking US in scientific research. | De-dollarization. + Eurosclerosis: Europeans are becoming poorer. | Is the Ukraine crisis the West’s fault? Maybe or maybe not. Demographic wars: Are just starting. | Hints: Sending asylum-seekers far away. | Aging Japan wants automation not immigration. | Democracy
キーボード横にタブレットのようなサブ画面 Lenovoが21:10の横長ノートPC「ThinkBook Plus Gen3」公開 www.itmedia.co.jp Google、AndroidとWindows、スマートホームなどの連携機能を多数発表 www.itmedia.co.jp AWS 導入事例：KDDI株式会社 | AWS aws.amazon.com メタ、拡張現実・仮想現実対応のＯＳ開発計画を中止－報道 www.bloomberg.co.jp [アップデート] CloudTrailログ分析環境が超絶簡単に手に入る！「CloudTrail Lake」がリリースされました | DevelopersIO dev.classmethod.jp プログラムがメモリをどう使うかを理解する(2) zenn.dev フリーの解凍・圧縮ソフト「7-Zip」がVHDX形式仮想ディスクファイルの抽
A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine
Did you know that your chosen color palette can have an impact on how much energy your website uses? Even a more environmentally friendly choice of colors can reduce the impact on the battery life of mobile devices. In this article, Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today. There’s more to color on the web than meets the
Google Chrome Labsが開発したオープンソースのデザイナー向けブラウザ拡張「VisBug」がSafari v14対応の機能拡張としてリリース。
Google Chrome Labsが開発したオープンソースのブラウザ・デザインツール「VisBug」がSafari v14対応の機能拡張としてリリースされています。詳細は以下から。 GoogleでChrome CSS Developerを務めるAdam Argyleさんは現地時間2020年11月04日、Google Chrome Labsがオープンソースで開発しているデザイナー向けChrome機能拡張「VisBug」をSafari v14の機能拡張に移植＆リリースしたと発表しています。 Open source web design debug tools built with JavaScript: a FireBug for designers. Point, click & tinker Edit or style any page, in any state, like it’s
CSS レスポンシブデザインで実用的なフォントサイズ指定 | 西尾市・岡崎市・名古屋のホームページ制作はネイビーモバイル
レスポンシブWEBデザインでスマートフォンサイトを作るときに、フォントサイズをどう指定するかは意外と悩みます。 多方面で紹介されている方法として、html（ルート）のフォントサイズを10px(62.5%）にしておき、body以下のフォントサイズをrem単位で指定する方法があります。 これはメディアクエリを用いて全体のフォントサイズを相対的に変化させることが容易です。ただ、スマートフォンで全体のフォントサイズを相対的に小さくしてしまうと、もともと小さなフォントサイズを指定していた要素のテキストが極小サイズになってしまい、可読性を損ないます。 そこで、実際に複数のレスポンシブ対応のスマホサイトを制作して最も実用的で、スマホ閲覧時のフォントサイズ修正が容易だった方法を紹介します。 フォントサイズの変更がしやすい指定方法 CSS例 SCSS記法 $fs: 1.6rem; // フォントサイズ //
「Webサイトデザインのことがよくわかってるデザイナーに制作を依頼したいなあ…」とお考えの方は、以下のボタンからご連絡ください。企業公式サイトやLP、広告バナーなど、Webデザイン全般をおまかせいただけます。バナー1枚からでもご依頼可能です。ご相談は無料でお受けいたしますので、お気軽にお問合せください！ Webページの構成に関する用語 Webサイトはたくさんのパーツで構成されています。 ここでは特に使用頻度の高いモノをご紹介します。 ▲ここではおもにWebページのファーストビューまわりの用語を紹介します。 ❶ ヘッダー ページ最上部の横長のエリアをさします。一般的には会社ロゴやナビゲーションが入り、下層ページにも共通で使用することが一般的です。 ❷ ナビゲーション（グローバルナビゲーション） Webサイトにおけるメニュー表のようなものです。 ユーザーがサイトの色々なページを迷わずに閲覧しや
ASP.NET Core | 業務プログラムの実践学習
スタートアップ .NET ASP.NET Core入門 簡単なページを作ってみる - ウマヤディア 意識低めのASP.NET Core MVC入門（２）簡単なフォームを作る 意識低めのASP.NET Core MVC入門（３）モデルを使ってみる 概要 はじめてのASP.NET MVC5 連載：ASP.NET MVC入門【バージョン3対応】 - ＠IT 第1回 Controller－View開発のキモを押さえる（1/3） - ＠IT 第7回 レイアウト／部分ビューでアプリ共通のデザインを定義（1/4） - ＠IT ASP.NET MVC 開発を始める前に理解しておきたいこと - Qiita ASP.NET の機能 - ASP.NET 入門 【Visual Studio 2019】ASP.NET MVCでHello,Worldを出力！初心者でもわかりやすい画像付き | フライテック ASP.N
Goodpatchの行政デジタル化リサーチチームです。今週から毎週月曜日にこちらのマガジンにリサーチ内容を発信していきます。 よろしければフォローをお願いします！ 今週から6月の初めにかけては、以下の2つのテーマを隔週で扱っていきます。 1.『8か国のデザインシステムから見る行政デジタルサービスの指針』 ー 4月26日，5月10日，24日，6月7日に公開予定（4本立て） 2.『世界の行政におけるサービス設計のガイドラインの意義』 ー 5月3日，17日，31日に公開予定（3本立て） 今回は、1つ目のリサーチテーマ「8か国のデザインシステムから見る行政デジタルサービスの指針」の第1弾です。 行政サービスにおけるデザインシステムの重要性先日Goodpatchが公開したnoteでもお伝えしたとおり、日本政府はデジタルトランスフォーメーション（DX）推進のための動きを活発化させています。こうした中、
© 2008 Xavier Roche & other contributors - Web Design: Leto Kauler.
20 Amazing Examples of Neumorphism – New Design Trends 2020
Editors PickFeaturedMobile App DesignUncategorizedWeb Design 20 Amazing Examples of Neumorphism – New Design Trends 2020 Web Design LedgerMay 7, 20200 Comment019.2k Ah, Neumorphism. We love to see it. Neumorphism is my favorite design trend thus far in 2020 and it’ll take a lot to surpass it. We’ve been seeing it a lot lately, and we stan. What is Neumorphism? Neumorphism is a new modern graphic d
《お菓子とデザイン》イラストの一部が蛍光色に光る【GODIVA（ゴディバ）GODIVA（ゴディバ）】「コレクション マジック ポップアップボックス（10粒入）」のパッケージ♬ - ハピ活ライフ♬
こんにちわ❗ Roseberryです🙋♀️✨ 本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 蓋を開いて現れるハロウィンのイラストの一部が、暗闇の中で光りだす（蛍光色）～といった仕掛けがとても楽し気な【GODIVA】「コレクション マジック ポップアップボックス（10粒入）」のパッケージについて深堀してみました。 こんな人におススメの記事です！ ・デザインが好きな人 ・お菓子が好きな人 ・プレゼントが好きな人 デザインを通して、心が豊かになるような記事を目指しています。 少しでもお役に立てたら、嬉しいです。 【GODIVA】「コレクション マジック ポップアップボックス（10粒入）」 蛍光灯とLED パッケージからの気付き パッケージの配色から 商品購入先情報 まとめ 【GODIVA】「コレクション マジック ポップアップボックス（10粒入）」 Freep
WordPressのコアブロックのカスタマイズについて2021年のベスト・プラクティスを探ろう その1: ボタンブロック - Photosynthesic blog
こんにちは、みみです。 WordPressのデザインの話をそろそろガチでしたい WordPressのブロックエディタが実装されて早2年になります。カスタムブロックの作り方については良く話題になる気がしますが、ガラッと変わった設計に応じた新しいワークフローやデザイン手法などについてはそんなに話が上がらない気がします。 一通りのカスタムブロックプラグインが出揃った今だと尚更に、それよりもブロックエディタ時代のWordPressのデザイン手法についてみんな考えあぐねているのでは無いかと思うのです。 20日に出た5.8でのWordPressの進化を眺めていて、そろそろ誰かとそういう語りがしたくなってきたので、試しにひとつ書いてみようと思います。Webの4割を占めるWordPressのデザインの話、もっとあってもいいと思うんですよね。 ワークフローとしてウォーターフォール型では全く機能しなくなる、み
【解説】コードキャンプ（CodeCamp）とは？評判・料金・口コミを徹底調査！【Webデザイン向け】 - ハピ活ライフ♬
こんにちわ❗ Roseberryです🙋♀️✨ 本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 【コードキャンプ（CodeCamp）】っていうWebデザインスクールが気になってるんだけど、どんなスクールなの？ という方に、おすすめの内容となっています。 こんな人におススメの記事です！ ・コードキャンプってどんなスクールか知りたい ・コードキャンプの何がいいのか知りたい ・コードキャンプのWebデザインコースが気になる 日本の雇用形態が少しずつ変わり、会社が個人を守ることも難しい時代になってきています。 ＂今の会社をずっと勤められるのだろうか…＂といった不安も尽きませんよね。 そんな中、Webデザイン未経験の人が 「今後の為にも、Webデザインで稼げるようにスキルを身に付けようかと思ってるんだけど、自分にもできるのかな・・・」 と思われるのは当然のことです。
At a first glance, the table seems about right, in that the sites that feel slow unless you have a super fast device show up as slow in the table (as in, max(LCP*,CPU)) is high on lower-end devices). When I polled folks about what platforms they thought would be fastest and slowest on our slow devices (Mastodon, Twitter, Threads), they generally correctly predicted that Wordpress and Ghost would b
Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続（カスペルスキー インターネット セキュリティ 2019） | Web Design Leaves
Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続（カスペルスキー インターネット セキュリティ 2019） CATEGORY: HTML/CSS 2019年8月7日 Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続する方法の覚書です。 また、ウィルス対策ソフト「カスペルスキー インターネット セキュリティ 2019」を使っている場合の設定方法についても記載しています。 目次 Windows 側の確認 リモートデスクトップ接続するには、Windows PC の IP アドレスが必要です。 また、Windows PC でリモートデスクトップ接続（RDP)を許可しておく必要があります。 「コントロール パネル」＞「システムとセキュリティ」で「リモート
こんにちは。ウェブデザインチームのharuです。新宿中央公園にスタバやカフェができたので息抜きによく行ってます。 複数のWordPresを運営していると、それぞれの情報の一部を表示させたい事があると思います。wp-loadを利用することで別のWordPressに情報を表示させる事ができます。 この方法は、例えば下記のようなケースに利用されます。 同一サーバーのWordPressでなくても、別サーバーの別ドメインのWordPressの情報を読み込んで表示させる事ができます。とても便利ですね。 ファイルの構成 今回は読み込ませたい箇所をモジュールとなるファイルを用意して、そのファイルを読み込むようにします。 モジュールファイルの用意 モジュールとなるファイルは今回「inc-file.php」としました。 いつもどりWordPressの関数を記載します。 このまま読み込ませても何も表示されないの
Adobe XDは、WebサイトやモバイルアプリのUI/UXデザインができるツールです。Adobe XDの使い方を学習すれば、ワイヤーフレームを手軽に作成し、デザインに関するプロジェクトを効率よく進めることができます。 この記事では、Adobe XDの基本的な使い方や、2019年11月に加わった共同編集を含む5つの機能、ワイヤーフレームやプロトタイプの作成方法について解説します。Adobe XDの使い方を学びたい初心者の方は、ぜひ参考にしてください。 Adobe XDとは？できること、基本的な使い方をチェック Adobe XDは、オールインワンのUI/UXツールとして、2017年にAdobeから発表されました。Webサイトやアプリのデザインの作成から、ユーザー体験を検証するためのプロトタイピング（試作モデルを使った検証）まで、Adobe XDで完結させることができます。 ただし、Adobe
Design systems make government better—from Washington to Wellington | Amazon Web Services
AWS Public Sector Blog Design systems make government better—from Washington to Wellington Governments around the world want to accelerate their digital transformation to offer simpler access to citizen services online and earn trust with effective solutions. This includes things like being able to send notifications to users, providing a single log-in for government services, or publishing public
Color contrast checker, analyser and color suggestions | Polypane
How does the color contrast checker work?The Polypane color contrast checker checks against values defined by the WCAG 2 (Web Content Accessibility Guidelines) or APCA (the Accessible Perceptual Contrast Algorithm). WCAG give a formula to calculate the contrast, ranging from 1 (no contrast) to 21 (black on white). APCA has a range from minus ~106 to plus ~106. The Polypane contrast checker takes o
Science confirms it: Websites really do all look the same
These posts usually point out some common design elements, from large images with superimposed text, to hamburger menus, which are those three horizontal lines that, when clicked, reveal a list of page options to choose from. My colleagues Bardia Doosti, David Crandall, Norman Su and I were studying the history of the web when we started to notice these posts cropping up. None of the authors had d
充分に通用するオンラインのWebデザインスクール11選【2024年】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WebクリエイタースクールデジLIG（デジタルハリウッドSTUDIO by LIG）運営責任者の林です。 最近では未経験からWebデザイナーへの就職や転職、副業案件の獲得を目指してWebデザインスクールに通う人が多くなっています。 中でもオンラインで受講・学習できるWebデザインスクールは、「通学するより気軽に学べる」「在宅でも学べて時間の融通がききやすい」などの理由から人気です。 そこで今回は、在宅でも「充分に通用するWebデザインが学べる」オンラインのWebデザインスクールや、そのカリキュラムの特徴・料金などの比較結果を2024年7月の最新情報で紹介します。 また、通学型のWebデザインスクールと迷っている方に向けてメリット・デメリットも紹介するので、ぜひ参考にしてみてください。 💡おすすめのWebデザインスクールをもっと検討するなら！こちらで11校を比較しています 未経験からのWe
jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile | OpenJS Foundation
ProjectsjQuery maintainers continue modernization initiative with deprecation of jQuery Mobile Posted On: October 7, 2021jQuery maintainers are continuing to modernize its overall project that still is one of the most widely deployed JavaScript libraries today. jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile Authors: Michał Gołębiowski-Owczarek, Felix Nagel,
このような疑問をお持ちの方に向けて解説します。 「デザインに役立つPhotoshopって言うのが、どうやら良いらしい。」このようPhotoshop（フォトショップ、フォトショ）を考えている人も多いのではないでしょうか？ ただ、「Photoshopの代わりに使える画像編集ソフトってどんなもの？」どんなところで使えて、どんなところで手に入るのか？が気になる人も多いはず。画像編集ソフトって便利ですよね… そこで今回は現役webデザイナー視点で、「Photoshopの代わりで使えるツール」について解説します。ぜひ参考にしてみてくださいね。 PhotoshopとはPhotoshopは、画像編集ソフトです。大きな使われ方としては3パターンあって、 写真の色を綺麗に補正するお絵かきツールとして使うwebサイトのデザインを作成この3つの使われ方が多いのではないかと考えています。「フォトショ」なんて略されて
デザインチームを成長させる、効果的なデザイン批評の行い方 | アドビUX道場 #UXDojo デザイン批評はサイトや製品を改善することができる強力な手法です。この記事では効果的な批評に役立つ実践的なヒントを紹介します。 チームで働くデザイナーには多くの協業の機会があります。それは、さまざまな助言や自分とは異なる意見の収集、そして、それらを受けたやり直しの機会でもあります。 成功するデザイナーは、同僚、クライアント、上司からのフィードバックの貰い方を知っているものです。また、反論や質問を前向きに、かつ礼儀正しく行うこともできるでしょう。多くのチームにとっての重要な課題は、このような意義ある協業を促進し、誰もが成長できる安全な環境をつくり上げる手段の理解と実践です。 ここで登場するのがデザイン批評です。デザイン批評は、デザインを評価するための構造化された時間をチームに提供し、デザイナーには価値
WordPressのキャッシュ系プラグインとして、人気の高い「W3 Total Cache」の設定方法です。サーバやウェブサイトによってベストな設定方法を紹介します。また「W3 Total Cache」で不具合が出た場合の対策、削除方法もご紹介します。 「設定が難しい」と言われる「W3 Total Cache」ですが、サーバやブログに合わせて最適な設定ができれば、非常に強力なキャッシュプラグインとして恩恵を受けることができます。 特にページ数が多いウェブサイトの場合は、他のキャッシュプラグインよりサーバも安定して表示速度も上がっています。 サーバやウェブサイトに合わせて「W3 Total Cache」のベストな設定を備忘録も兼ねてご紹介します。 W3 Total Cacheがお薦めのケース W3 Total Cacheは、データベースのキャッシュやオブジェクトキャッシュなど、様々なキャッシ
エンジニアの新卒研修を受けた学びと感想 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 はじめまして。2021年4月に入社したエンジニアの齊藤初輝です。 今回はラクーンの新卒研修を受けた学びと感想について書きたいと思います。 新卒研修が作られた背景や研修のゴールなどは以下の記事をご覧ください。 ゼロから始める新人エンジニア研修 入社のきっかけ ラクーンへの入社を決断した1番の理由は、人が良かったからです。 ラクーンを知ったきっかけはエンジニア限定の逆求人イベントでした。 スライドを使って自己紹介し、お笑い鑑賞が趣味でおすすめのお笑い芸人さんの動画を紹介していました。 後日行った1次面接で動画の内容について話ができました。 正直見なくてもいい動画だったと思います。でもちゃんと見てくれていた。 ここなら自分もちゃんと見てもらえると思い、入社を決めま
![エンジニアの新卒研修を受けた学びと感想 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ea012739902a140ad36725e69ef308446fd5f76/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2022%2F09%2Fcomputer_programming_contest.jpg)
Awesome ChatGPT Prompts
🧠 Awesome ChatGPT Prompts Be my sponsor and your logo will be here and prompts.chat! Welcome to the “Awesome ChatGPT Prompts” repository! This is a collection of prompt examples to be used with the ChatGPT model. The ChatGPT model is a large language model trained by OpenAI that is capable of generating human-like text. By providing it with a prompt, it can generate responses that continue the co
Imagine you’re painting, but your canvas is a website, and your brushes, a cascade of code known as CSS. In this digital artistry, the strokes you choose – let’s call them CSS select styles – define the visual feast your audience will experience. It’s the magic behind the curtain, pulling elements together, adding a dash of color here, a sprinkle of layout there. Here’s the scoop: by the end of ou
Design System Communications
Operating a design system shares much in common with operating any product venture, from developing to supporting to marketing it. With marketing comes communications, spreading messages far and wide to engage designers and developers how they want to be engaged. Addressing their problems. Using the tools and places they observe and participate in. Marketing communications tools aren’t new. Yet, f
AI画像生成サービスMidjourney（ミッドジャーニー）を使ってwebやロゴのデザインを作ってみよう！ | ビジネスとIT活用に役立つ情報（株式会社アーティス）
デザインの生成方法 ミッドジャーニーでデザインを生成する場合は、既定のテキスト /imagine prompt を入力した後に 〇〇 design for というテキストを入力します。 〇〇に生成したいデザインの種類（Webサイト、ロゴ、雑誌など）を入力すると指定したデザインを生成できます。 webサイトデザインの生成 画面赤枠に既定のテキスト /imagine prompt の後ろに web design for (業種や職種) と入力します。 今回は例として、「農家のwebサイトデザイン」を英訳した web design for farmer と入力しました。 約1分程度で、画面赤枠のようにデザインが生成されます。 今回は入力したキーワードが「farmer（農家）」という抽象的なキーワードだったので、全てアメリカの小麦農家のようなデザインが生成されました。 前回の記
《お菓子とデザイン》ナチュラルテイストのイラストが可愛い！【FLOTO（フロート）】「バターサンドBOX(ラムレーズン)」のパッケージ♬ - ハピ活ライフ♬
こんにちわ❗ Roseberryです🙋♀️✨ 本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 落ち着いた緑色を背景に、ナチュラルなイラストが描かれている【FLOTO】「バターサンドBOX(ラムレーズン)」のパッケージについて深堀してみました。 こんな人におススメの記事です！ ・デザインが好きな人 ・お菓子が好きな人 ・プレゼントが好きな人 デザインを通して、心が豊かになるような記事を目指しています。 少しでもお役に立てたら、嬉しいです。 【FLOTO】「バターサンドBOX(ラムレーズン)」 レーズン パッケージからの気付き パッケージの配色から 商品購入先情報 まとめ 【FLOTO】「バターサンドBOX(ラムレーズン)」 Koenigさんによる写真ACからの写真 レーズン レーズンをパンに乗せて焼いてみた！という面白い記事があります。 ちょっと笑えます。い
1. なぜMACから急にフォント「游ゴシック体」が 消えるのか？普段仕事でmacOS Sierraを使用しています。Webデザインにおいて、デフォルトのデバイスフォントとして使用する機会の多い「游ゴシック体」。何故か、突然MACのOS上から消えることがあります。 原因を調べてみると、 突然、「游ゴシック体」が誤ってアンインストールした場合か、HDの容量を限界近くまで使用すると自動でフォントがアンインストールされているようです。この場合、アンインストールしたというメッセージはでてきてはくれません。macOS Sierraの仕様のようです。 確かに最近、プロジェクトが重なり、フォトグラファーさんからのデータ。クライアントさんからの広告データ、印刷ベースのデータなのでHDDを大量に使用してしまうデータのオンパレードです。実際私が作るデータはそんなに重くないのですが、届くデータが結構な容量を占めて
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本・海外のデザインシステム総まとめ【56事例＋α】｜akane
プログラミング学習サイトまとめ - Qiita
Neumorphism（ニューモーフィズム）をフォトショップ、イラストレーターでデザインしてCSSに実装する
2021-07-20のJS: Node.js 16.5.0(WHATWG Stream)、npm 7.20.0(`npm pkg`)、Ember 4のロードマップ
組織文化にUXデザインをインストールする組織パターンの実践
最新ITニュース 2022/01/06版発行 - かずきち。の日記
ノンデザイナー必見！よく使うWebデザイン用語をやさしく解説
行政サービスにおける“デザインシステム”とは何か｜haru / Goodpatch｜note
Local index - HTTrack Website Copier
How web bloat impacts users with slow devices
別のWordPressの情報をwp-loadを利用して表示させる方法
【初心者向け】Adobe XD基本の使い方を紹介！UI/UXデザインを簡単に｜Udemy メディア
［無料あり］Photoshopの代わりに使える代替フリー画像編集ソフト・ツール15選
デザインチームを成長させる、効果的なデザイン批評の行い方 | アドビUX道場 #UXDojo
W3 Total Cache（W3 トータル・キャッシュ）のベストな設定方法
Awesome CSS Select Styles You Can Use Right Now
MACから急にフォント「游ゴシック体」が 消えたら？再ダウンロードの方法。