You’ll see a drop-down navigation menu in many websites. It is easy to follow if it’s categorized clearly, and also web designers like to use it because we can save the spaces. However, normal drop-down menus cannot be accessible by tab key. Let’s think about drop-down menus by accessibility perspective.
続きを読む

多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います！
続きを読む

約2年半ぶりにWebクリエイターボックスのテーマをリニューアル！という事で、変更点をザックリと紹介します。とは言え全体のデザイン自体はあまり変わっておらず、細かいところや内部の修正・更新がメインとなっています。ちなみにブラウザーはChrome, Safari, Firefoxの最新版、IE11対応。Webクリエイターボックスに訪問するユーザーで、IE10以下を利用の割合は1.5%をきっていたのでバッサリ捨ててます。古いブラウザーを利用の方はアップデートしましょう ;)
続きを読む

レストラン、居酒屋、カフェ、バーなどなど、国内だけでも数えきれないほどの飲食店が存在します。そのため、飲食店のWebサイト制作を経験したことのある、またはこれから制作予定のデザイナーさんも多いのではないでしょうか？そこで今回は特にレストランにスポットをあてて、必要な要素や制作ポイントを考えてみようと思います。
続きを読む

「デザインのアイデアが浮かばない…」「今人気のデザインはなんだろう？」なんだか行き詰まったなーと感じたら、息抜きも兼ねてデザイン系のコミュニティーサイトを覗いてみましょう。多数の洗練されたデザインから刺激を受けることができます。とは言えいつも眺めているだけではなく、その輪に入ってみると、また違った角度から作品を見つめることができますよ。今回はフォローやお気に入り機能のある、デザイナー向けのコミュニティーサイトをいくつか紹介します。4月から新しく入った新人さんも必見！自分用のノートだと思って少しずつ投稿してみましょう。
続きを読む

今年も残りあとわずか！一年間お世話になりました！Webクリエイターボックスも間もなく4周年！毎年思いますが早いですねー。という事で2010年、2011年、2012年同様、Webクリエイターボックス内でよく読んでもらった記事トップ10などを紹介しようと思います。いくつ覚えて頂けてますかね？ :3
続きを読む

11月23日にロンドンで開催されたWordCamp London 2013に参加してきました！WordCampとは世界的に大人気のCMS「WordPress」のイベントで、WordPressをもっと知ってみんなで盛り上げようZE！というカンファレンスイベントです。いろんなお話が聞けて、さらにたくさんの人と出会えてとっても楽しめたので、ザックリとですがレビューしてみます。
続きを読む

I joined WordCamp London 2013 on November 23rd 2013 in London! WordCamp is a conference that focuses on everything WordPress which is one of the most popular CMS in the world. I had a great time to know new ideas and see nice people there, so I would like to write review about it.
続きを読む

私達Webサイトの制作者は、常に英語と関わっています。なぜならHTMLコードやプログラミング言語は英語をベースに作られているからです。そのため、Web業界界隈では英会話上達方法についてのブログ記事がよく話題になります。しかし、本当に英会話って必要なんでしょうか？海外の企業に就職するのであれば、英会話は必須ですが、日本にいるWeb業界の人達はどうでしょう？
続きを読む

どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。
続きを読む