Lately, I’ve been trying to take a look at how I develop forms. Fields need to be validated and it’s always better for the user to be notified on the spot.
But what if we can format the users’ fields for them as they fill them out? Then we can avoid possible form – or worse, shopping cart – abandonment.
List items are one of those things that look the same in a browser, Word document, email, or anywhere else. Fortunately, we have CSS to help us make these lists a bit more exciting on the web! While there are many ways to style list items, we’re going to look at a way of adding an icon from the FontAwesome icon library using only CSS and pseudo-elements.
Recently, I was thinking about an interesting way to display a listing of services offered for a design agency. While there are a plethora of options for something so simple, I ultimately dreamed up a carousel of sorts that scrolls through the services vertically. I knew it would likely require some jQuery and wanted to keep the HTML simple enough to quickly modify or apply to a CMS-generated unordered list.
My first step, as it is with anything I need to whip up quickly in code these days, was to head over to CodePen and see if I could accomplish what I was envisioning. Spoiler: turns out I worked it out. Check out the demo on CodePen and then follow along to recreate it yourself!
We’ve all seen them starting to pop up. You know what I’m talking about: those profile pictures next to search results at Google.. Well, they’re super easy to implement in several ways.
Let’s take a quick look at what they are and how to add them to your website.