give IT a try

プログラミング、リモートワーク、田舎暮らし、音楽、etc.

デザイン

ブログデザインをちょっとだけ変えてみました

致命的な問題では無いけど、以前からなんとなく「直したいなー」と思っていたブログデザインを少し修正してみました。 PC向け画面 画面幅の拡大 ベースにしているテーマはEpicです。 デフォルトのままだと本文の横幅が少し狭い気がしたので、50pxほど広くし…

妻のパン屋のWebサイトを4年ぶりにレスポンシブデザインに作り替えた話

はじめに このブログを以前から読んでいる方はご存知かもしれませんが、僕の妻は兵庫県西脇市で「Coupé Baguette(クープ バゲット)」という小さなパン屋をやっています。この店のWebサイトは僕が作っているのですが、作ったのが4年前(2013年)なので、だ…

デザイナさん直伝のCSSテクニックが満載!「RubyistのためのCSS勉強会」を開催しました

はじめに さる2016年1月9日、西脇.rb&神戸.rbの合同勉強会として「RubyistのためのCSS勉強会」を開催しました。 主催者の僕自身が「参加して良かった!」と思えるぐらい有益な情報がたくさん詰まった勉強会になったので、今回のエントリではこの勉強会の内…

(翻訳)最高のフォームを作る方法 ー よくあるフォームデザインの問題に対処するためのクイックガイド

## はじめに先日ネットを見てると、こんな海外記事を見つけました。[How To Build An Awesome Form](https://medium.com/@kubachrzecijanek/how-to-build-an-awesome-form-1e9b2c1bd00d#.9bxu4a1y9) デザイン関連のWeb記事はよく見かけますが、フォームに特…

Minitestチュートリアルの表紙デザインでこだわった5つのポイント

はじめに 前回のブログでもお伝えしたとおり、2015年7月29日に電子書籍「RSpecユーザのためのMinitestチュートリアル」の正式版を公開しました。 僕は以前から技術ブログを書いたりしていたので文章を書くのは得意ですが、デザインはあまり得意ではありませ…

「エンジニア病」を抱えたあなたに効く「デザインの考え方」 ~ソニックガーデン・デザインメンター対談のまとめ~

はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザ…

妻のパン屋のWebサイトで対応した問題や開発上のTips等々

はじめに 先日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編3本目(最終回)です。 このエントリでは妻の店のWebサイトを作成する際に僕が遭遇した問題や、開発上のTipsをいくつか紹…

妻のパン屋のWebサイトを四苦HackしてIE対応した話

はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位! Mac万歳!Chrome…

「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた

はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューア…