分ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2014年7月7日~7月13日の間に見つけた記事のベスト5です。Magazinehttp://www.smashingmagazine.com/2014/07/08/breakpoints-and-the-future-websites/ブレイクポイントとWebサイトの未来と題して,新たなブレイクポイントの考え方についてまとめた記事です。レスポンシブWebデザインでは,ウィンドウのサイズによって違ったCSSを適用させます。PCとタブレットとスマートフォンの3つのサイズを想定して,それぞれのサイズでだけ適用されるCSSを設定するわけです。その切り替える境目のことをブレイクポイントと呼びます。このブレイクポイントは画面サイズで決めるわけですが,これからのWebデザインでは,コンテキスト(文脈)をブレイクポイントにすべきではないかとのこと。以下のような条件が考えられるようです。Bloghttp://blog.usabilla.com/designing-thumbs-thumb-zone/スマートフォン向けに,親指の届きやすい範囲を考えてデザインしようという内容です。古い調査結果で,しかも日本の調査ではありませんが,49%のスマートフォンユーザーが親指1本で操作しているそうです。Zone(親指ゾーン⁠)⁠」が載っていますが,あくまでも自分の指を元にした一例だとのことです。Zoneを重ねて使い勝手について考察しています。Zoneを見ると,快適に使えるエリアがかなり小さいことが分かります。Depothttp://www.webdesignerdepot.com/2014/07/whats-new-for-designers-july-2014/Webデザイナーのためのツールや素材などをまとめた記事で,新しいのものを集めています。Webアプリケーション,フレームワーク,グリッドシステム,ゲームプラットフォーム,インスピレーションリソース,Photoshopのプラグイン,テキストエディタ,フォントが紹介されていました。2014http://smashinghub.com/best-font-hosting-services-and-self-hosting-tools-for-2014.htmWebフォントをホスティングしているサービスを紹介した記事です。Fonts」以外の選択肢として,フォントサブスクリプションサービスや,フォントをWebフォントに変換するためのツールなどが紹介されています。Inspirationhttp://www.webdesignai.com/minimal-web-designs-examples/すっきりきれいなWebデザインのギャラリーです。適切なタイポグラフィ,ネガティブマージン(ホワイトスペース⁠)⁠,優れた配色などで,シンプルできれいに作られたWebデザインの数々が掲載されています。きれいなWebデザインのギャラリーそのほか,最近の記事の中から,ツールやサービスに関する気になる記事を紹介します。blockouterer!Bootstrap3ベースのモックアップを簡単に作れるサービスです。CC有償ユーザーのための無料素材サービスの紹介。Behanceからセレクトされているそうです。ニュース話題になったパクリ問題ですがすぐに解決しました。@fourtonfishhttp://simplesharingbuttons.com/シンプルなシェアボタンを作るためのサービスです。アイコンのデザインを決めるどのソーシャルメディアのボタンを作るかを決めるボタンを設置するWebページの情報を入れるといった3つのステップで簡単にシェアボタンのセットを作れます。画像アイコンの場合はアイコンがダウンロードでき,Webフォントの場合はリンクや設定の仕方が紹介されます。ステップ毎に別ページに遷移しているように見えますが,同一ページ内をスクロールしているだけです。ジェネレーターとしては,ありそうであまりなかったパターンですね。LINE公式ブログhttp://official-blog.line.me/ja/archives/1005593400.htmlパソコンでLINEにログインする際の初回ログイン時に,4桁の「認証番号」をスマートフォン版LINEで入力することが必要になりました。最近話題となっているLINEの「乗っ取り」は,どこかのサービスから流出したメールアドレスとパスワードの組み合わせを使い,パソコンのLINEでアクセスしていると思われるので,これで被害は減るのでしょう。LINEがこれだけ普及した理由の一つには,従来のWebサービスには必ず必要だったID/パスワードが不要だったことも影響していると思います。スマートフォンでスカイプを初めて使ってみようとしても,まずID/パスワードを決めるところが,IT系になじみの薄い人の場合にはハードルが高いと推測されます。機種変時にアカウントを引き継ぐためなどの理由で,LINEでもメールアドレスとパスワードの設定ができるようになっており,故障や紛失に備えて設定することが推奨されています。今はFacebook認証も使えるので,その場合はメールアドレスとパスワードの設定なしに,機種変してもアカウントを引き継げるはずです。LINE著者プロフィール芦之由(あしのよし)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.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。