CSS Examples: 16 Animations, Effects and Snippets
Edoardo L'Astorina

CSS Examples: 16 Animations, Effects and Snippets

You’re probably wondering what you can and can’t do with CSS. The answer? You can do a lot. From loading animations to button micro interactions that make UX a breeze, from progress bars to smooth animated hamburger menus and from Google Maps-style markers to Post-it animations, CSS3 used correctly will deliver a fantastic user experience and will use browser optimiz...

Read more

Big Data Visualization: Review of the 20 Best Tools
Edoardo L'Astorina

Big Data Visualization: Review of the 20 Best Tools

Big Data is amazing. It describes our everyday behavior, keeps track of the places we go, stores what we like to do and how much time we spend doing our favorite activities. Big Data is made of numbers, and I think we all agree when we say: Numbers are difficult to look at. Enter Big Data visualization. Google, Facebook, Amazon, Apple, [Twitter]...

Read more

Perfect responsive images: HTML5 <picture> and Bootstrap 4
Edoardo L'Astorina

Perfect responsive images: HTML5 <picture> and Bootstrap 4

Bootstrap 4 is in alpha release and has a brand new set of media queries and breakpoints. Where Bootstrap 3 had them in pixels, the new release of the popular responsive framework boasts breakpoints in ems. Let's harness the power of these new media queries to serve an image of the right size based on the device a user views our site on. We're going to save a lot of bandwidth for the small devices...

Read more

Chrome Android address bar color: a step by step guide
Edoardo L'Astorina

Chrome Android address bar color: a step by step guide

Ever wanted to make the experience for your mobile users more personal and branded? Have you ever noticed how the Chrome Android address bar color sometimes changes to match a site's palette? Do you want that for your site? It's easy to do. To let your users experience the color of your brand, blog or e-commerce site in a much more personal way on Android, all you need is a si...

Read more

HTML minifiers: grunt-contrib-htmlmin vs grunt-minify-html
Edoardo L'Astorina

HTML minifiers: grunt-contrib-htmlmin vs grunt-minify-html

You need to minify HTML: to improve page load on your site, let your users access your content when they need to without a long wait, and use less bandwidth when you serve your hosted site. The easiest, robust way to do so is to minify during the build process, and Grunt is the best tool out there to make your build process a breeze. But once you set up Grunt, where do you get from there to having your minified H...

Read more