記事一覧(2ページ目)
オススメ書籍

読書の秋にぴったりな Web 初心者にオススメの書籍

不定期で紹介している読書シリーズです。自分は読書する時は電子書籍版がないと購入しません。なので、紹介する本は基本的に電子書籍です。だってその方が安いし、複数の端末にも配信できる。さらに読んだ箇所まで同期され、途中で別の端末に変えても続きからすぐに読めます。Web関連の専門書とかになると、...

Moshi keyboard cover

Macbook用キーボードカバーを装着する前にエアダスターで汚れを取ろう。

私事ですが、体調を崩し必死に抗い続けた2週間を過ごし久しぶりにフリーランスとしての危機に直面しておりました。こういう時に限って、納品前で急な対応を迫られたり、大事な商談があったりするからタチが悪い。そんな中でもいくつか記事をアップしようと画策したのですが、草稿を見た優秀な助言者に「もうちょ...

レスポンシブデザインのメディア

レスポンシブデザインで使うメディアクエリの設定方法とブレークポイント最適値について

スマホファーストでおまけ的にPC対応という案件が以前よりも増えていますが、やっぱり多いのはPC優先でスマホ表示も確保するというもの。で、このような複数デバイス間の表示を最適化する手法としては以下のものがあります。モバイル用とデスクトップ(PC)用を別々に用意してアクセスする端末で切り替え...

Andorid Chrome

【小ネタ】theme-colorタグでAndroidのChromeのタブ色を変える

ここ最近、いろんなWebサイトを見ています。いつにも増して見ています。手元にiPhoneとNexus6を置いているので、それらも駆使して見ています。そんな中、AndroidのChromeで閲覧していると、アドレスバーが通常と異なる色になるサイトがいくつかありました。どうしても試してみたくな...

Chrome extension

Web制作に関わっているならおすすめのChromeの拡張機能7選

Google Chromeの利用率は世界規模で見ると1位で、このサイトでも48%程度あります。自分も長年使い続けていますが、9月に最新版のバージョン45になって、タブをたくさん開くと消費メモリーが多くなる問題がやや改善された気がします。ただ、1点解決できないことがあり、フォーム内のテキスト...

使いやすいUIの追求

目的次第でWebデザインの方向性は変わる。成果が必要なサイトならUIが大事。

Webサイトには2種類あって、ビジュアル(見た目)重視か成果重視かという目的に違いがあると思っています。最近はスマホ案件がかなり多いですが、UI設計に携わるデザイナーとして、それぞれの目的とデザインについて考察してみようと思った次第です。ビジュアル重視のサイト運用よりも存在しているこ...

Sketch Mirror

Sketch3を使うならモバイル用デザインに最適なSketch Mirrorも一緒に使おう。

「モバイルサイトやアプリのデザイン案件が増えています。」という方が多いのではないでしょうか。私もその内の一人です。それは、Googleは2015年4月21日からスマホでの検索結果の仕様を変えて、ウェブサイトがスマホ用に最適化されているとモバイルでの検索結果に優位に働くようになったからです。

Hatena Design Hour in Kyoto

Hatena Design Hourで再確認。デザインにはコンセプトと指針が重要。

Hatena Design Hour #2 in Kyotoに行ってきました。このイベントの趣旨は「デザインを見て、デザインを学ぶ」こと。なので、デザイナー目線でのWebサービスの開発経緯や概要、デザインの考え方といった話が主です。で、スピーカーの皆さんが共通してプレゼン内でお話しされていたの...

SCSSでコントロールディレクティブを使う

初心者のためのSCSS。条件分岐のif文、反復処理for文などを使ってみよう。

SCSSを導入しようかと検討する際に、このブログの記事を参考にしてくれた奇特な方が居たそうな。どうもありがとう。で、声をいただくと書かない訳にはいかないので、条件分岐のIf文と反復処理の構文に絞った内容で書いてみようかと思う次第です。SCSSとはCSSの拡張言語です。長くなったり、...