TAG: CSS

DailyGit is a web development blog that talk about the best web technologies and techniques useful to learn JavaScript, PHP, HTML5, CSS3 and much more in the right way.

Monthly Roundup - July 2017

Here we are with another web development Monthly Roundup, the best posts from this and other blogs around the webdev world. We are in the middle of the summer now, so the blog activity is lower than the previous months, but I tried to resume the best from July right here. Hope you enjoy!


Best from DailyGit

The best post of July from DailyGit:


Best from other blogs

Tutorials, tips & tricks, resources...enjoy the best from my favurite web development blog out of here:

Monthly Roundup - June 2017

How was your June as web developers? Hope great. Here we are with our first Monthly Roundup about web development published on DailyGit, a list of the best posts from this and other blogs around the webdev world. Hope you enjoy!


Best from DailyGit

The best post of June from DailyGit:


Best from other blogs

Tutorials, tips & tricks, resources...enjoy the best from my favurite web development blog out of here:

4 useful resources for CSS3 development

After a month of inactivity on my blog, I'm finally back with a simple useful post about tools for speed up development of CSS3.

CSS3 was an huge evolution for the Cascading Style Sheets's World. The introduction of transitions, transforms and other new utilities to manage the appearance of our HTML page was fresh air for this style sheet language.

Today, with CSS3, when can do stunning transitions with few lines of code, amazing looping animations, add shadows to box and text, define media queries to create custom styles based on dimensions of our web page.

In this post I want to show you 4 useful web resources to boost up you CSS development and learn more about the syntax

Create a Microsoft Metro loading spinner in pure CSS3

With Metro UI, Microsoft finally launched in 2012 a great design language with a modern and fresh appearance, a good user experience on desktop and mobile devices and a great visual feedback for the user. A huuuuuge step forward for Microsoft!

Today I want to show you how to create the loading spinner seen on Windows 8 (and above) machines, using only HTML and basic CSS3 animations. Check out the demo below and leeeeeet's go!


demo download source


The idea

The basic idea is to create a simple structure with six circles with the same style, everyone with its own wrapper that decides the starting point of its child circle in our animation. Everything is contained inside a general container.