これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、もじワク研究から待望のフリーフォント。 私はさっそくすべてのデバイスにインストールして、愛用しています。 マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マメロン」が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水
みなさん、こんちには 【watnowテックカレンダーの23日目】 今日はwatnowのしゅいが担当します よろしくお願いします はじめに 今回は普段私が資料作りなどの際に利用している デザインの参考サイト,フリーのイラストサイト,配色のサイトを紹介します 今回紹介するサイトは全て無料で利用できます デザイン参考 1,pinterest URL:https://www.pinterest.jp ピンタレストは画像のSNSのようなものでネット上の画像を自分の「ボード」に 「ピン」して集めたりできる画像をブックマークとして集めるツールです パワポデザインなどと検索してデザインのアイデアを見つけたりして マネして作ってみるのもありです 2,dribbble URL:https://dribbble.com/ dribbbleはアメリカで生まれたサービスで、招待された人しか画像の投稿ができないため
商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL！色変更可能！Web・広告・企画書・資料などご自由に！
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル] ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ
CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン 蛍光ペンのような線をひいたCSS見出しデザイン ラインを使ったCSS見出し HTML <h2 class="heading01">ラインを使ったCSS見出し</h2> CSS .heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); } 蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ね
メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。
B/43（ビー ヨンサン）は、 チャージ式Visaプリペイドカードと 家計簿アプリがセットになった 「家計簿プリカ」サービスです
Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実装は年々進化しており、さまざまなプロジェクトで使用できるシンプルで最小限のコードをまとめたスニペットをアップデートしておくと便利です。 SmolCSS SmolCSS -GitHub SmolCSSでは、レイアウトやコンポーネントを実装するCSSの最小限のコードがまとめられています。 まずは、レスポンシブ対応のグリッドレイアウト。
EVERINGが選ばれるポイント ①支払い最短1秒 財布やスマホに触る事なく、手をサッとかざすだけで決済。 ②充電ゼロ 設計を根本から見直し、充電という行為そのものをなくしました。 ③利用可能店舗 全国230万店舗で利用可能。 引き続き拡大中。店舗を見る> ④万全のセキュリティ アプリでワンタッチで利用停止。 ⑤防水 そのまま手を洗えるのでリングを清潔に保てます。
Thinking tools and frameworks to help you solve problems, make decisions and understand systems.
直帰率を下げる超シンプルな7つの方法③ スマートCTA第3のヒントは、スマートCTAだ。多くのサイトでは、訪問してきたユーザーに商品を購入したり資料ダウンロードのフォームを送信したりしてもらうために、CTA（Call to Action：行動喚起）のボタンやリンクを設置して、クリックしてもらおうとしていることだろう。 CTAを改善する最もスマートな方法は、CTA自体にランキングキーワードを含めることだ。つまり、Google Search ConsoleやMoz Keyword Explorerにアクセスして、どのようなキーワードに対して自分のページが表示されているかを調べ、そうした上位のキーワードをCTA自体に挿入するのだ。 たとえば、クレジットレポート（信用情報）やクレジットレポートのスコア取得に関するページであれば、CTAは、 カートに追加といった一般的なものではなく、キーワードを入れ
In 2020,“BLEACH”author Tite Kubo unveiles his newest story to the world.
世界史データベースの開発及び人文知領域に対する投資拡大のため、理念に共感する投資家より1.2億円の資金調達を実施 自分の生き方を、自分で選択できる時代。 人類に今、必要なのは「メタ認知」だ。 ひとりの少年の無垢な疑問に耳を貸す大人がいなければ、 今も天が動き続けていた。かもしれない。 時を流れるものから数えるものへと進める好奇心がなければ、 今も生産性という概念は生まれていなかった。かもしれない。 たったひとつの小さな気づきで、ひとりの視点が、思考が、行動が、 そして、みんなの当たり前が、歴史が、大きく変わる。 かもしれない。
シンプルに絵が巧すぎる
A form builder like no otherTally makes it simple for anyone to build free online forms. No need to code — just type your questions like you would in a doc. Unlimited forms and submissions for freePaywalls getting in the way of great forms? Here at Tally, we provide unlimited forms, submissions, and everything you need to create professional forms and surveys — all free of charge as long as you st
PowerX Hypercharger2024年新モデル。超急速充電&施設の電気代削減。
私たちは、夢をみる。 人と社会、そして地球の未来は、どうあるべきか。 その未来を現実にする、 マテリアルやソリューションとは何か。 三菱ケミカルは、社員一人ひとりの夢と理想を紡ぎ、 あるべき未来に挑み続ける、総合化学メーカーです。 WE, MITSUBISHI CHEMICAL, WILL EMBARK UPON CHALLENGES TO CREATE AN INNOVATIVE FUTURE, POWERED BY THE DREAMS AND IDEALS OF EVERY EMPLOYEE.
manaable（マナブル）は、利用ユーザー数25万人を突破した医療団体向け研修管理システムです。会員や研修から決済・受講・アンケートまで、研修管理に必要な機能を網羅。あらゆる業務の一元管理を可能にしたシステムだからこそ、お客様に合わせた革新的で最適な研修体制をご提供します。 OGPとは？ OGPとは、Open Graph Protocolの頭文字をとったもので、Webサイトのコンテンツの内容をSNSで伝える際に使用する仕組みです。例えば、SNSでWebの記事をシェアしたときに、その記事のURLとタイトル、簡単な内容やサムネイル画像がボックスにまとめられて表示されるのを見たことがあると思います。OGPはこのボックス内のタイトルは何を表示するか、URLは何か、画像は何か、といった部分を設定するために使います。 OGPの設置場所 OGPは、HTMLファイルの中のheadタグ内に設置します。me
found_total = '178idea' , update = '2024-12-27'
連載／味のマエストロ 愛と感謝とチーズ山盛り！ 「トニーズ ピザ」の アメリカンピザは ケネディへの 憧れから生まれた 2023.9.29.Fri みんなが大好きな吉祥寺の街中で、ひときわ人気を集めるレトロな店構えのピザハウス「トニーズ ピザ」。実はこのお店が創業したのは1968年。マスターの藤原亀吉さんは海外旅行が自由化される前にアメリカに渡り、本場のニューヨークスタイルのピザを学んできたというすごい人なのだ。食べれば誰もが元気になる、チーズ山盛りのピザのルーツってなんだろう？ そんなことを聞きに行ったら、話はどんどん別の方向へ。美味しいものをつくれる人って、不思議と生き方もドラマチックなのだ！ 連載／『ぼくのおじさん』インタビュー アイビーとアウトドアを ひとつにしたおじさん イラストレーター 小林泰彦の 〝ヘビアイ〟暮らし（前編） 2023.12.22.Fri ジャケットの上にマウン
北海道の自然の魅力や美しさに 耳を澄まし 目を留め、 そこから感じるたくさんの メッセージ。 それらを生かし、 素材やかたちに想いを込めて お菓子づくりをしています。 素材とおいしさにこだわった 冬と一緒にやって来る 北海道生まれの 特別なお菓子です。 冬の情景をお菓子の素材やフォルムで表現しました。 ラングドシャのカリカリ感と放牧牛乳でつくる 生チョコレートの「スノーサンド」、 生クリームのなめらかな口溶け 「スノーボール」、 繊細な食感と木々のフォルムの「森ノ木」など、 こだわりのお菓子をご用意しています。 冬の豊かなひと時をお過ごしください。
庭で採れた野菜で 友人たちとBBQしたり... 広い庭でこどもと おもいきり遊んだり... 犬や猫たちと じゃれあったり... ガレージで 趣味に没頭したり...
ICSカレッジオブアーツ（日本）と提携関係にあるイギリスのミドルセックス大学、台湾の大葉大学。この3カ国のデザインスクールによる合同卒業制作展をご紹介できることを嬉しく思います。 世界的なパンデミックの影響を受け、ICSでは学校外での物理的な展示会がキャンセルされました。代替で企画されたこのオンライン上での「ひと・モノ・空間の調和」展は、それぞれの学校で育まれた新しいデザインの才能を世界に向けて紹介するのに理想的な場所だと確信しています。自由に立ち寄ってデザイン提案の多様性・深さを体感して、お楽しみ頂ければ幸いです。
パレットの色を塗りたすように ヒト・モノ・コトの魅力をかけ合わせれば クリエイティブの力で、一人ひとりの胸を 高鳴らせる“場”をつくることができる。 私たちは、そう信じています。 どこの国でもない。どこの街でもない。 でも、いつかどこかで、こんな心躍る場が 私たちの仕事により生まれるといい。 不透明な世界のなかにあっても、 すこし先の豊かな世界が想像できるような、 そんな未来の地図をつくりました。
石川県金沢市の住宅にて、WhOの壁紙を採用いただきました。 ヘッドボード上に、アクセントとして「Chord of Time / LTCH011」を横長に展開。 落ち着いたダークトーンの中にアートを取り入れることで、ホテルライクで上質な空間になっています。 千葉県習志野市の専門学校にて、WhOの壁紙を採用いただきました。休憩スペースにはテーマカラーに沿ったデザインを選定。開口部には”金属下地”にも対応した粘着剤付き塩ビシート「WhO INTERIOR SHEET」をビニルクロスと柄続きになるよう使用。デザインが途切れず空間に統一感がもたらされています。 「千葉情報ITクリエイター専門学校」（2025年4月開校予定） https://www.o-hara.ac.jp/senmon/school/chiba_it/
お子様が1才のお誕生日に、一升のお餅を 背負う、 日本の伝統行事。 "一生"健康でいられますように、 "一生"食べものにこまりませんように、 との願いをこめて "一升"のお餅を 背負わせたり、抱かせたりします。 地域によっては「一生餅」「誕生餅」 「踏み餅」 「力餅」とよぶところも。 一升は約２キロ。 １才のお子様にはけっこうな重さですから、 お餅を背負って立てる子も、 立てない子もいるでしょう。 でも大丈夫。「背負って歩けること」を 喜ぶ地域もあれば、 「背負えずに転ぶこと」を良しとする地域もあるんですよ。 「立てても、めでたい！ 立てなくても、めでたい！」ってことですね。
撮影関係者向けのスタジオ・ロケーション検索サイト"bookmark studio" お気に入りのスペースをブックマークできることが特徴、他のスタジオやロケーションと利用料金など比較しながらの閲覧が可能です。 撮影関係者向けのスタジオ・ロケーション検索サイト"bookmark studio" お気に入りのスペースをブックマークできることが特徴、他のスタジオやロケーションと利用料金など比較しながらの閲覧が可能です。 撮影関係者向けのスタジオ・ロケーション検索サイト"bookmark studio" お気に入りのスペースをブックマークできることが特徴、他のスタジオやロケーションと利用料金など比較しながらの閲覧が可能です。 撮影関係者向けのスタジオ・ロケーション検索サイト"bookmark studio" お気に入りのスペースをブックマークできることが特徴、他のスタジオやロケーションと利用料金など
愛知県豊山町、厚木市、大阪府摂津市に製造拠点を構える有限会社KKI製造部の採用サイト。女性も活躍中！
MusubiMEは オンライン社内イベント 企画／制作／運営の ワンストップソリューションです。 推進されるリモートワークや多拠点展開でなかなか会えない会社のメンバーのために、 オンラインでのキックオフイベントや表彰式、社内セミナーを行う企業が増加しています。 『MusubiME』はこれまで真面目社がたくさんのお客様からのご要望に向き合い続けたなかで 積み上げてきたノウハウを凝縮し、新しい働き方を追求する成長企業に、更なるカルチャーフィットを提供します。
2024.12.24 低出生体重児、病気や障がいのある子。いろんな状況でがんばる仲間の集い「がんばりっこ」 ♿ 障がい
個人がもっと自由につながり、 一人ひとりがのぞむ世界へ。 新時代のデジタル技術をここから。
2024.07.26 ONLINE RISOGRAPH PRINTサービスを開始しました。スタジオにお越し頂かなくても、PRINTを確認しながら、印刷できるサービスになります。 More
DRESS UP HAIRSTYLES! お呼ばれパーティーにはセルフでできちゃう とっておきのヘアメイクで！
2.5折り財布 MINI 2 2.5折り財布という新提案 MINI 2 WALLET REVEL(レヴェル)は2007年からレザークラフトを始めた職人が、2012年に湘南の小さな工房でスタートさせたレザーブランドです。現在も湘南の辻堂という町で5人の職人で手作業で製品を仕立てています
茨城県北部にまたがる全長約320km（予定）の常陸国ロングトレイル。歴史・文化、自然、交流体験に触れる「歩く旅」の魅力を伝える特設サイトです。
© WORLD PARTY CO., LTD. AND ITS SUBSIDIARIES AND AFFILIATES. ALL RIGHTS RESERVED. 完全遮光100%※ 最強の日傘 もう、絶対に日焼けしたくない。 そんな想いに寄り添うために誕生した、最強の日傘「UVO（ウーボ）」。 2021年にオンライン限定にて販売を開始し、 わずか4年でシリーズ累計350,000本を突破。 新たなプロダクトの追加とカラーチェンジでさらに進化しました。 直営店舗・各オンラインショップにて 好評販売中 オンラインショップはこちら
東京と世界をつなぐグローバルビジネスセンターとして進化を続けてきた虎ノ門エリア。 虎ノ門ヒルズ 森タワー・ビジネスタワー・レジデンシャルタワーに加え、ステーションタワー開業によってさらに都市機能が充実。交通インフラの一体整備によって結節点としての機能も強化され、新たな活気が生まれています。 世界中から多様な人々が集い、エネルギーあふれるこの街全体を自らの家のように暮らすことができる。そんな上質なレジデンスが、東京の中心に生まれました。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[CSS設計] 破綻しにくいz-indexの指定を考える](https://cdn-ak-scissors.b.st-hatena.com/image/square/dbce8c57ca2a432036fcfcddd4de92224e9e0010/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--ksFtzPpg--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BCSS%2525E8%2525A8%2525AD%2525E8%2525A8%252588%25255D%252520%2525E7%2525A0%2525B4%2525E7%2525B6%2525BB%2525E3%252581%252597%2525E3%252581%2525AB%2525E3%252581%25258F%2525E3%252581%252584z-index%2525E3%252581%2525AE%2525E6%25258C%252587%2525E5%2525AE%25259A%2525E3%252582%252592%2525E8%252580%252583%2525E3%252581%252588%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Ahiro%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzY0ZmQ2ZmJhZjQuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E6%2525A0%2525AA%2525E5%2525BC%25258F%2525E4%2525BC%25259A%2525E7%2525A4%2525BEZOZO%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2M2MzA3N2E1OTAuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
