2023年もあと数日ですね⛄️🎍 毎年この時期になると、その年に印象的だったサイトをご紹介する記事を書かせていただいていましたが、なんと今年は、僕だけではなく、日頃からWebデザインへのアンテナの感度の高い『8組のゲスト』をお招きした特別企画をお届けします。 毎年楽しみにしていた方も、初めて見てくださる方も、 S5-Style Presents 「2023年総まとめ 特別版」をお楽しみください！😃 それでは、まずこちらの方からからです！ -- 01 平尾 誠 (ARUTEGA Inc)👤💬 素晴らしいサイトの中から、題材が難しいサイトや、情報設計が秀逸なサイトを気づいたら選んでいました。今回の企画に参加するにあたり、普段からいろんなサイトに追いつきたくて、モチベーションをいただけている事に気づけました。 株式会社HA-RUhttps://ha-ru2017.co.jp/島根のダクト
Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary? I started to notice a few use-cases where using position: absolute isn’t needed. I found this interesting and I thought about documenting the use-cases that I usually came through while working on front-end projects. In this article, I will explore a few use-cases that using absolute positioning
AtomicDesign 境界線のひき方
AtomicDesign はコンポーネント粒度の指標として共有し易く、多くのプロジェクトで採用されています。しかしながら、その設計概念が先立ってしまい、いくらかの課題を抱えている場合があります。 1.影響範囲が特定しにくい 2.依存関係が特定しにくい 3.汎用性が低くなりがち 4.汎用性の高低が判別できない 多くの場合「粒度」だけを基準にしてしまい、横断的コンテキストに「早期区分」 してしまっていることが直接的原因です。 「関心範囲の広さ」区分 アプリケーションを構成するモジュールは「関心範囲の広さ」で区分を行うことが鉄則です。次の２つのhelper.tsを見てください。全く同じ関数が定義されていたとしても、どこで利用される想定のものなのか、すぐに判別できますね。utilsは、プロジェクト内で横断的に再利用される可能性が高い（関心範囲が広い）ものが集約されます。 AtomicDesign
THE TOKYO TOILET
トイレは日本が世界に誇る 「おもてなし」文化の象徴。 渋谷区の17カ所で、順次公共トイレが生まれ変わっていきます。 それぞれのトイレには、 世界で活躍する16人のクリエイターに参画いただきました。 個性豊かなトイレをぜひご覧ください。 安藤忠雄 伊東豊雄 後智仁 片山正通 隈研吾 小林純子 坂倉竹之助 佐藤可士和 佐藤カズー 田村奈穂 NIGO® 坂 茂 藤本壮介 マーク・ニューソン マイルス・ペニントン 槇文彦 （五十音順）
KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN COSMETICS WRAPPING BOTTLE SHOP KITCHEN CO
さまざまなキャンペーンに参加して、 楽しみながらお金がもらえます。 歩くだけでお金がもらえたり、ゲームプレイでお金がもらえるなど、Web3と呼ばれる新しい分野がいま盛り上がっています。arigatobankでも、アプリ内のキャンペーンに参加したり、ゲームで遊ぶことで、お金をもらえます。もらったお金は、世界中のVisa加盟店ですぐにお買い物に使えます。 ＊ 当社の電子マネー（ARIGATOBANK残高）として受取れます。受取り金額によっては本人確認が必要になる場合があります。
アイデアの宝庫！参考にしたい最新ウェブデザイン30選
ウェブデザインを作成するとき、アイデアが足りず、頭を抱えることもあるでしょう。 そんなときは、他のウェブサイトをのぞいてみましょう。 理由はずばり、インスピレーションを得られるのはもちろん、最新のデザイントレンドや人気テクニックを知るのに最適だから。 どのようなレイアウトや配色、フォントを使うべきか、ベストプラクティスを実例から学ぶこともできます。 この記事では、話題となっている最新ウェブデザインを国内外からセレクトしてご紹介。 ウェブデザインを改善したいひと、ウェブサイトをこれから作りたいというひとには、ぜひ参考にしてみましょう。 アイデアの宝庫！見逃せない最新ウェブデザイン30選 Hotel 23 南米コロンビアになる、建物全体が植物で囲まれた、ボタニカルなブティックホテルの公式サイト。 Unseen Studio スクリーン上でマウスが通過した部分は、時空が歪むような、ユニークで未来
Why designers should move from px to rem — and how to do that in Figma
If you are anything like me, you happily used Pixel (px) in Sketch and Figma during the past years without thinking much about it. It is the unit they gave me. Surely it is correct, and if not, the development team can fix that, no? Plus, there are a lot of people saying my design should be pixel perfect, right? Not quite (unless you interpreted “pixel perfect” as avoiding half-pixel). Let’s get s
THE FIRST TAKE
TFTのWHITE STUDIOの写真が大きくあしらわれたバックプリントデザイン。 フォトグラファーの長山一樹が撮影。 Tシャツボディは身幅を大きくとったビッグシルエット仕様。 着丈を抑えることで野暮ったさを軽減し、スッキリとした印象に。 肩のラインも落とし、袖も肘にかかるライン。 首元のリブには、耐久性の高いダブルステッチを採用しました。 セミコーマ糸を使用し、なめらかな質感と耐久性を実現しています。
we all have too many tabs open in our browsers & our brains. that’s why we made Recess: to help you relax & unwind
デザコレ運営に関してのお詫び
株式ワンズマインドが運営している「デザコレ」は、2024年2月28日をもちまして運営を終了いたしました。 同サイトは、「比較ビズ」の集客を目的として立ち上げたサイトとして、弊社が運営しておりました。 しかしながら、架空のキャラクターを用いていたこと、他社様のホームページ制作実績を紹介する際に、十分な配慮がなされていなかったことに対して、該当企業様及び制作会社様、また関係者の皆様に、多大なご迷惑をおかけしたことを深くお詫び申し上げます。 また、架空キャラクターの写真につきましても、規約違反の状態で利用をしておりました。この点についても、心からお詫び申し上げます。 このような事態を受け「デザコレ」の運営は終了とし、また今後、社内で同様の問題が発生しないよう、改めて既存の運営サイトの再調査 / ガイドラインの徹底などを行う所存でございます。 連絡先：info@dezacore.jp
あなたは、何が好きなんだろう。 あなたは、どんなことに心を動かされるんだろう。 あなたはこれから、どんな未来を生きていきたいんだろう。 学ぶこと。 それは本来、他の誰かに強いられることではないと思います。 心がワクワクするままに、思い描いた未来をめざして。 自分から、夢中になって、知恵や知識を吸収し続ける。 そして、学びから得た力をもとに、どこまでも自分らしく、 自由に生きていくこと。 それこそが、あるべき学びの姿なのだと思います。 日本が、そして世界中が、 自分らしく学ぶ人であふれる社会になってほしい。 そんな想いから私たちは、 データと、テクノロジーと、人の力を融合した 新たな学び体験を世の中に提案・提供し続けています。 もっと自分らしく学ぼう。 もっと自分らしく生きていこう。 スタディサプリは、 学ぶ人、学びを支える人に寄り添い、 自己実現の最大化をサポートしていくサプリメントです。
やさしさがめぐる経済へ 一人ひとりがワクワク働くチーム。 ずっと使い続けたくなるモノやコト。 その両輪をデザインすることによって 人や社会や地球に愛される 会社や組織を増やし、 やさしさがめぐる経済の実現を目指す。 KESIKIは日本から世界へ、 その輪を広げていきます。
この記事は enechain Advent Calendar 2023 の18日目の記事です。昨日は okp さんの「経験が裏目に？！大手IT企業出身PdMが3カ月で学んだこと」でした！ はじめに なぜ、今ダークモードか ダークモードおさらい ダークモードの歴史 ダークモードって意味あるの？ 省電力の効果について 文字が見やすい＆目への負担が少ない ダークモードの利用率 各サービスのダークモードの実際 2023版 X Gmail ミュージック & App Store Instagram iSPEED ダークモード未対応のアプリ＆ダークモードのみのアプリ ダークモード未対応のアプリ ペイ系 ショッピング系 ダークモードのみのアプリ ダークモードの行方 まとめ はじめに 私はenechainのプロダクトデザイナーで、デザインマネージャーの近藤です。今年の10月に入社しており、もうすぐ3ヶ月が経
Arent | 建設DX・コンサルティング・新規事業創出
Lightning BIM建築/構造作業をなくして、創造性をのこすBIMの進化をリードするソフトウェア 「Lightning BIM 自動配筋」は構造解析、構造図作成、納まり検討、施工図・加工帳作成など、すべてのフェーズにおいて時間と手間がかかる配筋業務を楽にするためのソフトウェアで、グローバルCAD「Autodesk Revit」に準拠し、国内ニーズにも応える仕様となっています。 webサイト PlantStreamプラント/配管プラント/プロセス「職人の知は、アルゴリズムへ」 プラント業界には、人的負荷や環境負荷など、設計にまつわる深刻な課題が手付かずのまま残っていました。自律型CADの開発と提供によって、その決定的解決を世界にもたらすことを目的にPlantStreamは始動。熟練エンジニアノウハウをアルゴリズム化、作業のデジタル化に成功。従来の配管作業は1本につき４時間掛かっておりま
Flim
💡 The perfect tool for inspiration!
今年の3月3日にUIリニューアルのお知らせがありました。私はエンジニアとして、開発面をサポートするツールの導入やフロントエンドの実装を担当しました。 UIリニューアルに至った理由として、デザイナー組織が誕生したことが上げられます。今までは専業のデザイナーがおらず、デザインカンプもない状態でした。そして、組織の体制が変わるにあたって、エンジニアとデザイナー間での開発フローを最優先で整える必要がありました。 そこで、デザイン・開発フローの一例として、Style DictionaryとStorybookを導入してデザイントークンを連携したmicroCMSの事例を紹介致します。 概要UIリニューアルをするにあたって、FigmaにmicroCMS Design Systemとしてデザインを作成して頂きました。(サムネイルがすごいいい感じだったのでシェアします) Figma上では、管理画面の各ページ毎
MOHEIM
We used cookies 当サイトでは、サービス向上およびお客様により適したサービスを提供するため、クッキーを利用しています。
https://basicons.xyz/
高速デザイン室｜食品パッケージ・ブランディング
私たちは「食」の意匠を考える デザインファームです。 1966年創業。株式会社高速は、 食品軽包装資材の専門商社です。
LAFNE Eto Building 1F, 2-1-4 Mizuhiki, Atsugi City, Kanagawa Prefecture 現時点では、ご来店を楽しみにしていただいている方もいらっしゃることから、感染防止策を徹底し、開催させていただく予定です。 開催にあたり、MARNONの新型コロナウイルス感染への対策と、お客さまへのお願いをお知らせいたします。下記ご一読のほどよろしくお願いいたします。 ■MARNONが取り組むこと ・除菌清掃 ・会場の換気 ・接客スタッフのマスク着用 ・接客スタッフの検温 ・最低限のスタッフ配置（1～2名体制） ・予約は1時間につき2枠に限定 ※予約枠はお一人あたり1時間ございますので、ゆっくりとサイズの選択や色選びをしていただけます。 ■お客さまへのお願い ・1時間に一度換気をさせていただきます。 【！開催中止になる場合がございます！】 今後の政府
pictureタグ・srcset属性の使い方を分かりやすく解説！【検証用デモページあり】 更新日：2024/05/10 Webサイトのコーディングで、画面幅によって表示させる画像を変更したいとき、どのように対応していますか？ 今までは .pc-only / .sp-only といった表示切替用のクラス名を用いて対応するのが一般的でした。 しかし、この方法では画面幅関係なくどちらの画像も読み込まれてしまうため、表示速度が遅くなる原因になっていました。 また、HTML・CSSにそれぞれ記述が必要で、複雑な切り替え方をしたいときに管理がしにくいという問題もあります。 そこで、今回ご紹介するpictureタグとsrcset属性の出番です。 pictureタグとsrcset属性を使うと、デバイスに応じて最適な画像だけを読み込むようにできるので、不必要な画像が読み込まれる心配はありません。 HTML側
日本のWebサイトでよく使われるフォントまとめ
ブログ HubSpot日本語ブログでは、世界中のHubSpotの知見を活かし、日本のビジネスパーソンの課題解決に繋がるような情報を提供しています。
Welcome to the CodingBit IT Solutions We are growing IT company. We work with you as a team to help you to develop your company's growth and to help you to build your business strategy. We provide customized and personalized solutions for all sizes of companies and all industry sectors. We aspire to serve our customer by providing World Class Software and Information Technology Services. We are a
Synflux is a speculative fashion laboratory to envision a great transition from polluting mass production to an update for an optimized ecosystem empowered by planetary-scale computation.
We are an Art Collective that reinterprets Japanese well-being and conducts co-creation and inquiry. We open our Meditation Room in Kyoto, which serves as an experimental Teahouse for a limited time each month. 私たちは、日本らしい well-being を “well-down” と再解釈し、集団的創造と探究を行うアートコレクティブです。 嗜好品を通して自己と出逢う実験店舗として、拠点でもある京都西陣の瞑想室を毎月期間限定で公開しています。
人類の存続に関わる問題として捉えられている環境問題や地球温暖化。主な原因である温室効果ガスを削減すべく、再生可能エネルギーやカーボンニュートラル、水素エネルギーなど様々な分野でのイノベーションが求められています。
tacto is a design firm that creates experiences with stories.
内外礦油株式会社
内外礦油は、神戸市内を中心としたガソリンスタンド事業を主として、重油・灯油・石油潤滑油等の直販、家庭用・事業用ボイラー、給湯器、エアコンなど住宅機器の販売施工を行っております。
ヴェゼル | Honda
人間がゲシュタルト（形態）を見る際に、全体像から見て近くに並んでいるものを無意識にグループとして理解したり、閉じているものをセットで認識する傾向を言う。「ゲシュタルト」はドイツ語で「形態」を意味する。 1910年にチェコ出身の心理学者 Max Wertheimer マックス・ヴェルトハイマー らを中心に仮現運動というアニメーションの研究が始まる。それを基に1923年「ゲシュタルト原則」の基礎となる6原則（近接・類同・連続・閉合・共通運命・良い形）が発表された。 2つの思考モードとの関係 人間の脳には「直感的で速い思考（システム1）」と「論理的で遅い思考（システム2）」がある。（参照：2つの思考モード） 「ゲシュタルト原則」は形を全体像から直感的に捉えるということで、システム1に関連している。 グループと認識する要因は10以上ある ゲシュタルト原則は、無意識に見てしまう「見方」に関するさまざ
株式会社永井興産 | 当社は、家具・インテリアの自社ブランド展開やOEM受託・PB企画開発を行っております。皆様に安心・安全にながく使っていただきたいという想いを胸に、高品質の商品をいつまでも変わらないお求めやすい価格で提供し続けます。
お客様が安心安全に、ながく使っていただけるよう尽力し続けます。そして、その創業当初から変わらず磨き上げてきた品質を、いつまでも変わらないお求めやすい価格でご提供いたします。
アップロード後ワンクリックで公開！PowerPoint or GoogleSlidesをアップロードすると、30秒程度でwebサイトへの変換が完了します。アップロードが完了すれば、ワンクリックでwebサイトの公開が可能です。 ソースコード書き出しで柔軟な開発も可能！アップロードしたwebサイトは、ソースコードを書き出して、Slideflowのプラットフォームに縛られない開発が可能です。ソースコード書き出しをしておけば、Slideflow解約後でも自社サーバーにアップロードし直すなど、柔軟な運用することが可能です。
SIGN UP FOR OUR NEWSLETTER FOR 10% OFF YOUR FIRST ORDER! (overseas customers only)
Kith Tokyo
Please note, that you are being redirected to Kith Europe. The contents of your cart will not be redirected. If you return to Kith.com, your cart contents will still be retained. Continue
一般社団法人イシノマキ・ファーム
高橋 由佳 代表理事 宮城県仙台市出身。精神保健福祉士・職場適応援助者（ジョブコーチ）。日本ファンドレイジング協会准認定ファンドレイザー。LEGO SERIOUS PLAY認定ファシリテーター。二輪メーカーに所属し、レースに参戦。その後、教育・福祉分野の専門職を経て、2011年、こころの病を持つ人たちの就労・就学支援を行うNPO法人Switchを設立。16年には、「ソーシャルファーム」を理念とした就農支援の一般社団法人イシノマキ・ファームを設立。 加藤 善春 理事 宮城県美里町出身。ヒントワークス合同会社 代表。大学卒業後、様々な会社を経て、2011年にセールスフォース・ドットコムに入社。100社を超える企業のIT活用を支援してきた。同社在職中に、震災復興ボランティアを通じて、代表理事の高橋と出会う。2018年に同社を退職し、独立。現在は、経営者のよき相談相手として、中小企業の事業構想や事
AboutAn international digital design studio reimagining how people connect with brands. We're a small team of curious humans who create work we're proud of for people and brands we believe in. With collaboration at the heart of every project, we identify what skills are required and then bring the best people together to create something truly extraordinary. Combining strategy, branding, web desig
Digital Connectは、全員が“コンサルタント“です。 変化の時代のなかで“個の力“を活かすとともに、 チームで高め、育てあう環境があります。 個が活躍し挑戦することで、 一緒に新たな価値にConnectしていく、 そんな仲間を待っています。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2023年総まとめ】特に秀逸だったWebサイト｜9組のキュレーターでお届けする特別版｜S5-Style
Less Absolute Positioning With Modern CSS
スマホとつないで新しいラベル体験を。「テプラ」PRO "MARK"｜キングジム
arigatobank｜ 楽しいコトが、お金に変わる。
Recess | Calm Cool Collected
学びを、もっと、新しく。 | スタディサプリ BRAND SITE
KESIKI INC.
ダークモードを巡るあれこれ：ダークモードの明るい未来 - enechain Tech Blog
Style DictionaryとStorybookを使ったデザイントークンの連携フロー
MARNON マルノン｜オーダーパンプス・ウェディングシューズ
pictureタグ・srcset属性の使い方を分かりやすく解説！【検証用デモページあり】 | 東京のホームページ制作 / WEB制作会社 BRISK
Best Website Designing Company in India | CodingBit
Synflux - A Speculative Fashion Laboratory based in Tokyo
Ochill
明治理工ラボ | 明治理工を、研究しよう。明治大学理工学部特設サイト
tacto Inc. | Experience Design Consultancy
https://www.city.hitachi.lg.jp/top/topimage/p084633_d/fil/sicho.png
ゲシュタルト原則（ゲシュタルトの法則） | UX TIMES
Slideflow | パワーポイントで作るwebサイト制作ツール
東洋スチール株式会社 | TOYO STEEL Co., Ltd.
http://www.codingbit.com/ecommerce-details
Dash Digital Studio | Engage. Connect.
Digital Connect | デジタルコネクト
xtech.nikkei.com
www.bigboss-financial.com
s.kabutan.jp
kinebiotoriyose.xblog.jp
jp.motorsport.com
togetter.com