Design
How To Create Your Own Responsive Framework Using Sass – Part 1
What are Responsive Frameworks?
Responsive frameworks are used to help develop and design websites quickly using CSS selectors and classes and allow us to easily create responsive websites with ease.
0
Free Sass Mixins For Your Next Project
If you know CSS Preprocessor languages such as Sass, then you definitely know the value of having a few mixins to help you develop and design your web pages faster without having to repeat the same code over and over again.
0
Using Extensible CSS Preprocessor Languages: Sass or LESS
What are Extensible CSS Preprocessor Languages?
So you’re probably wondering to yourself: What are these extensible CSS preprocessor languages and why should I use them? You might also be asking to yourself, why I should even learn a new way of writing CSS when I already know how to write it well? The answer is simple… It’ll make you write CSS even faster, more proficient, and will also let you split up your CSS so you can re-use some of it in another section of your site without having to re-write your CSS again.
How To Create A Beautiful Dropdown Menu Using Only HTML and CSS3
Dropdown lists as a navigation menu is commonly used as a way to help users navigate through a website. Creating them can sometimes be a bit difficult and some require more code than necessary, especially when you include jQuery or other JavaScript functionality into them. However, today I’ll show you a quick, easy, and beautiful way of creating a dropdown navigation using only HTML and CSS3.
2
How to Create an Overlay Popup Box Using HTML, CSS, and jQuery
Have you ever wondered how to some websites create an overlay popup when they click on a link or button? Perhaps you are wondering how to create an error overlay or even a simple ad popup (not recommended since those are really annoying).
2How to Use CSS3 :before and :after Pseudo Elements
When you’re trying to work with HTML content that you are unable to edit (perhaps partially because of technical, work-related, or project-based), the only option to add other content without touching the HTML structure is to use the :before and :after pseudo-elements.
0Create a Photoshop-like Button in CSS3
In this tutorial, I’ll be showing you how to create a very natural and beautifully designed button that you would usually make in Photoshop using only CSS3. Some of the properties that I will be using heavily are CSS3 text-shadows, box-shadows, gradients and rounded corners.
First I’ll show you what we are going to be creating. Then I’ll go through each step to create the button using only HTML and CSS3 properties.
0How to Target IE6, IE7, and IE8 in CSS
Internet Explorer has always caused trouble among many web designers and developers, whether it was because of certain features not implemented correctly (or even at all), alignment issues, and even syntax compliance among other browsers as well.
2
How to Use CSS3 Gradients for Various Browsers
Gradients have constantly been used for many years in web design, mainly with the help of using gradient image backgrounds. Lately however, with the implementation of CSS3 to numerous current browsers, many web designers are able to render gradients without the use of images and instead allow browsers to render them quickly and much more efficiently.
0
15 Beautiful Websites That Use Typography Well
There are many websites out there that have amazing layouts but lack that extra typographic style. We’ve all seen them before(or at least most of us)–websites that have that extra dash of typography to truly set the theme of the website.
0