Using CSS to Create a Fixed Header
Fixed headers are a popular trend in web design, and adding one to your site can be as easy as adding a position: fixed line to your CSS, but often it’s a little more complicated than that. Some other styling […]
Posts by Ran Enoch:
Media Queries: General Guidelines
Using media queries is a great way to optimize your sites for all different mobile viewports. When using media queries to make your site responsive and mobile friendly, it’s important to keep certain breaking points in mind. Use the media […]
How to Style Mandatory Fields with CSS3 Pseudo-Selectors
It’s not uncommon for mandatory fields in a form to be marked as such — often these fields are marked with an asterisk or with a colored border around the input so that the user is aware that the particular […]
Using Pseudo-Selectors to Style Links
CSS3 allows for various different pseudo-selectors to be applied to anchor tags in order to style links at various different stages of use or activity. The pseudo-selectors that are often applied to links are:
:link – applies to links that have […]
How To Use CSS3’s :not() Pseudo Selector
CSS3’s :not pseudo selector makes it possible for you to select and apply styling to every type of element except one. This handy little trick can save you from having to manually write a lot of CSS code, because in […]
Tips for Flawless Responsive Design
1. Start with a clean design
There’s not a lot of space on mobile devices for inessential or complicated features. Starting off with a clean design will help your users to make sure they can clearly understand and navigate the content […]
CSS3’s Embossed Text Effect
There are so many cool text effects that can be achieved using CSS3’s versatile text-shadow property. One easy text effect you can employ using this method is the embossed text effect. Basically, by setting the text-shadow values to negative numbers, […]
Create Drop Caps Using CSS3
A drop cap is the first letter of a paragraph or a text block that is larger and usually styled differently from the rest of the letters. This can be done a number of different ways, including inserting <span> tags […]
Easily Create Responsive Columns with Column-Count
CSS3’s column-count property makes it unbelievable easy to create completely responsive columns without adding any extra markup to your HTML. Check out the paragraph below and see how easy it is to turn one block of text into 2 separate […]
Quick Tip: How to Minify Your CSS
Minifying your CSS basically means to get rid of all of the unnecessary characters (spaces, line breaks, etc) to strip down your stylesheets so that only what is absolutely essential to run the code remains. Putting your CSS through this process […]