Hello and welcome to RWD Weekly edition #287.
| | Headline There's a lot to love about the Stripe website and this article takes you through some of a reasons why it looks and feels so good.
Some great tips on making sure that the links you have on your site ( remembering that the web part of the web is the linky bits). In other news today, after building sites for 21 years I have only just realised that you can apply a different text-decoration-color: to your links. The more you know...
| | | Handling images in RWD causes challenges for website performance. Slow page‑loading frustrates users and may prevent them from visiting your site. ImageEngine by ScientiaMobile provides an easy way to accelerate your site via its image‑optimizing, device-aware content delivery network (CDN). | | Articles A wonderful (and beautifully designed) look at UX in 2018 and the 9 trends that we'll see.
Same heading, different article. Another series of best practices for 2018.... with exception of the Homepage Videos. Oh please don't encourage people to add more MB to their already bloated home pages...
For me the creation of prototypes have been a crucial part of the building a website workflow ever since responsive design landed. Showing someone your ideas in a static design leaves loads of room for clients to guess what the other viewports might look like, but a URL that can be viewed on what ever device they will be testing your final version is the perfect approach.
How to provide an accessible switcher between languages. The hardest part for this is the rest of the layout once the language has changed, but this is a great start. Last year I did something to show the longer form of an <abbr> tag content: attr(title);
I love it when someone gets an idea in their head about creating something with just HTML and CSS and won't stop until they get it done.
Pinterest's new mobile web experience is a Progressive Web App. In this post we'll cover some of their work to load fast on mobile hardware by keeping JavaScript bundles lean and adopting Service Workers for network resilience.
A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can create your design system and help your team improve product quality while reducing design debt. Divided into 7 Chapters this is a cracking effort well worth a few hours put aside to read.
Tutorials Now, with the latest Safari, you can use videos as Gifs.
When I was preparing for my talk at Adobe this year I started converting the Briefer History of Time site to different languages and began experimenting with RTL and bottom to top layouts. It was hard. This article Chen takes you through everything you need to know.
This two-part series is a gentle, high-level introduction to offline web development. In Part 1 we got a basic service worker running, which caches our application resources. Now let's extend it to support offline.
If you're putting together some slides for a big presentation there's a fantastic 4 part series from Melinda Seckington that will help you ensure they're a great hit with your audience. Slides are an AID to your presentation, not the presentation itself, but it sure helps your talk if they follow some key rules.
You get a massive 30% discount on pro licenses until December 15th. All those licenses will be upgraded to Kirby 3 for free! I've been looking for an opportunity to try out Kirby for a small project and at this price I snapped up a copy straight away.
Tools & Resources Terrence has taken a twitter icon from 20kb and pushed it out at a minuscule 425bytes. Amazing. He then went and did a whole bunch of popular icons the same way and dropped them on Github for you to use.
Using peekaboo to lazyload your nice responsive images. View the page source to see the gritty details.
This is something I might re-implement on the Am I RWD site.
Jobs Weebly Engineers enjoy a unique opportunity to work with a wide array of technologies. Engineers are actively encouraged to explore different sectors of the tech stack and delve into specific areas of interest. As a Weebly Engineer you will have the freedom, and be supported by the entire team, to grow professionally.
See you next week!
Cheers,
Justin. | | | |
No comments:
Post a Comment