Flow Chart in Pure CSS

CSS | Posted by Keefr February 21st, 2017

CSSCame across this nice little flow chart demo that’s built using semantic HTML and pure CSS.

The markup is simple unordered lists with anchor links inside.

The CSS is a little more complicated — getting into pseudo-elements (like last-child, first-child, and before), along with some hover and transition rules — very nice, compact and reusable.

Source: CodeMyUI.com – Vertical Family Tree in Pure CSS

A Tool Every Front-End Developer Needs: ImageOptim

Optimization, Workflow | Posted by Keefr February 20th, 2017

ImageOptimSeveral jobs back, our development team discovered a little tool that’s become a crucial part of our workflow in optimizing every visual that ends up online for us. The tool is called ImageOptim, and it really does one thing, but it does it so well.

While I’m sure this isn’t a new find for many other fellow front-end developers, we still meet others who don’t know about it, so figured it was worthy of a post this morning.

Read the rest of this entry »

Command Line Challenge

DevOps | Posted by Keefr February 7th, 2017

SEOI’m in the terminal every day at work, especially when working on our pair of web servers at work, or my personal one. Over the years, I feel like I’ve gotten really adept at doing things efficiently and quicker than through a GUI for a ton of tasks, but this challenge is a good eye opener about how much more I could be doing and learning to do via the command line.

CMD Challenge

UI / Modern Web Inspiration

CSS, User Experience (UX), User Interface (UI), Web Development | Posted by Keefr January 20th, 2017

My boss shared this in a meeting earlier this week, and I’m loving the links and collections the page has curated.

It’s a bunch of modern web element demnos, tagged into categories including buttons, menus, images, icons, text, input fields, and trending.

I’m looking forward to diving into the demos/examples and bookmarking in the browser (and mentally) for future web projects and implementation.

Code My UI

Common WordPress Security Issues

WordPress, WordPress | Posted by Keefr January 19th, 2017

In 2016, we added another plugin that’s part of our base install with any WordPress site we’re developing – iThemes Security / Security Pro for helping to harden WordPress installs. The article linked below outlines some of the common things WordPress, its plugins, and its themes are susceptible to in terms of security holes.

Obviously, as the maker of the theme, their piece is partially about selling the need for their plugin, but 1) that’s ok — both the free and paid versions are great and 2) the information is accurate, valid and something you should be considering with every WordPress install you put out into the public.

Source: iThemes – 5 Common WordPress Security Issues