Hey everyone,
I was saddened to hear about the events in Las Vegas this week. With more than half of our readers residing in the USA, I hope that both you and your family and friends are safe and well, and offer condolences to anyone that have suffered a loss in the event.
Look after yourselves — with love, Justin. | | Headline This is a wonderfully comprehensive ebook from Addy Osmani which takes you through every element of images on the web and how to make them better (looking & faster).
A tl;dr — "In 2017, image optimization should be automated. It's easy to forget, best practices change, and content that doesn't go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist."
Some mighty fine rules to guide you when working with typography in your next web project. | | | JotForm 4.0 is the first form builder that allows you to publish responsive online forms using any device: smartphone, desktop, or tablet. Whether you want to sign up new email subscribers, register guests for an event, or take product orders, JotForm allows you to design the perfect form for your needs. Learn more. | | Articles Their strategy was pretty simple — avoid FOUT and FOIT: Use the custom font if it is already available (meaning downloaded and cached), else use default system fonts. Fortunately, there is a CSS Font-Rendering proposal that adds a new @font-face descriptor named font-display.
A tonne of new features in Safari 11 including variable Fonts, WebRTC support, Timings API, blocking auto-play videos and more.
Squarespace engineering go through how they use a diffing tool to automate their UI testing along with their functional tests.
With ScreenshotRecorder's unique "scratch screenshots" and well-defined diffing behavior, we've been able to build a test suite that is consistently centered around screenshot comparison.
With Grid picking up a lot of steam on implementations in the wild now the recommendation/requests list for it continues. The most popular and frequently asked for update is to allow it to achieve Masonry layouts.... which it currently can not do (but there's certainly a lot of conversation about it)
When building out a large-scale design system, it can be hard to know where to start. By focusing on the basics, from core styles to coding conventions to design principles, you can create a strong foundation that spreads to different parts of your team.
Since Pattern Lab launched four and a half years ago, pattern-driven development, style guides, and design systems have become industry best practices. Pattern Lab's played a role in that, and they're going to evolve the tool to continue to help teams create beautiful, robust, versatile, resilient, UI design systems. Expect a lot of activity in the coming months.
Tutorials Someone asked me the other day why I still have responsive images as part of my presentation about the future of RWD and the answer is simple. In the current day implementations, not enough people are using a responsive images approach to warrant me taking it out. This is a nice overview of what you should be doing.
A couple weeks ago we featured one of the nice UI's for dealing with the notch where the elements wrapped around it as you scrolled through the list. PPK has written a proof of concept to show how it could be done in the wild.
With 17,000 classes and more than 3M members, Skillshare is Netflix for online learning. Build your dream career, and try them free for 2 months here.
// sponsor
Resource Performant Lazy Loading of Images
Codepen Animation API is on it's way now and has some small supported across Chrome and Firefox. The main idea for the first phase of this API is that it allows us to do everything that we can do in CSS today, but through Javascript so that we don't have to touch the DOM. Moving forwards it will open up a number of capabilities that are currently being done through the use of GreenSock... and we can look at GreenSock in the same way that we do jQuery. While we wait we can still check out all of Sara Drasners amazing creations :)
Finally
The next two weeks are going to be light, but after that I'll be swamping you with four big newsletters that will go hand in hand with a talk I'm putting together for Adobe Max on 18th October. If you're around for the conference let me know, it's been great catching up with folks in the past and talking about all things responsive.
Cheers,
Justin. | | | |
No comments:
Post a Comment