CSS Archive
Making a Success Message Show and Hide after a Form Submission
Recently, I’ve been working with a lot of form confirmations and have been thinking about the best way on how to approach these. Many forms redirect users to a separate page that displays a simple thank you/confirmation message and there are also the forms that display a confirmation on the same page.
Continue reading »
Transforming a Logo into a Clickable Background Image
Making your logo a clickable background image can have its advantages. There is some debate whether it’s worth the extra markup. Here are some reasons why I think its worth pursing:
- Viewable for browsers/mobile devices
that may not support CSS - SEO (Search Engine Optimization)
- Provides more options with layout flexibility
Why not give it a try? Making a background image clickable is pretty straightforward and actually very similar to the image flicker tutorial.
Continue reading »
Prevent Rollover Image Flicker the Proper Way
It’s annoying when you’ve got a beautiful button designed and find out it flickers when the mouse rolls over. Fortunately, there’s an easy way to fix this issue with a little bit of code.
What is an image flicker?
For those who don’t know what an image flicker is it’s basically caused when the button is rolled over by the cursor for the first time causing the second image to load. For a split second, while the second image is loading, there is a little flicker which basically looks like a blank spot filled with nothing. This issue is a common occurrence in all browsers.
Continue reading »
Collecting User Data and Practicing CSS-Based Web Form Development
I’m on my last week of finishing up a large milestone of a project. One of the things I wish I could have spent more time on would have been the web forms. A lot of time is spent planning the layout, design, and content of a web site, but forms are commonly overlooked as an important feature.
We all know that forms are common for a user to interact with, which is why spending more time and thought with the layout and usability is important. As a web designer, I want to create forms that have minimal fields and are easy to use. However, convincing the stake holders can remain difficult.
Continue reading »
