About Rene Spronk

My name is Rene Spronk and I am the owner of CSSPortal. I started getting interested in CSS when I designed my first website, I loved how you could control so many aspects of the page with CSS. Since then I have developed many websites, but this site is still my favourite as it helps others to learn CSS.

Style Checkboxes and Radio Buttons

In this tutorial we are going to show you how to style checkboxes and radio buttons using only CSS code. By customizing these two elements, you’ll be able to keep your webpage colors and styles consistent with other elements on your page. The way we style the checkbox and radio button is by making the two elements invisible and then using CSS to create a new checkbox or radio button.
Continue reading

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 is a good chance that your clients will decide to go elsewhere for the information that they are looking for.
Continue reading

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, they are a visual indicator to know which link has the focus.
Continue reading

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 the placeholder attribute. Continue reading

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, although you can still get better animations with javascript, this CSS Accordion could still make a great addition to your site design. Continue reading

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 is a brief message that will appear when you hover over a link, this message might be a simple sentence explaining where the link will take us or just stating some relevant information about the link. Continue reading

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 a website, if for example the user made an error during registration, you could use an alert box to inform the user of the particular error. If however everything was correct, you could alert the user that registration has succeeded and that they can now login. Continue reading