Diigo Bookmarks 12/27/2014
著
-
Style Guide Best Practices | Brad Frost
"One of my favorite features of Pattern Lab is its ability to show what patterns make up any given pattern, and also show where the patterns are employed. This helps teams understand how global a pattern is and where they need to test/QA if changes are made to a particular pattern."
-
Link in Header? Or Header in Link? | CSS-Tricks
"How big of a deal this is, I'll let you decide. But I'm a "from the bottom right" selector and I always kinda hate block level links for this reason"
-
Screenbeacon | Web Design Monitoring
"When your web design visibly changes, Screenbeacon will highlight the affected region and allow you to take action."
-
MailDev - an open source project
"MailDev is a simple way to test your projects' emails during development with an easy to use web interface that runs on your machine."
-
Never lose a website again. · fetching.io
"It keeps track of all the web pages you visit so you can easily re-find them later. It's like your own personal Google: a search engine for all the webpages you've seen."
-
Maintainable Social Script Integration · Jens Oliver Meiert
"Instead of contaminating tens or hundreds or thousands of files, template or not, WETting them with different scripts and their configuration code and such, we want to just add what is structurally needed. One container."
-
Collaborative Responsive Design Workflows ◆ 24 ways
"One obstacle when implementing responsive design, accessibility and content strategy is the logistics of learning new skills and iterating on your workflow. Another is how to sell it."
-
"To do our image diffing, we used Imagemagick. Imagemagick has a compare command-line tool, which takes two images and creates a new diff image. It also outputs the percent difference comparison between the two images."
-
“How to Make a Performance Budget” an article by Dan Mall
"Lots of people have been writing and talking about performance budgets, but I had yet to see anyone exhaustively explain how to make one, especially to less technically-savvy designers (like me)."
-
"We learned that participants almost always scrolled, regardless of how they are cued to do so – and that’s liberating. While it’s hard to make universal recommendations, we’d suggest that designers use the cue that works best in its context."
-
"Informative and easily navigable live styleguide which can be edited directly in the browser"
-
An Overview of SVG Sprite Creation Techniques ◆ 24 ways
"There are several ways to create SVG sprites, and this article will give you an overview of three of them. While we’re at it, we’re going to take a look at some of the available tools used to automate sprite creation and fallback for us."
-
Researching the Performance costs of JavaScript MVC Frameworks | Filament Group, Inc., Boston, MA
"Backbone appears to be the only framework with workable baseline performance on all connections."
-
"In this post, let’s talk about why images are so immensely valuable, and what we can do to make them as efficient as they are important."
-
4 pro tips to maximise responsive accessibility | Web design | Creative Bloq
"Ensure your responsive sites and apps are as accessible as possible with this advice from expert Derek Featherstone."
-
Defining multiple captions and alt text for responsive images | Ian Devlin
"The result is picturecaption, a proof of concept prolyfill that allows you to define different captions and alt text for different source images within a
element." -
demosthenes.info – The Widescreen Web: Using CSS object-fit
"Note that in order for object-fit to work the width and height of the element must be defined. In addition, it must be applied to a replaced element."
-
"fish is a smart and user-friendly command line shell for OS X, Linux, and the rest of the family."
-
The Hit List for iPhone 2.0: Released | Karelia Software
"Today you'll be happy to know we've released The Hit List for iPhone version 2.0!"
-
Calc() Grids Are the Best Grids - Tuts+ Web Design Tutorial
"Not only that, but we can combine units with calc!"
-
X MARKS THE SPOT: FALCON 9 ATTEMPTS OCEAN PLATFORM LANDING | SpaceX
"During our next flight, SpaceX will attempt the precision landing of a Falcon 9 first stage for the first time, on a custom-built ocean platform known as the autonomous spaceport drone ship."
-
"You can now inspect ::before and ::after pseudo elements. They behave like other elements in the markup tree and inspector sidebars."
-
Ayke van Laëthem – Fix 'jumping scrollbar' issue using only CSS
"Using a little CSS calc() trickery, we can give the page an (invisible) margin on the left that is exactly as wide as the scrollbar and disappears when the scrollbar disappears."
-
Mozilla and Web Components: Update ✩ Mozilla Hacks – the Web developer blog
"Mozilla will not ship an implementation of HTML Imports."
-
Relating to "Designing for Performance" by Lara Hogan | CSS-Tricks
"I thought I'd give the book a read, learn some more, and be inspired to do some more. Here's some choice quotes and how they relate to stuff I've been doing, wanting to do, and thinking about."
-
"Usability.gov is the one-stop source for user experience best practices and strategies. Learn how to create more usable, useful, and accessible websites."
-
WCAG 2.0 Should Not Be Applied to Software and Mobile Apps | http://blog.hisoftware.com
"WCAG 2.0 was designed for Web pages and Web based applications. It was never intended to apply to software."
-
GAget - Touch the beautiful stats of your website
"GAget is the best app to get a quick overview of your Google AnalyticsTM data on your iPhone."
-
"In this post we’re going to walk through the basics of CSS animation. You can follow along and view the CSS code for the example animations in this post."
-
PDF accessibility: new guidance issued | Access iQ
"As a result, organisations wishing to provide accessible documents must provide a WCAG2.0 compliant format in addition or instead of any PDF."
-
5 SEO Trends You Need to Consider for 2015
"The death of social signals doesn’t mean abandoning social media. It’s understanding the real reason for being active on social media and how it affects your search engine rankings."
-
Design Considerations: Text on Images | CSS-Tricks
"Picking an image is up to you, but let's say it isn't particularly dark. You could darken it in an image editing program, or, with CSS, overlay a transparent color."
-
Five Ways to Animate Responsibly ◆ 24 ways
"So here are five bits of advice we can use to pull back from the edge of animation abuse. With these thoughts in mind, we can make 2015 the year web animation came into its own."
-
Why You Should Avoid Sass @extend
"TL;DR: Extending is invisible. Extending doesn’t necessarily help file weight, contrary to the saying. Extending doesn’t work across media queries. Extending is not flexible. Mixins have absolutely no drawback."
-
schema blog: Schema.org v1.92: Music, Video Games, Sports, Itemlist, breadcrumbs and more!
"We are happy to announce version v1.92 of schema.org. With this update we "soft launch" a substantial collection of improvements that will form the basis for a schema.org version 2.0 release in early 2015."
@kazuhitoは、木達一仁の個人サイトです。主に宇宙開発や人力飛行機、Webデザイン全般に興味があります。Apple製品と麺類とコーヒーが好きです。南極には何度でも行きたい。アクセシビリティおじさんとしてのスローガンは「Webアクセシビリティ・ファースト」。