インターナショナル ターゲティング レポートのサポートが終了しました。 Google は、引き続き hreflang タグをサポートおよび使用します。ただし、Search Console の国単位のターゲット設定を使用して特定の国の検索結果をターゲティングする機能は、エコシステムにとっての有用性に乏しいと判断され、サポートを終了しました。
インターナショナル ターゲティング レポートのサポートが終了しました - Search Console ヘルプ
インターナショナル ターゲティング レポートのサポートが終了しました。 Google は、引き続き hreflang タグをサポートおよび使用します。ただし、Search Console の国単位のターゲット設定を使用して特定の国の検索結果をターゲティングする機能は、エコシステムにとっての有用性に乏しいと判断され、サポートを終了しました。
The Complete Guide to Lazy Loading Images | CSS-Tricks
Images are critical for every website and application today. Whether it be marketing banners, product images or logos, it is impossible to imagine a website without images. Sadly though, images are large in size making them the single largest contributor to the page size. As per the latest HTTP Archive data, the median page size on desktops is 1511 KB. Images make up for almost 650 KB of that size
Good to great UI animation tips
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show continuity between states, denote a relationship between shared elements, and call the user’s attention to something they should notice and act upon. To create these animations, I followed the guidelines from
Developer's guide to accessibility mechanics
From The Front, Bologna 2016 @LeonieWatson Platform controls Role is "checkbox" Accessible name is "Bold" State is focused, checked, focusable Web control <input type="checkbox" id="bold"> <label for="bold">Bold</label> Role is "checkbox" Accessible name is "Bold" State is focused, checked, focusable HTML Accessibility API Mappings (AAM) The relationship between platform objects and web objects is
Typography for User Interfaces | Viljami Salminen
Typography for User InterfacesJun 21st, 2016Back in 2004, when I had just started my career, sIFR was the hottest thing out there. It was developed by Shaun Inman and it embedded custom fonts in a small Flash movie, which could be utilized with a little bit of JavaScript and CSS. At the time, it was basically the only way to use custom fonts in browsers like Firefox or Safari. The fact that this t
Do you have a role in web accessibility? (Spoiler alert: yes)
HomeWeb AccessibilityDo you have a role in web accessibility? (Spoiler alert: yes) Maybe you’ve heard about web accessibility on a podcast or heard a developer friend talking about it. Maybe you’ve thought to yourself you should learn more and start implementing web accessibility standards on your site. Maybe you were gung-ho to get started, but were stopped dead in your tracks when you hit the ma
Googleが検索結果の品質を評価するガイドラインの完全版を公開。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 度々流出が話題になる検索結果の品質評価のガイドラインですが、今回、Googleが完全版を公開したようです。The SEM Postがこれについての記事をあげていましたが、Google自ら完全版を公開しています。The SEM Postによると、今回のガイドラインはモバイルについての記載が多く含まれているとのことです。下記記事内にもある通り、Googleはガイドラインの内容を都度更新しているようですが、Googleのモバイルに対しての注力具合がここからも見えてきます。– SEO Japan Googleが検索結果の品質を評価するガイドラインの完全版を公開した。Googleがこのガイドラインを公開す
iPhone 6 Screens Demystified | PaintCode
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
Front-End Developer Handbook 2018 - Learn the entire JavaScript, CSS and HTML development practice!
AVAILABLE NOW: Front-End Developer Handbook 2019 Front-End Developer Handbook 2018 Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and wha
CodePen's CSS by Chris Coyier on CodePen
Inspired by Mark Otto's tour of GitHub's CSS and Ian Feather's tour of Lonely Planet's CSS, I thought I would join the party and talk about how we do CSS at CodePen. Overview [1] We use SCSS. [2] We use Autoprefixer. [3] We use the Rails Asset Pipeline. [4] The SCSS file that represents the CSS file that actually gets loaded is just a table of contents. [5] We have a style, but mostly just because
How to Scale SVG | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. The following is a guest post by Amelia Bellamy-Royds. Amelia has lots of experience with SVG, as the co-author of SVG Essentials and author of the upcoming Using SVG with CSS3 and HTML5. Amelia and I both will be speaking on SVG at the upcoming RWD Summit as well! Here, she
Animation Principles for the Web - CSS Animation
As front-end designers and developers, we use CSS to style, position and create great looking sites. We often use CSS to add movement to pages in the form of transitions or even animations, but we don’t usually go much beyond that. Animation can be a powerful tool to help our visitors and customers understand and benefit from our designs. There are principles we can apply to our work to make the m
Web Design Process: Behind The Scenes [INFOGRAPHIC] | New Design Group Inc
Looking for a PDF version? Download it here. The Web Design Process When a business needs a new website or they want to replace their existing one, they usually pass the project into the hands of a recommended web design and development agency. A sensible move. After all, most companies don’t have the in house expertise to tackle such a complicated project and one where the final result is critica
![Web Design Process: Behind The Scenes [INFOGRAPHIC] | New Design Group Inc](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad878a91dd58dc265f2aed63c9feb178e79599a4/height=288;version=1;width=512/https%3A%2F%2Fwww.newdesigngroup.ca%2Fndgcnt%2Fuploads%2F2014%2F08%2Fndg_blog_01.jpg)
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
Using WAI-ARIA Landmarks - 2013 - TPGi
Adding ARIA landmarks to your existing site, or to a site you are developing, provides useful global navigation features and aids understanding of content structure for users. Over time the necessity of explicitly assigning landmarks will lessen as browsers build in ARIA landmark roles to newer HTML element semantics. There is widespread support for ARIA landmarks in browsers and screen readers. H
Inline SVG vs Icon Fonts [CAGEMATCH] | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. If you’re building an icon system for a site, you have some options. If you know the icons need to be raster images, then you’ll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are usi
![Inline SVG vs Icon Fonts [CAGEMATCH] | CSS-Tricks](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3413d27979db9730c62af2cea80b93bff45d129/height=288;version=1;width=512/https%3A%2F%2Fcss-tricks.com%2Fwp-json%2Fsocial-image-generator%2Fv1%2Fimage%2F168417)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How DNS works
WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015
WOFF 2.0 – Learn more about the next generation Web Font Format and convert TTF to WOFF2
https://css-tricks.com/modular-future-web-components/