マテリアル デザイン関連の動画に日本語字幕が付きました
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
第3回 transformプロパティ | gihyo.jp
今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]。 今後のブラウザでは、より一層のCSS3やSVG, HTML5の対応、レンダリングエンジンのスピードに焦点があてられます。いち早く、CSS3に慣れ実践的に使えるように、今から新しいセレクタも含めプロパティを勉強し実践で使えるようしておくべきでしょう。 今回説明するプロパティは『transformプロパティ』と『transform-originプロパティ』です。両方のプロパティに共通するtransform（トランスフォーム）という名前のとおり、『変形』を実装するためのプロパティです。
Material Designを見てみた - クックパッド開発者ブログ
モバイルファースト室の @kaa です。 Googleが先日IOで発表したMaterial Designについての資料を見て、元Flasherの視点で いまさら思った事などまとめてみます。 Material design - YouTube アニメーション、スタイルのページについてメモです。 レイアウトのページ以降はまた次回に。 Introduction http://www.google.com/design/spec/material-design/introduction.html メタファーは紙？ カードは紙をイメージ、という話ですが、どうでしょうか？ もし紙だったらテクスチャの質感や表示時に傾く、ゆれる演出が入るんじゃないかと思います。 四角形がゆがむことはないので紙の見え方とは少し違いますし、紙のやわらかさがないですよね これのMaterial responseとか 紙ですと均
Google Just Released Hundreds of Cool Icons That You Can Use For Free
As part of its Material Design project, Google has published a set of lovely icons, designed for use in mobile apps or whatever else you fancy using them for. And they’re free! https://gizmodo.com/what-material-design-means-for-the-future-of-android-1595976211 Just published to Github, there are 750 of the neatly designed icons. They’ll fit nicely in Android, but you could use the for anything, re
今一番気になるCSSの美しいエフェクト！インクを水面に落としたように波紋が広がり消えていく -Ripple Click Effect
Googleが先日発表した新しいUX「Material Design」の中で特に注目されているのが、タップやクリックをするとインクを落としたように波紋が広がるエフェクト。 これを実装するテクニックを紹介します。 Material Designについては、前の記事（「波紋」のアニメーションを実装するテクニック）で動画を紹介しています。 この波紋のエフェクトはあちこちのコミュニティで盛んで、その中でもここで紹介するエフェクトはかなり美しく仕上がっています。 デモではリストで配置したナビゲーションの各アイテムをクリックすると、そのクリックした地点を中心に波紋が広がり、フェードで消えていきます。 ※上記はエフェクトが分かりやすいよう、各アイテムの高さを広げています。 実際の動作は、下記ページでお楽しみください。 Ripple Click Effect from Google Material De
SEO の常識・非常識・都市伝説 (2014年版） ::SEM R (#SEMR)
SEO の常識・非常識・都市伝説 (2014年版） 2014年4月現在の、SEO のよくある勘違い・間違い・誤解・都市伝説をまとめました。 公開日時：2014年04月28日 19:12 ネット上には、SEO に関する情報があふれていますが、どれが正しくて、どれが間違っているのかよくわかりませんよね。ここでは2014年4月現在の、SEO の常識・非常識・都市伝説・過去にあった相談をまとめました。 ドメイン登録情報（whois）を変更したい。検索順位に影響はあるのか？ A：Whois 情報の変更が直接的に検索順位に影響を及ぼすことはない。Whois 情報の状態がアルゴリズムにより自動的に評価されているわけではない。 ※ セキュリティ調査等の理由で情報が参照される場合はある 会社名（商号）が変更されることになったが、順位が落ちてしまう恐れがあるので whois 情報の会社名は古いままにした方が良
Googleからペナルティを受けずに、正しいSEOを行うには？ インハウス、外注どちらがいい？ | Web担当者Forum
渡辺：ここ3、4年のGoogleは賢くなってきています。以前は、SEOの観点でいうと「外部リンク」「サイト内ナビゲーション」を最適化することが必要と考えられていました。しかし、今までは、こちら側がやらなければいけなかったことを、Google側が自動的に処理してくれるようになってきました。ビジネスの観点でサイト運営をすれば、結果的にSEO的にもプラスになることが増えてきています。 一方、検索をする側の視点で検索結果を見ていると、「いつもこのサイトが出てくる」ってありますよね。「この話題に関する情報なら、必ずこのサイトが出てくる」というような、ある分野で強いサイトは、ずっと強いということが顕著になってきています。 また、検索される需要に合わせて検索結果を変えているのではないか、と取れる検索結果が増えてきたと感じています。 たとえば、2、3月の検索キーワードでは「引っ越し関連のキーワード」「バレ
なぜデザイナーはボタンをあと3ピクセル左に寄せるべきなのか？
by Ugo Cristofori デザイナーにとってデザインのディテールは非常に気になるところですが、デザイナー以外には違いがあまり伝わらず「ボタンを3ピクセル動かすだけで製品が改良されるの？」と言われたりします。しかし、プロダクトデザイナーとしてGoogle Venturesで働いているBraden Kowitzさんは「それでもデザイナーは細部にこだわるべき」として、細部までこだわるべき理由と、他の人たちにそれをどう伝えるべきかのテクニックについて語っています。 Why you should move that button 3px to the left | Google Ventures http://www.gv.com/lib/design-details ◆デザインは外見のためだけに行うのではない by Bytemarks ・ディテールを適切にすると信頼感が増す 顧客がオンラ
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス ::SEM R (#SEMR)
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス Googleが検索エンジンに配慮した無限スクロールの導入方法を公式ブログでアドバイス。クローリングできるようページ分割したものを用意するのが原則。プログレッシブ・エンハンスメントを前提に設計しよう。 公開日時：2014年02月14日 02:16 米Googleは2014年2月13日、検索エンジンフレンドリーな無限スクロール（Infinite Scroll）の導入方法についてのアドバイスを公式ブログに掲載した。John Mueller, Maile Ohyed, Joachim Kupkeの3人による上級者向けの投稿だ。 本記事では、翻訳ではなく、軽く Google のアドバイスの要点を押さえつつ、私個人の意見を述べていく。 無限スクロールとは Twitter や Facebook でも導入されているので既にお馴染みか
SEO対策 | エンジニアでも知っておくべき7つのチェックリスト | tech.kayac.com - KAYAC engineers' blog
この記事は tech.kayac.com Advent Calendar 2013 23日目の記事です。 こんにちは！最近rubyを書かせていただいております@yumiyonです。 技術の話が続きましたので、今日は変わってSEO（Search Engine Optimization）の話をしたいと思います。 創ったサービスは、なるべくそのサービスに関連するクラスタの方々に知って使ってほしい . . . ！ と思うのは世の常です。 というわけで、わたしが普段Webサービスを創るときにチェックしている「最低限」気にするべきSEOのチェックリストをご紹介いたします。（2013年12月現在時点での内部施策） 目次 検索エンジン向けのXMLサイトマップを作成する パンくずリストを作成する 狙いたいキーワードに沿った適切なページタイトルを設定する 1ページ1テーマを徹底する サイトの表示速度は最大限に
ウェブサイトで使用されている名コピー（登録やシェア、商品の特徴、注意書きなど）のまとめ -Content Snippets
いくらデザインが素晴らしくても、コンテンツのコピーテキストが貧弱だと魅力的に見えません。良いコピーは分かりやすく、そして効果的にその魅力を伝えます。 Google, GitHub, Pinterest, Flickr, Etsy, Facebookなど、成功しているウェブサイトやアプリケーションで使用されている名コピーをコレクションしているサイトを紹介します。 僕はサイトを作る時に一番時間がかかるというか、力を入れるのが、各コンテンツのコピーを考える時ですね。ウェブ用に作ったコピーが他メディアに展開したら、嬉しい限りです。 Content Snippets Content Snippetsでは各コピーテキストが9つのカテゴリに分けられ、登録されています。 Advertising プロダクトやサービスを購入するように促すテキスト Empty States 検索結果や買い物カゴなど、初期状態で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
🎨 Material Design Colors, Color Palette | Material UI
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Bootstrap Templates and More on WrapBootstrap
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Material Designが解決するAndroidのデザイン的課題 (1/2)
あなたのサイトはユーザーニーズに応えていますか？ 訪問動機ごとに閲覧傾向の違いを分析するには（第13回） | Googleアナリティクス セグメント100選
http://www.css-lecture.com/log/css3/css3-gradient.html
新しくなったTwitterの新UIのヘッダやプロフィールにも対応！主要なソーシャルメディアのレイアウト用PSD素材が1クリックで準備できる -Social Kit
VIPPERな俺 : Googleが無料のHTML5開発ツール、サイト、アプリ、広告が簡単に作成 ウェブデザイナー完全終了