HTMLとCSSでカレーライスを作った - Qiita
カレーライスを作りました ※スマホではバグりますすみません See the Pen カレーライス by Thugumi Ishimaru (@thugumi-ishimaru) on CodePen. どうやって作ったの この記事ではカレーライスをHTMLとCSSで作ったときのポイントをいくつか抜粋したものを紹介します。 実業務ではきっと役には立ちませんので、 「CSSってこんな表現できるんだな」・「CSS楽しい」と思っていただければ幸いです。 パーツを細かく作る カレーのカレーによるカレーのためのAtomic Designの記事で言及した、 Atomic Designの考えを元にして作りました。 Atomsの用意 にんじん じゃがいも 牛肉 切った具材 米 皿 これらをどう作ったか後ほど解説します。 （厳密には米はMoleculesですが、まぁよしとしましょう。） これらを全て組み合わせ
Media queries in React for responsive design - Material UI
useMediaQueryThis React hook listens for matches to a CSS media query. It allows the rendering of components based on whether the query matches or not. Some of the key features: ⚛️ It has an idiomatic React API. 🚀 It's performant, it observes the document to detect when its media queries change, instead of polling the values periodically. 📦 1.1 kB gzipped. 🤖 It supports server-side rendering. B
長谷川恭久さんのAutomagicに出演しました｜Hiroki Tani
長谷川恭久さんのPodcast、Automagicに出演しました。 出演させていただくのは（たぶん）3回目くらいで、僕個人としてのキャリアの節目でちょうど声をかけてもらっています。おかけで自身の振り返りだったり、あるいは自分とやっていることの価値に向き合う良い機会を毎度与えてもらっているように思います。 長谷川恭久さんのことcouldというブログは見たことがあっても、その筆者である長谷川恭久さんがどういう方なのかはあまり知られてないかもしれません。 記憶を遡ると、僕がWeb、HTML/CSSやデザインを学んでいる頃からWebのデザインの分野で活躍されていて、当時から彼のブログや書籍、セミナー講義でたくさんの学び、インスピレーションを得てきました。彼は企業の中にはいって、課題発見をし、解決のためにアドバイザーやワークショップなど形で、プロダクトデザインあるいは組織デザインに関わる仕事されてい
Building Design System for Pairs
この記事は eureka Advent Calendar 2019 14日目の記事です。 今年リリースしたPairsのスマートフォン向けWeb版のフルリニューアルについて、１開発者の視点から綴りました。 こんにちは！Pairs JP Web Teamの新（@ooDEMi）です。主にPairsのWeb版開発を担当していますが、最近はデザインシステム構築の推進もしています。好きなデザインシステムはShopifyのPolarisとAdobeのSpectrumです。 さて、皆さんはデザインシステムというものをご存知でしょうか。 ここ数年で名前をよく聞くようになったデザインシステム。 いったいデザインシステムとは何なのかなぜPairsにデザインシステムが必要なのかPairsのデザインシステムはどのように作られているのか本記事ではこれらについて語ります。 デザインシステムとは何か最近は様々な企業が自社
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
