CSSPortal - Page 6 of 7 - Fun with CSS!

Improve Loading Times

CSS Tips to Improve Page Loading Times

Page loading times is an important factor in ranking well in a variety of search engines, plus is also extremely important for the end user of a website. These days we all want everything straight away and we do not want to wait too long for webpages to load, if sites are too slow, there […]

Read More...

By CSSPortal Published on April 5, 2014 Category CSS

Adding Image Overlay with CSS

Adding Image Overlay with CSS

Over the past few weeks, I’ve received a number of emails asking me how to achieve the look that appears when hovering over an image on our css template page. The following tutorial will explain and show you how this can be done.

Read More...

By CSSPortal Published on March 30, 2014 Category CSS

Rotate Images with CSS

Rotating Images with CSS

Have you ever found an image but wanted to display it flipped the other way? Previously you would have used your favourite image editor to create a new image that was flipped. These days it is now possible to rotate an image with CSS using the transform property.

Read More...

By CSSPortal Published on March 22, 2014 Category CSS

Remove Dotted Outlines

Remove Dotted Outlines

We’ve all seen the dotted lines around anchor links, and we know that they are there for a reason, but for the majority of us, we do not want them there. This snippet will show you how to remove them for your webpages. Please keep in mind that the dotted lines are there for accessibility, […]

Read More...

By CSSPortal Published on March 9, 2014 Category CSS

Fonts with CSS @font-face Rule

Fonts with CSS @font-face Rule

The CSS @font-face rule allows web developers to use any font to display text on a webpage. By using the @font-face rule you’ll no longer be restricted to using the limited amount of fonts that are available on the users computer.

Read More...

By CSSPortal Published on March 8, 2014 Category CSS

Style Placeholder Text

Style Placeholder Text

The placeholder attribute was introduced with HTML5 to offer the user the ability to show text in an input field, when the user clicks on the input field and starts typing the text disappears so that you can enter what you need. Here we will show you how you can style the text displayed by […]

Read More...

By CSSPortal Published on March 1, 2014 Category CSS

CSS Accordion

CSS Accordion

One great thing about CSS is the ability to create great looking designs for your websites and with CSS3 you can write code that does not require javascript (as long as you have the latest web browsers!). In this tutorial we will show you how to design a CSS Accordion without the need of javascript, […]

Read More...

By CSSPortal Published on May 26, 2013 Category CSS

CSS Tooltips

CSS Tooltips

Have you ever wanted to create toolips with just CSS code? Like many people the answer is yes. In this tutorial we will go through the process and show you exactly how this can be done without using any javascript or images, only pure CSS code. Firstly let’s explain what a tooltip is: A tooltip […]

Read More...

By CSSPortal Published on May 11, 2013 Category CSS

Notification Boxes

CSS Notification Boxes

Today we are going to look at the design of CSS Notification Boxes. Notification or Alert Boxes are a great way to inform the user of a variety of messages, such as: error messages, success messages, warning messages and general notification. A great example for using these notification boxes would be for user registrations for […]

Read More...

By CSSPortal Published on May 5, 2013 Category CSS

CSS Reset

Do I Need a CSS Reset?

Lately, I’ve been getting quite a few emails asking me if they should include a CSS reset stylesheet in their projects. Basically each time I answer these emails, my response is always yes. Not everyone thinks it is necessary to include a reset stylesheet, but I find it can’t hurt by including one. So people […]

Read More...

By CSSPortal Published on April 22, 2013 Category CSS

Page 6 of 7
1 4 5 6 7