分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2014年3月24日~3月30日の間に見つけた記事のベスト5です。Boxhttp://www.designyourway.net/blog/inspiration/how-to-design-a-great-search-box/検索ボックスのデザインについて解説した記事です。検索ボックスは芸術的にデザインするところではありませんが,レイアウトが重要とのことです。訪問者はページの上部の中央か右側にボックスを探すので,その期待通りの場所に典型的なデザインの検索ボックスを配置することを勧めています。見つけやすい検索ボックスにするとともに,入力内容を送信するボタンも明白でわかりやすくする必要があります。結局のところ,既存のWebサイトにおける典型的なパターンのデザイン/レイアウトにしたほうがいいということですね。これは検索ボックスだけでなく,Webデザイン全般にも通じる考え方だと思います。noupehttp://www.noupe.com/freebie/html-css-psd-and-more-18-free-design-resources-from-februarymarch-2014-81774.htmlWebデザインに役立つ素材を多数紹介しています。HTML/CSSのテンプレート,Photoshop形式のテンプレート,インターフェースデザイン素材に分けて掲載してありました。Bloghttp://blog.karachicorner.com/2014/03/new-mobile-ui-designs-and-concepts-for-inspiration/モバイル端末向けのユーザーインターフェイスのコンセプトデザインのギャラリーです。今ホットな分野だけあって,力作揃いです。DribbbleとBehanceから探したものですね。Fallbackhttp://dfcb.github.io/iconfont-fallback/Webフォントを使えないブラウザの場合だけ,アイコンフォントで設定したアイコン部分を画像に置換するスクリプトです。面倒ですが,代替用の画像は用意する必要があります。アイコンフォントは大変便利ですが,対応していないブラウザもあるため,このようなスクリプトを使うという方法は便利そうです。needhttp://kenwheeler.github.io/slick/カルーセル/スライダー用のスクリプトです。レスポンシブでスワイプにも対応しているのでモバイル対応もOKですし,オプションも多くいろいろなパターンのカルーセルが作れます。carousel(最後のカルーセル⁠)⁠」という名前にふさわしいスクリプトのようですね。カルーセル/スライダー用のスクリプト※指定画像がありません※そのほか,最近の記事の中から,気になる記事を3つ紹介します。指輪形ウェアラブルデバイス『Ring』が国内初披露!本当に魔法のようだったまだ開発途上のようですが,すごそうです。社長ブログデザイナーがテーマ作りに参加できるようです。Proを横にしてはめ込むようになっています。先週の気になるWebサービスDMartifyhttp://dmartify.com/DMartifyは,デジタルアイテムを売買できるマーケットプレースです。テーマ,テンプレート,グラフィックスやスクリプトを購入することができます。中にはフリーの素材もありました。カテゴリごとに分かれて,たとえば大カテゴリがテーマの小カテゴリがWordPressといったように探せるのですが,まだ始まったばかりで登録点数が少ないようです。5分で販売が開始できるということですが,手数料が70%というのはちょっと高い気もします。IThttp://it.slashdot.jp/story/14/03/25/0221249/ある人がブログで指摘したことがきっかけで,奈良市公式Webサイトの構成がひどいと話題になっています。大量のパンくずリストがページの先頭に並んでいるページが特にインパクトがあり,否定的意見が多いようです。いろいろなルートを示すことに意味があるようにも思えますし,1つのパンくずリストを残して,残りはページの最後に入れるといった改善策もありそうです。1つのページに複数のパンくずリストを入れた場合,Googleの検索エンジンは最初のものだけをパンくずリストと認識するそうです。海外SEO情報ブログちなみに,パンくずリストという呼び名は,童話「ヘンゼルとグレーテル」で,森の中で帰り道が分かるようにパンくずをちぎって置いていったことが由来となっています。これを知らないと,イラストネタの意味がわからないと思いますので,念のため。マーケットプレース著者プロフィール芦之由(あしのよし)Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。