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.
| |
No comments:
Post a Comment