“Entering the Quantum Era—How Firefox got fast again and where it’s going to get faster” is an insightful article showcasing the big changes happening with the Firefox browser. It seems, the pendulum is swinging back towards the browser that almost became irrelevant. I think that competition is good for everyone, and it has proven much more so in the end-user applications. New ideas, new approaches, new technologies, and plenty of stimuli for the Google Chrome and other browser teams to respond with something even better.
Figuring out all these changes and how they affect you is an effort in itself. But don’t you worry! Here’s the WordPress 4.9 Field Guide, which showcases all the main changes and provides plenty of additional resources to follow up.
Wow! WordPress 4.9 packs quit a punch!
Via this blog post I came across this PHP image optimization library, which somewhat reminds me of this blog post from a couple of years ago. As good as ImageMagick is, it takes time and effort to find all the right options. With Spatie Image Optimizer you have an almost out of the box solution for optimizing images in a variety of formats.
This package can optimize PNGs, JPGs, SVGs and GIFs by running them through a chain of various image optimization tools.
“A Look Back at the History of CSS” is a nice trip down the history lane as to where and how CSS came about. It’s hard to imagine these days that CSS wasn’t always around and the web looked like whatever your browser decided to make it look like.
There is a whole lot of online image editors. Some are very simple and only allow one to crop or rotate and image. Others are super powerful, almost replacing all of the Adobe PhotoShop functionality. There are also a few which are in between and were built for a very specific purpose or two.
DesignEvo is an online image editor which was built with one purpose and one purpose only – help you create a unique logo for your project or business. It’s super simple to use, yet the results are better than what most non-technical people can achieve with a fully featured image editor.
I played around with it for just a couple of minutes and this cute variation of the Qobo logo came out. I liked the rich selection of icons, fonts and shapes, as well as a super simple set of controls for colors, image sizes, and positioning.
If you are in need of a quick logo design, give it a try.
“50 Things You [Probably] Forgot To Design” is a collection of all those tiny (and not so tiny) details that are often left out during the design process for a website, web application, or mobile app. It covers a variety of bits from favicons to login forms, splash screens, pagination, and welcome emails.
If you only it was available now as a checklist …
Grabient is a quick and easy to use online tool for generating CSS gradients. You can pick any two colors, adjust the gradient angle and shift, and generate a CSS snippets to add to your web project.
Real Favicon Generator is a handy tool for setting up your website’s favicon properly. It takes care of both the images (formats, resolutions, etc) and the HTML that you’ll need to include. With just a few clicks your website will work properly with browsers, operating systems, and mobile applications.
With so many platforms and icons, it’s hard to know exactly what you should do. What are the dimensions of favicon.ico? How many Touch icons do I need? RealFaviconGenerator did the reseach and testing for you.
If you still prefer to do it yourself and know all there is to generating proper favicon images and markup, have a look at this resource for everything there is to it and more.
LINGsCARS.com deserves some kind of title and reward. I’m giving it a website of the day award, as I’m still stunned for words.
On one hand, it serves as a painful reminder of how the web used to be back in the 90’s. It got everything from psychedelic background and auto-played music to animated GIFs and mouse hover effects.
On the other hand, it does stand out from all pastel colored material designed websites of today. Obviously, a lot of work went into building this thing and … somehow … strangely … it works.
Now, please excuse me while I wipe my bloody tears…
P.S.: Yeah it also took me a while to actually prepare that screenshot. Full-page image was too large. Cropping it down significantly brought it down to just under 5 MBytes, after which TinyPNG compressed it to just 1.4 MBytes.