nth-child vs nth-of-type | bitsofcode
The nth-child() and nth-of-type() selectors are “structural” pseudo-classes, which are classes that allow us to select elements based on information within the document tree that cannot typically be represented by other simple selectors. In the case of nth-child() and nth-of-type(), the extra information is the element’s position in the document tree in relation to its parent and siblings. Althoug
The Thumb Zone: Designing For Mobile Users — Smashing Magazine
If there is one thing that will stand the test of time, it’s thumb placement on mobile devices. This makes consideration of the “thumb zone”, a term coined in Steven Hoober’s research, an important factor in the design and development of mobile interfaces. In this article, Samantha Ingram will share the knowledge she’s acquired about the thumb zone and how to apply its rules to navigation, cards a
A Nerd's Guide to Color on the Web | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception. Let’s delve into some of the technical details of color on the web. Color mixing A huge part of working with color is
Making Motion Meaningful - Library - Google Design
Motion designers from around Google share some of their most moving product features Motion is essential to bringing digital products to life. Something as simple as tapping a card to expand and reveal more information is made better by fluid animation. New content is introduced, shared elements move into their new position, and the user is given guidance with a clear focal point. In Material Desi
Loading Polyfills Only When Needed — Philip Walton
New JavaScript and HTML features are being introduced all the time that make our lives as developers easier. In many cases, these new features are so helpful we choose to use them on production websites before they’re fully implemented in all browsers. To not break the experience for users on older browsers, we of course include polyfills for any not-fully-supported features. The problem with this
アクセシビリティとSEO共通の最適化――「文字サイズと色コントラスト」「リンクとアンカーテキスト」 | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、前後編の2回に分けてお届けしている。「隠しテキスト」「キーワードの詰め込み」について紹介した前回に引き続き、今回は「テキストのサイズと色のコントラスト」「リンクとアンカーテキスト」について見ていこう。 →まず前編を読んでおく テキストのサイズと色のコントラストページを美しく見せたいという目的のためだけに、フォントのサイズが小さく低コントラストのテキストが使われることが、よくある。 SEO担当者も、他のコンテンツに影響を与えずにキーワードを追加しようと、低コントラストでフォントサイズを小さくしたテキストを使うことがある。 ちなみに、ここで詳しく取り上げる話ではないが、検索エンジンはフォントのサイズと色を考慮できる。検索エンジンはこちらの考えていることなどお見通しなのだ。 だが、サイズやコントラストはSEOに留まらない問題を引き起こす可能性がある。色覚異常や色覚に問題がある人は、一
小手先SEOの終わりと新たなSEOの始まり。Web担当者は検索エンジンの先にいるお客さまを見ろ | 生田昌弘の「Web担当者に喝！」
あいかわらず検索エンジンからのトラフィックを増やすSEOのニーズはあるじゃないか。 さらに悪いことに、10年くらい前のSEOテクニックが「都市伝説」のようにまことしやかに語り継がれているじゃないか！ いまだに、文章中にキーワードが大量に埋め込まれていたり、サイドバーやフッターにリンクがぎっしり設置されていたりするような、よくわからないページに出合うのだ。 もう今は役に立たない、検索エンジンをだますような行為をSEOだと思っている人は、まだまだいるようだ。 すべてのWeb制作会社やSEOのサービスを提供する会社にお願いしたい。 SEOの相談に来たすべてのクライアントに、このように話してあげてほしい。 それに必要なのは、検索ユーザーのニーズに応え、良い体験を提供することです。 それこそが、本来の「Webサイトを構築する」ということそのものです。 現状でも、SEOに細かいテクニックやノウハウがあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Style Guides: Best Practices and Workflow for Web Developers