Category: CSS

How to Masonry Layout Made From Pure HTML and CSS

One popular content layout style is “masonry”. Masonry style layouts aren’t something new.  CSS Grid Layout is supported natively. Opera Mini is an exception. In the Internet Explorer, the prefix ms is required. The same applies...

Sass is a CSS preprocessor

What is Sass ? how to use it and compile ?

What is Sass ? Sass stands for Syntactically Awesome Style Sheets. It is a CSS preprocessor. The syntax is .scss (example style.scss) and output file can be style.css. It is an extension of CSS...

Top recommended fonts from Google Web Fonts

You will find many unfavorable reviews about the quality of GWF’s fonts and the amateur nature of many typefaces. We must remember that Google Web Fonts is a collaborative open source project, but many...

Email Newsletter Design Gallery and Examples

Email Newsletter Design Gallery and Examples

The increased demand for this genre is no surprise, really – according to an iContact study, small and medium-sized businesses now spend the biggest share of their marketing budgets on email campaigns – 15...

Creating Loading Buttons with SVG & Segment

The idea that we will develop in this tutorial is basically a few loading buttons that will be able to give a feedback response, showing whether the button action succeeded or failed. To achieve...

0

Recommended Add-ons to Spice up Your Static Websites

If you’re a front-end developer like me, I’m sure you’ve ended up in this situation before. You’ve either built a simple static websites, or you’ve downloaded a nice static template, and then you’ve thought...

0

Super Page Stack Navigation

This Blueprint is page navigation effect based on the Dribbble shot Stacked navigation by Ilya Kostin. The idea is to show a navigation when clicking on the menu button and transform all pages in...