Tag Archives: file

The Crazy Egg Guide to Website Image Optimization

the crazy egg guide to website image optimization

The lowest hanging fruit when it comes to conversion rate optimization (CRO) is to reduce the file size (memory) of your images. It doesn’t require A/B testing, and you don’t need a statistics or scientific background. For these reasons, image optimization is a go-to conversion rate optimization practice that all companies should employ as soon as possible. The actual work of reducing the size of your images is relatively easy. So it’s a great task for interns or entry-level employees. This guide is quite lengthy. Also, it is intended to remain timeless. We will continually update this guide throughout the…

The post The Crazy Egg Guide to Website Image Optimization appeared first on The Daily Egg.

Continue reading – 

The Crazy Egg Guide to Website Image Optimization

Responsive Image Breakpoints Generator, A New Open Source Tool

Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number of images. We can solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly.
Further Reading on SmashingMag: Automating Art Direction With The Responsive Image Breakpoints Generator Responsive Images Done Right: A Guide To And srcset Responsive Images In WordPress With Art Direction Responsive Images Now Landed In WordPress Core The lives of web developers aren’t getting any simpler as the number of different devices and potential screen resolutions increase.

See original article: 

Responsive Image Breakpoints Generator, A New Open Source Tool

Building Web Software With Make

Most web developers use a build tool of some sort nowadays. I’m not refering to continuous integration software like Jenkins CI (a very popular build system), but the lower-level software it uses to actually acquire dependencies and construct your applications with.
There is a dizzying array of options to choose from:
Apache Ant (XML-based) Rake (Ruby-based) Grunt (JS-based) Gulp (JS-based) Broccoli (JS-based) NPM (JS-based) Good ol’ shell scripts (although no real orchestration around it) The build tool I want to look at in more detail here though is the granddaddy of them all: Make.

Link to article:

Building Web Software With Make

The New Smashing Mystery Riddle #6 (Failed): Have You Figured It Out Yet?

Ah, these mystery riddles never stop, do they? To celebrate our ninth birthday, we’ve prepared yet another riddle, and this time it will require a bit more teamwork. We’ve hidden secret keys in different (physical) locations across the world. To move from one level to another, you’ll have to find a hidden print-out in all (four) locations. Watch out for GIF file names.
To find the key password, you have to follow the clues and hints in a series of animated GIFs.

More here: 

The New Smashing Mystery Riddle #6 (Failed): Have You Figured It Out Yet?

Build A Blog With Jekyll And GitHub Pages

I recently migrated my blog from WordPress to Jekyll, a fantastic website generator that’s designed for building minimal, static blogs to be hosted on GitHub Pages. The simplicity of Jekyll’s theming layer and writing workflow is fantastic; however, setting up my website took a lot longer than expected. [Links checked March/29/2017]
What is Jekyll? Jekyll is a website generator that’s designed for building minimal, static blogs to be hosted on GitHub Pages.

See original article here:  

Build A Blog With Jekyll And GitHub Pages

The Mystery #4 Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels

Experiments and side projects are wonderful ways to challenge yourself and explore areas that you wouldn’t usually consider exploring. That’s what Smashing Mystery Riddles are for us: little experiments that challenge us to come up with something new, original and a bit crazy—every single time. The ideas are usually a synthesis of the things we discover, stumble upon or try out ourselves—and oh my, they take quite some time to get right.

View the original here:

The Mystery #4 Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels

The Mystery Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels

Experiments and side projects are wonderful ways to challenge yourself and explore areas that you wouldn’t usually consider exploring. That’s what Smashing Mystery Riddles are for us: little experiments that challenge us to come up with something new, original and a bit crazy—every single time. The ideas are usually a synthesis of the things we discover, stumble upon or try out ourselves—and oh my, they take quite some time to get right.

From:  

The Mystery Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels

The Smashing Mystery Riddle #4: Have You Figured It Out Yet?

Ah, these mystery riddles never stop, do they? To celebrate the launch of the SmashingConf Whistler, our very first conference in Canada, we’ve prepared a yet another riddle, and of course this time it’s not going to be any easier!
So, how does it work this time? Well, below you’ll find the first of a few hidden animated GIFs that contain a secret Twitter hashtag. Your job is to construct that hashtag as fast as possible.

This article – 

The Smashing Mystery Riddle #4: Have You Figured It Out Yet?

The 3rd Smashing Mystery Riddle: Have You Figured It Out Yet?

Ah, these mystery riddles never stop, do they? To celebrate the launch of the SmashingConf Whistler, our very first conference in Canada, we’ve prepared a yet another riddle, and of course this time it’s not going to be any easier!
So, how does it work this time? Well, below you’ll find the first of a few hidden animated GIFs that contain a secret Twitter hashtag. Your job is to deconstruct that hashtag as fast as possible.

Continue reading: 

The 3rd Smashing Mystery Riddle: Have You Figured It Out Yet?

Gulp – How To Build And Develop Websites

Optimizing your website assets and testing your design across different browsers is certainly not the most fun part of the design process. Luckily, it consists of repetitive tasks that can be automated with the right tools to improve your efficiency. Gulp is a build system that can improve how you develop websites by automating common tasks, such as compiling preprocessed CSS, minifying JavaScript and reloading the browser.
In this article, we’ll see how you can use Gulp to change your development workflow, making it faster and more efficient.

View original article:  

Gulp – How To Build And Develop Websites