This site is under construction.

Destination 1
Light Image Opacity on Hover: CSS Transitions

Occasionally, you want to create an image effect where the default state of an image is a little darker. Then, when a larger-screen user hovers over the image, it brightens to encourage interaction. With this snippet and codepen setup, you can achieve that type of effect. See the Pen hover setup – do it // […]

Line Animation: CSS Animations

I’ve written a simple, but fun animation that creates a Knight-Rider ‘esk left-to-right continuous CSS animation. The keyframes rule is required for animations of this type (different from CSS transitions). Once you name an animation, you can create it and place it. Even give it stage or percentage-based changes, using a 0 to 100% scale. […]

Pulsating Animation with Pseudo Classes: CSS Animations FTW

Here are a couple CSS animations working together and with pseudo selectors too, for a combined effect. It’s worth noting that CSS animations have pulse as a potential key-value pairing. Additionally, here, the use of pseudo class selectors has enabled us to create a singular element that has, essentially, three different animations. These are set […]

Fade In Page Elements: CSS Animations & Transitions

You’ve no doubt seen a website that has subtle fade in animations. These are usually opacity-related animations where images or text appear to ‘fade’ into view over a half to full seconds’ time. These animations can also include a spacial change where elements appear to float up or down, even move in from left or […]

Flex & CSS Grid, Layout Properties: Web Dev WorkShop

As of early 2018, CSS Grid is a relatively new approach to layout. Flex or flexbox has been a layout option for a couple of years now, though past approaches such as floats still also work. In a desire to write future-proof code, I’ve started using Grid whenever I think it makes sense to do […]

Get Posts by Category Name: WordPress Query Tags

Let’s say you’re building WordPress website, aaaand you want to have a few blog posts from a particular category display on the page. Now, let’s say you don’t already know how to set the page template code up so that you can pull posts exclusive to the category you’re after. Well, say no more. I’ve got […]

Single Post Title: WordPress Template Tags

The single post title or single_post_title(); template tag allows one to call specifically for the title of the page’s first and foremost content. It is meant most typically for the single.php page template as a part of the WordPress page and post templating system. <?php single_post_title(); ?>   Here’s a gander and a few links to […]

If (is_home() & is_front_page()) Conditional Tags

WordPress is a php-driven CMS that has a world of support and tons of flexibility and features to tap into. Occasionally, a developer may want to define what is shown as a WordPress site’s homepage from a web development perspective. With the following snippet you can use PHP to show the content you want. This […]

Web Design Trends: Spring 2018

What’s going on in the world of web design? Here are a few things I’m seeing more often in contemporary website designs. Modern layouts, trending colors and awesome new techniques to try follow. I’ve bucketed a group of conventions I’m seeing into a group of 6 trends. Each one is discussed, examples given, following the […]

SEO Tips, CSS4 Variables, & Design Thinking for Meetings

Interested in SEO, CSS or how Design Thinking might impact you? Here are a handful of articles to help us each live a little more intelligent and inspired. 😉 Design Thinking + Meetings The topic of meetings comes to surface in a recent piece from Harvard Business Review. Plan a Better Meeting with Design Thinking […]

Page 1 Page 2 Page 3 Page 9 Back to Top