The 4-Slice Scaling Technique for SVG is a way to “create irregularly shaped outlines around elements and create arbitrary corner styles”. As the author says, think of it as Doug Bowman‘s “sliding doors” technique, but with SVG backgrounds. Pretty slick!
Okay, while we’re here, why not just totally nerd out on SVG?!?! :-)
- Dudley Storey is working his way through an entire SVG Basics series of articles and tutorials. A great way to make sure you’re getting it all right from the get-go.
- Sara Soueidan shows how to use SVG‘s
viewBoxto create art-directed image crops on various screen sizes. Awesome! - And Dirk Weber walks us through The Art Of The SVG Filter And Why It Is Awesome. Can’t do that with just CSS!
And if you are really into SVG, you might want to keep abreast of the SVG2 spec that is being formulated. SVG hasn’t seen much change in all the years that it’s been around, but much is coming!
Ever utter this phrase: “Well, it works on my local server…”? If you haven’t, you haven’t been developing websites for long… The problem usually lies with the fact that rarely are local server set-ups even slightly similar to public ones. Apparently Vagrant can help, by replicating remote servers on your local machine. Niiiiiice….
Edge, with JS benchmarks like this, I’m actually looking forward to meeting you…
AdBlock has developed a browser with their service built-in. Can’t say how much I miss their extension on my iPhone, too bad this is only for Android… :-(
Great detailed explanation of the various viewport measurements, such as vw, vh, vmin and vmaxยท
Wow, this is a seriously deep-dive into how you can achieve PhotoShop-like color effects using nothing but CSS in the browser.
Expanding on the webification of formerly PhotoShop-only techniques, Dudley Storey delves into background-blend-mode. Dudley never ceases to amaze me… His brief pages always provide such incredible content and such simple, though thorough, examples…
The final death-blow to Flash: Chrome (and other browsers soon) now allow users to copy to their clipboard via JS, no hokey Flash wonk required! But, as the author describes, unfortunately it isn’t all roses…
Jake Archibald is always fun to watch/listen to, partially because he’s funny, but also because the content is usually so spot-on. This time around, he’s telling us how to improve page speed, with a working example, step-by-step improvements, and the use of multiple technologies and practices.
Do you use anything that has versioned dependencies? Node? Git?? Chris Coyier runs through a few options for keeping things up-to-date.
And finally, sadly, a lot of web development work comes down to something a lot like this…
Happy reading,
Atg