Hello again and welcome to this week's responsive design weekly newsletter.
This week we see that Google Chrome hits a double figured milestone while other areas of Google are back in the news and getting flack. There are some exciting developments with Firefox and some better layout capabilities with Shapes and Clipping paths, plus a bunch of tools to help you take advantage of that.
Let's get linking.
Headline ....and becomes 69 at the same time. Chrome 69 is released as Google Chrome turns 10. I remember seeing the ads in the London Underground for this new browser from Google and I made the switch from Firefox immediately. It's funny that 10 years later I've left Chrome for Firefox, who knows what the next 10 years will bring.
| | The hunt for shiny front-end & UX treasures has begun!
Two days, live interactive sessions with the focus on real-world problems and solutions. Sarah Drasner, Debbie Millman, Paul Boag, Sara Soueidan and many others.
Save $100 USD by adding a workshop to your conference, and make your SmashingConf even more memorable. | | Articles This is the first story that kicked things off. It seems that the Chrome team are working on making drastic changes to how the URL is going to be displayed moving forwards. Safari already only shows the domain part of the URL, hiding the folder structure of the URL until you click into the input. It will be interesting to see Google's ideas, but strange that they won't mention what they're thinking. For me, I think it's better to educate the world about the URL they're looking at rather than obscure it.
This is a fairly heavy handed article around AMP, and if you couldn't already tell from the title of the article it's pretty anti AMP. For those of you that are long time subscribers you know I'm not a huge fan of AMP, I wouldn't mind if it were a short term project looking to improve performance for regularly coded webpages and helping with a stop-gap solution (like jQuery was for JavaScript) — but it does seem like Google will continue to push it.
The final article in this tale comes from Charlie and she's drawing a connection between the changing of the URL and the 'smelly doozy' article — is Google's move to obscure (my words) the URL a deliberate ploy to make AMP versions of the pages harder to notice? If that is the case then it is quite troubling.
Provide users the option to save your pages offline while their on the page instead of blindly updating their cache with pages they don't need.
Tutorials
There are a lot of really cool techniques you can apply these days for some interesting art direction on the web, this is one of my favourites at the moment because it really allows us to break out of traditional boxes.
Shape outside and clipping paths are going to make the rest of the webdesigns for this year and into 2019 look a whole lot better. We haven't gone there yet, but I can see a magazine style layout that has more art direction start to become a trend shortly.
Getting started with HTML, CSS, and JS is one thing, but putting those files onto a server with a domain name is something else. This post covers off those kinds of questions.
Tools & Resources
A list of community-built, third-party tools that can be used to improve page performance. It's missing two of the performance tools we're including next week, and as soon as I work out how to pull request and update I'll get them added to their list :D
The p5.js Web Editor is a friendly online platform for learning to code in a visual way. Designed for all ages and abilities, anyone can get started quickly creating, editing, and sharing p5.js sketches. It's free, open source, and there's a tonne of examples and video tutorials to get you going.
To get those clip paths going in your designs you can try out this online clip path generator
If you'd like to take advantage of clip path and create some interesting creative designs on your own site then this tool will be invaluable. It allows you to upload an image and draw the path you would like to clip, and you get the CSS path and an SVG path as an output.
| | Finally
Thanks to those that suggested some of the links for this week, if you have come across something that you found interesting, or have written yourself, hit reply and let me know.
Cheers,
Justin. | | | |
No comments:
Post a Comment