Archive for the ‘Web Development’ Category

Online Regular Expression Tester / Debugger

DevOps, JavaScript, PHP, Web Development | Posted by Keefr July 10th, 2017

Markup / HTMLA guy on my team today shared this, and I had to immediately share as well. Regular Expression (RegEx) is super powerful, but can be very confusing, and a single character off can have big consequences, not work properly or cause a regular expression to fail completely.

Enter the site linked below, regular expressions 101. It allows you to test and debug regular expressions, and even its variations between PHP, JavaScript, Python and Go.

It’s cool in that as you put in RegEx, it code hints everything so you can fully understand everything in the string — which is nice when you find a possible solution on Stack Overflow or some other random development blog. It helps you parse out what the RegEx is actually doing.

The explanations are well done and it’s a tool I’m definitely bookmarking for the next time I’m in the regular expression world.

regular expressions 101

WordPress Security Best Practices

Web Development, WordPress | Posted by Keefr June 19th, 2017

Great article by iThemes, who just so happens to make a security plugin for WordPress. But seriously, the seven things that the article focuses on are things I’ve tried to focus on over my years as developer with my teams and employers.

I love too that it points out that exploiting sites isn’t usually a concentrated/personal attack, but rather bots constantly sniffing the Internet for exploits, sites that haven’t been patched, have exploitable, permissions etc.

Things like using HTTPS everywhere have gotten easier over the years as well, as free domain validation level certificates have become easy to do, providing your web host offers the service via something like Let’s Encrypt.

BTW, the iThemes Security Pro plugin has been a mainstay in all our WordPress installs. While some people don’t like actually paying for plugins, you should at least use their free version to harden your WordPress sites with ease.

Source: – 7 WordPress Security Best Practices

Thoughts on the Future of Front End Development

User Experience (UX), User Interface (UI), Web Development | Posted by Keefr May 29th, 2017

SEOHave I mentioned lately how much I love css-tricks.com? On top of the CSS depth that a site like CSS Tricks would come with, author Chris Coyer is knowledgeable across all things front end development.

He said he was recently asked to to speak on the future of front-end web development. He’s quick to make disclaimers that he’s just one man, but most of his points are in line with my experiences and gut as well.

Source: CSS-Tricks – What is the Future of Front End Web Development?

Hamburger Menu Animation / Functionality Collection

CSS, JavaScript, User Experience (UX), User Interface (UI), Web Development | Posted by Keefr April 24th, 2017

Markup / HTMLThe hamburger menu isn’t going away anytime soon — neither on mobile nor desktop web designs and development.

Line25 published this collection of 20 examples of ways to implement and animate the showing/hiding toggle tied to the hamburger button. A lot are similar, but worth clicking through and trying out individually.

Source: Line25 – Demystifying the Hamburger Menu: 20 Hand-Picked Examples

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