Marco Gasi

101 Flips | 7 Magazines | 28 Likes | @MarcoGasi | Keep up with Marco Gasi on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Marco Gasi”

10 Code Snippets For Creating Animated Headers & Video Backgrounds

Every great website needs a beautiful header to grab attention. It’s the first thing visitors see, and it’s the only thing encouraging visitors to …

SQL Injection 101: Database & SQL Basics Every Hacker Needs to Know

The key to becoming a competent white hat is knowing how the technology that you are trying to exploit actually works. SQL injection is one of the …

Databases

Measuring Websites With Mobile-First Optimization Tools

11 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

CSS Grid for the Traditionalists

CSS Grid opens a plethora of new possibilities for designing layouts. We can finally let go of the 12-columns layout since our new tools made it …

The Critical Path: Optimizing Load Times With the Chrome DevTools

Recently, my team was tasked with delivering a limited version of Lucidchart to embed inside another application. Because Lucidchart would only …

A quick introduction to Material Design using Materialize

What is Material Design?Material Design is a design language created by Google. According to material.io, Material Design aims to combine:…classic …

Simple Demo of Vertical Centering

About External Resources<p>You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you …

Web Development

What is an HTML5 app and do I want one?

Have you heard? HTML5 apps are going to change everything, probably <i>next</i> year. At least that's what one side of the debate about HTML5 versus native …

Skyrocketing WordPress Speed: The Ultimate Guide To WP Fastest Cache

WP Fastest Cache is a versatile plugin that helps decrease the page load time of your website by creating quickly rendered HTML files that are stored …

How to Create a Twitter Bot with Node.js

Twitter bots have been in the news over the past few years due to election meddling, not only in the United States but stretching across the globe. …

Replacing jQuery With Vue.js: No Build Step Necessary

It’s been impossible to ignore all of the hype surrounding JavaScript frameworks lately, but they might not be the right fit for your projects. …

Scrolling Letters Animation

Recently we’ve stumbled upon a really nice effect on Akademi’s website: the main title of the page moves along as one scrolls down and changes …

Taking A Look At The State Of Progressive Images And User Perception

“Progressive Images” is a hot topic these days. We often come across articles explaining techniques on how to avoid showing an empty space where an …

Tips & tricks for creating reusable UI components

In this article I want to share some tips and tricks I use while building our core frontend library using Ember.js. Having no contact with it before, …

How To Make A Dynamic Website Become Static Through A Content CDN

Smashing Magazine gave us a little surprise recently: Its website has been completely overhauled, switching away from WordPress to Netlify. One of …

50 amazing tools for developers 2018

Best tools for developers: Quick links<p>Another year has ended and the tooling landscape has become simultaneously more exciting and more complex. …

Create a very basic “loading” screen using only JavaScript & CSS.

Recently, while creating a webpage that makes an API call, I found that because the API was so large, it often took several seconds for the content …

New website & some new CSS tricks

My first idea was to make a narrow container for the left column and a wide container for the right columns placing different grids in each of these …

Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver

Once upon a time, there lived a web developer who successfully convinced his customers that sites should not look the same in all browsers, cared …

CSS Scroll Snap: What Is It? Do We Need It?

It can be difficult for web developers to guarantee a well-controlled scrolling experience, but luckily a CSS module entitled “Scroll Snap” promises …

A Guide to Responsive Images with Ready-to-Use Templates

Why generate 12 versions of the same image when just 2 media-queries do the job? The users won’t notice.<p>But Google will.<p>Responsive images that are in …

Grunt

Visual Studio Code Can Do That?

About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a …

10 Awesome CSS3 Tricks

This article will introduce you to 10 CSS3 tricks that will enhance your website.<p>When CSS was developed around 1995, you could not do much with it …

Front-End Tools: My Favorite Finds of 2017

Another twelve months have passed and I'm sure all of you have come across some interesting new coding techniques, technologies, CSS tricks (of …

25 Practical Blogs To Sharpen Your Coding Skills

The coding world might seem overwhelming at times - but when you pop, you can’t stop. So you might think you already know a lot, but there are always ways to sharpen your coding skills.<p>In the days of fast development, especially in the technology field, it’s hard to keep up, and the theory books …

SD Times news digest: HTML 5.3, Dynamsoft Barcode Reader SDK 5.2, and PyPy 2.7 and PyPy 3.5 v5.10

W3C has announced it is working on the First Public Working Draft of HTML 5.3 as part of its plan to produce a new HTML Recommendation in 2018. The …

Basic grid layout with fallbacks using feature queries

I've been using CSS grid (which henceforth will be referred to as Grid) for quite a bit now, and although I often talk about how we can use grid to …