Web Development Archives - Page 3 of 5

January 4, 2015

MMXV

Last year around this time I posted an article here that wrapped up 2013 and set some goals for 2014. The slate has once again been wiped clean for the new year, but now’s as good of a time as any to reflect on the past year and set new goals for the coming one.

May 6, 2014

FlipQuiz: Classroom Review Games

February 12, 2014

A Drupal Module for Streamlining the Content Review Process

As a site developer for a web development agency, I often have the need to send clients pieces of content (pages, blog posts, team bios, etc) for review. These are pieces that cannot yet be live in the site, so they need to remain unpublished and be reviewed. Sending links to clients with a login string in the URL is a great way to speed up the process, but I had to write a module to iron out the wrinkles for our clients.

February 2, 2014

Formatting Credit Card Inputs

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.

January 26, 2014

CSS Within Widgets

So it all started when I was looking for a weather widget for a client’s website. After looking at what felt like 300 old, dated, gross weather widgets, I finally found one that is pretty nice. Scratch that, this one is beautiful. I was able to set the city name, latitude, longitude, and color for the temperature bars, but I thought “What if they could let someone (me) provide their (my) own CSS file in the URL?” So I set out to develop my concept.

January 8, 2014

CSS-Only FontAwesome List Item Bullets

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.

July 17, 2013

Build a Current Day Highlighted Store Hours Display

I wanted to add an easy way for customers at the site to know very quickly whether the client’s office was open or not. At the very least, I wanted today’s hours to be front and center.

March 12, 2013

jQuery Vertical Carousel

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!

February 11, 2013

An Occasional Thought...