この記事は、2016年4月13日の記事を再編集したものです。 これからWebデザイナーとして働く方に確実に知っておいてほしい知識の1つに「マテリアルデザイン」があります。 2014年6月にGoogleが発表したマテリアルデザインは、現在Googleのほとんどのサービスに適用されており、採用する企業も徐々に増えています。 参考： Google の新しいデザインガイドライン「Material Design」｜クラスメソッドブログ AndroidやYouTubeなど身近なサービスに適用されているため、殆どの方が目にしたことがあるかと思いますが、マテリアルデザインの定義について、明確に理解できている方はどのくらいいるのでしょうか。 「わかりやすさ」を追求した結果生み出されたマテリアルデザインは、デザイン設計において非常に参考になる要素が多数含まれています。 マテリアルデザインを採用するしないに関わ
2014年度現在の、最新のOSやブラウザに対応したfont-familyのセットアップです（游書体も記述しています）。今やWebフォントの時代ですが、日本語の本文などには、まだローカルフォントの使用が必要なのではないでしょうか。 自分のために調べて用意しましたが、日本語のfont-familyを「どうしていいか分からない」「調べるのが面倒」「半信半疑ながら、Dreamweaverのプリセットを使っている」」という方は、どうぞご利用をなさってください。 古いブラウザもサポートするなら、“Complete Set for Legacy Browsers”から使用をしてください。AndroidのRobotoやDroid Sansを記述したゴシック体セット“Sans Serif Set for Legacy Browsers and Android”も用意しました。 仕様や目的、デザインなどに応じ
Android is an attractive platform for developers, but not all designers share our enthusiasm. Making an app look and feel great across hundreds of devices with different combinations of screen size, pixel density and aspect ratio is no mean feat. Android’s diversity provides plenty of challenges, but creating apps that run on an entire ecosystem of devices is rewarding too. Android is an attractiv
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
1. jQuery Mobileバレしない モバイルサイトの作り方 2012/10/20 ICT ERA + ABC 2012 東北 Toru Yoshikawa ( @yoshikawa_t) 2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t C.A.Mobile Web先端技術フェロー html5j.org/HTML5とか勉強会スタッフ Google API Expert ( Chrome ) 日本jQuery Mobileユーザー会 Sublime Text 2 Japan Users Group allWebクリエイター塾/jQuery Mobile担当講師 Blog: http://d.hatena.ne.jp/pikotea/ 3. 著書 「jQuery Mobile パーフェクトガイド」 「HTML5ガイドブック 増補改訂版」（共
レスポンシブ・ウェブデザインではなく振り分けを行うメリット 最近、RWD（レスポンシブ・ウェブデザイン）というテクニックが話題になってますね。 レスポンシブ・ウェブデザインとは、ザックリと説明するとブラウザの解像度などに応じてCSSのMedia Queryなどで適用させるCSSを変更してレイアウトやビューを変更する方法です。 逆にPC用とスマホ用のサイトを作成して、User-Agentなどで切り替える方法を振り分けというようです。 個人的にはどちらも一長一短なので、サイトの目的やターゲット、予算などに応じてチョイスすればよいと思ってます。どちらの手法のほうが優れているかっていうのは目的によって変わると思っているので、ここで宗教戦争をする気はありません。 さて、本題ですが「レスポンシブ・ウェブデザイン」 vs 「振り分け」の議論で「振り分け」のメリットして語られないことが多いことで、スマート
ブルーです。 先日のWordBench Kobeの「レスポンシブデザインやるなら座談会」に出席しました。主に経験者がどんどん発言してレスポンシブデザインで困ったことやAndroidの不思議仕様、レスポンシブデザイン案件でのディレクションの進めかたやAndroidの不思議仕様、実機確認どうしてるの？という疑問、あとAndroidの不思議仕様などについて情報交換しました。マジviewportの指定通りに動かないとかヤメテ。 その中で、これからレスポンシブデザインを提案してみようと思っている方から、「レスポンシブならプラス○万円、UA切り替えなら○万円、みたいな相場観はありますか？」という質問が出たのですが、個人的にはこういうオプション的な考え方では無理だと思います。 理由のひとつは、もしオプションとして提示してしまうと、「予算の関係で不必要って言ったけど、やっぱりスマートフォン必須ということに
ついにスマホ検索にモバイルマークです。 まだ全てのアカウントではないそうなのですが、ついにスマホ検索にもモバイルマークが登場です。レスポンシブWebデザインなサイトや、リダイレクトの場合でも大丈夫で、かなりイイ感じです。 動的スマホページでもOK TOP画像です。WordPressでKtai Style プラグインで、動的にモバイルに書き換えてますが、モバイルマークは出ました。 レスポンシブWebデザインでもOK レスポンシブWebデザインでも、モバイルマーク出ますね。 リダイレクトなスマホ対応でもOK こちらは、スマホだとサブディレクトリにリダイレクトさせるショップ。それでもしっかりモバイルマークが出てます。 ただ、サイトによっては出ていないところもあり、条件が必要なのか、これからなのか。NHKスタジオパークはモバイルマークが出てませんでしたが、ケイアイスター不動産さんはモバイルマークが
Writen by Bogdan+ / Comments Off on 10 Essential Android Apps for Web Designers Android smartphones are an useful tool not only for communication, because thanks to the thousands of free apps, you can transform your phone into a mobile computer. When you are on a go and you must solve something out but you can’t access your computer, then your phone can help you a lot. For example, if you are a we
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
