Photoshopでガイドをひくのってめんどくさいよね
お前は今までひいたガイドの本数をおぼえているのか？ デザイナーならこれまでの人生で数え切れないほどのガイドをひいてきたはず。 LPデザイン、アプリのUIデザイン、スプライト画像…… Photoshop […]
5/16ページ
麻雀点数計算アプリsuzumeリリースから2年が経ちました
自作アプリ麻雀点数計算アプリsuzumeをリリースして、もう2年が過ぎました。 作っていた当時はなにもかもが初めてのことばかりで苦労しましたが非常に楽しい時間を過ごしました。 最近あまり真面目に運用し […]
デザイナーはそろそろエモい職業に回帰してもいいんじゃないか
一瞬の気の緩みから直近の3記事くらいが消えてしまって、あーあって気分になって、もうやる気出ないので、せっかくだからエモい記事でも書こうと思います。 エモいデザインをしてはいけない風潮 今でこそUXとか […]
CSS3のたった1行で要素を中央寄せにする裏ワザ
CSS3で中央寄せの技は数あれど これまでのCSS界（そんなものあるのかは知らない）では、TRBLメソッドやネガティブマージンなどを用いてモーダルなどの中央寄せを実現してきました。 幅や高さが固定でな […]
吹き出しの三角をCSSで作るのはわかったから透過させてくれ
吹き出しをCSSで作る方法はメジャーになったが透過するのが難しい teratailでこんな質問を見つけました。 画像を使用せず、画面に枠付き吹き出しをつけ、背景は透過したい。かつ、そこに表示するテキス […]
- 2016.08.16
- css, selectors, specificity, セレクタ, 詳細度,
いまだにCSSでつまずくあなたが最初に見つめなおすこと（2）
いまだにCSSでつまずくあなたが最初に見つめなおすことで自分も同じ過ちを犯しているのですが、よくある、CSSの優先順位の算出方法について。 先日新卒の子にCSSの説明をする機会があり、同僚も同席する中 […]
- 2016.08.10
- css, FileAPI, html5, javascript, jQuery,
FileAPIとcanvasを使ってアカウント画像の登録機能を作る
FileAPIで画像の選択は簡単にできる React使ってSPAを作るよ（21）の続きですが、今回はReactはあんまり関係ありません。 アカウント登録・更新のときにアイコン画像を設定できる機能を追加 […]
- 2016.07.31
- javascript, jQuery, React, spa,
CreateReactApp編（2）｜React使ってSPAを作るよ
CreateReactApp編（1）｜React使ってSPAを作るよの続きです。 CreateReactAppで構築したプロジェクトに既存のソースを移す さっそく既存のソースを移します。 とりあえずc […]
- 2016.07.29
- javascript, jQuery, React, spa,
CreateReactApp編（1）｜React使ってSPAを作るよ
CreateReactApp Create-React-Appというコマンドで簡単にReactアプリケーションを構築できるようになりました。 そこで今回は、既存のプロジェクト（React＋Larave […]
- 2016.07.25
- javascript, jQuery, jsx, React, spa,
React＋TypeScript＋jQueryの共存（4）
React＋TypeScript＋jQueryの共存（3）の続きです。 TypeScriptにしたらref属性もうまくとれない！ 今まではref属性を使って、this.refs.nameとかでref属 […]