HTMLとCSSの記述順序を意識することはデザイナーとの対話をなめらかにするという話
みなさんは記述順序を意識していますか？ こんにちは。ひらやま（@rhirayamaaaan）です。 さて、唐突ですが、Twitter でこんな質問をしてみました。 ちょっと気になったんですが、モ...
16
4
Comment0
15 search resultsShowing 1~15 results
Stocked
You need to log-in
flex-boxを使わないでおしゃれなレスポンシブカラムリストを作る
flex-boxってよくわからん 仕事でHTMLのコーディングをすると、以下のようなデザインを実装しなければならないことが多くなるのではないでしょうか。 （ZOZOTOWNのメンズシューズカテゴ...
17
19
Comment0
CSSで「余白」を制してデザイナーに好かれよう
余白を制する者はデザインを制する らしい。 いろいろとデザインの記事を読んでみても、やはり余白は大事と書かれています。 「余白 デザイン」でググってみても、記事がわんさか出てくるので、やはりデザ...
544
525
Comment4
【超初心者向け】デザイナーでもわかる！「数学」から学ぶJavaScript
デザイナーだって「動くもの」を作りたい！ デザイナーでもコーディングをすることが多くなってきている昨今ですが、やっぱり、JavaScriptとなるといまいち手が出せない…なんていうデザイナーの人...
21
22
Comment1
Context APIを活用して、Reduxのstate管理から外したAccordionコンポーネントを作る
どんなところでも開いたり閉じたりしたい Webでは結構おなじみになっているものかと思いますが、「もっと見る」ボタンをポチッと押したら要素がべろーんと出てくるようなものをAccordionなんてい...
11
16
Comment0
【このご時世にjQuery!?】まさかのjQuery+webpack+babelでマンスリーカレンダーを作ってみた
このReactのコード、jQueryで書いたらどうなるんだろう… ふと、Reactを書いていてそんなことを思いました。 ここ最近Reactも主流になりつつあり、仕事でもReactを書くことが増え...
33
24
Comment0
Atomic Designってデザイナーには難しくない！？という話
Atomic Designってむずくないすか？ なんか、良さそうなのは分かるんですよ。 UI要素を最小単位まで分解して、それを共通化して再利用性を高めて工数減らしていこうぜ！ということなのは分か...
520
416
Comment1
HTML/CSSをもう少し極めたいデザイナー／エンジニアに伝えたい「3つ」のこと
デザイナーにもエンジニアにも取っつきづらいHTML/CSS 結構嫌われ者ですよね。HTMLとCSS。 デザイナーからは「え、コードじゃん。やだわ。」とシンプルに言われたり、エンジニアからは「CS...
73
80
Comment0
create-react-appとTypeScriptでサラッと作ったSPAをgh-pagesにスルッとデプロイすっぞ！
SPAを手軽にリリースしたい！ 昨今、ReactとかでサラッとSPA作ってる人多いじゃないですか！？ フロントエンドエンジニアでガンガンJS書いてて〜〜とかじゃない人でも日本語のドキュメントを少...
11
20
Comment0
TypeScriptでimport React from 'react'って書きたい！
書いてみる import React from 'react'; すると以下のエラー出る。。。 Module '"~~~~/node_modules/@types/react/index"' h...
32
13
Comment0
Atomic Designの小さな"Atom"をガチで真剣に考え抜いて実装する話
Atomを作ったことありますか？ 以前、「Atomic Designってデザイナーには難しくない！？という話」という記事を書きまして、大変反響があり、今でも時折いいねをいただいていて大変嬉しく思...
143
114
Comment1
TypeScript + React で作る checkbox の checked と defaultChecked を型で「排他」にしてエラー検知しやすくした話
checkbox を React で書いたことありますか？ ちょっとサンプルを書いてみたので、ご覧ください。 checkbox.tsx import React, { FC } from 're...
90
60
Comment2
叩きまくられる「非同期のリクエスト」を自作の「throttle」で間引いてみた
throttle/debounce というのをご存知ですか？ 私は知りませんでした。笑 今では、position: sticky;、intersectionObserver、media quer...
2
1
Comment0
大阪府独自の自粛基準となる「大阪モデル」にある「7日間移動平均」という考え方を「お絵かきアプリ」の作成で活用した話
こんにちは。ひらやま（@rhirayamaaan）です。 現在、新型コロナウイルス感染拡大防止のため、緊急事態宣言が発令されています。（2020/05/09 現在） 自粛が続いている中ではありま...
2
0
Comment0
OOUI の考え方を拝借して Atomic Design を再考してみる話
こんにちは。ひらやま（@rhirayamaaan）です。 この記事は、GLOBIS Advent Calendar 2020 に参加している記事です。 さて、Atomic Design という言...
24
10
Comment0
15 search resultsShowing 1~15 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles