Richard Rudy

36 Flips | 4 Magazines | 25 Likes | 9 Following | 3 Followers | @thezenmonkey | Keep up with Richard Rudy on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Richard Rudy”

9 Free Progress Bar JavaScript Plugins For Web Designers

Progress bars can be used for loading pages, pulling Ajax content, or for handling basic user input tasks like file uploads.The newer HTML5 progress …

📦 Create Guten Block: Create React WordPress #GutenBlocks with Zero-Config JavaScript toolkit #0CJS

🙌 I'm truly excited to release one of my best open source software packages called create-guten-block with which you can start creating blocks for …

Single Line Statements in JavaScript: Reverse a String

In this series, our objective is to implement solutions that helps us understand and become a better developer using as less code as possible while …

Improve User Experience with Proper Webfont Loading

Webfonts are one of the very first things we add to our sites—whether it be for individuality or stylistic reasons. Unfortunately, they are also …

10 WordPress Plugins to Supercharge Advanced Custom Fields

I have to admit – I have a bit of a dev-crush on Advanced Custom Fields (ACF). The popular WordPress plugin allows you to build some incredibly …

SVG can do THAT?! by sdrasner

Sarah Drasner<p>@sarah_edo : twitter || @sdras : codepen<p>Sr. Developer Advocate at Microsoft<p>SVG!<p>This pen.<p>Positioning in CSS got you down?<p>We can do stuff …

How to Make Better Instagram Stories

Instagram Stories have quickly become a popular way for photographers, videographers, and other creatives to share real-time work, behind the scenes …

Design a Pre-Formatted Text Box for Phone Numbers and Credit Cards

Tiny Tutorials<p>Hurry…learn something…quick!<p>This is part of a series of short tutorials about specific elements, components, or interactions. We’ll …

Credit Cards

Building Production-Ready CSS Grid Layouts Today

Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and …

How to enable the gzip/deflate in nginx server on Linux or Unix system

I am a new Linux system admin and how can I enable gzip compression on nginx web server for JS/CSS/HTML files?

Creating stunning charts with Vue.js and Chart.js

Dive into the options of chart.js to create stunning charts.<p>Interactive charts can provide a cool way to visualize your data.<br>However most out of the …

JavaScript

Useful Design Tool: WebGradients.com

Tools, I think we are having the luxury of a huge range of variety of tools to increase your productivity in your workflow as a designer and even as …

Leonard Cohen’s Art of Losing – BLARB

In a 1959 letter to Canadian publisher Jack McClellan, a 25-year old Leonard Cohen characterized his audience as “inner-directed adolescents, lovers …

Heroism

The Designer’s Ultimate Sketchbook

What do you do with all your loose A4/US Letter sheets? Wait, you Scan them and convert them to PDF?! Convert them into a NoteBook Modular instead! …

PHP

Ben Affleck is getting sick of all this talk about Batman

Until recently, Ben Affleck has been actively giving off the impression that his <i>Batman</i> movie—the one he’s directing and starring in—might not happen. …

Atomic design & prototyping tools: UX from the bottom up

Atomic design and wireframing: breaking UX design down to the primary building blocks to fully understand what the user really wants<p>Web design is …

Transform your web design with functional animation

Animation, in web design terms, has grown up. It's no longer a bit of window dressing for your site, shiny but ultimately worthless. Instead it's …

Viewport Unit Based Typography | Zell Liew

9th Mar 2016<p>I talked about using rem and em for responsive typography and for building modular components in two blog posts previously. In both …

jQuery DrawSVG

This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using …

Ocumetics Bionic Lens could give you vision 3x better than 20/20

Imagine being able to see three times better than 20/20 vision without wearing glasses or contacts — even at age 100 or more — with the help of …

Laser Cut Settlers of Catan Board

DIY Rising Table<p>Cedar Strip Kayak<p>Make a Carved Box Form Firewood<p>PVC Class<p>Hi Josh!<p>Thanks for this awesome design! A quick question, in the DXF files, …

Woodworking

The Future of the Luxury Shopping Experience

A theme that I’ve always been interested in is the way that the internet will reshape the luxury sector. It’s a paradox: on the one hand, the internet is completely transforming marketing, a trend which luxury brands, whose premium pricing power is based on marketing (understood in its broad …

Dependence Day: The Power and Peril of Third-Party Solutions

“Why don’t we just use this plugin?” That’s a question I started hearing a lot in the heady days of the 2000s, when open-source<p>CMSeswere becoming …

12 Useful SVG Icon Sets | Web & Graphic Design

Unlimited Downloads : 500,000+ Design Assets<p>SVG is a file format that enables two-dimensional images to be displayed in XML on the Web. The PNG’s and …

Web Design

One Bowl Baking: Pineapple Coconut Muffins

More<p>Breakfast<p>Everything you need to make the most important meal of the day delicious.<p>Who doesn't love the quintessential tropical summer flavor combination of pineapple and coconut? I know I do, though preferably when used in conjunction with rum. Except when it comes to breakfast. Though many a …

Strawberry Vanilla Coconut Ice Cream

<i>Every other Thursday, Gena Hamshaw of the blog</i> <i>Choosing Raw</i> <i>shares satisfying, flavorful recipes that also happen to be vegan.</i><p><i>Today: A vegan ice cream so creamy and rich, it'll bring a smile to the face of even the most die-hard ice cream enthusiast.</i><p>I’ve been on the hunt for a perfect vegan ice cream …

Bowen Belt Knife

Bowen Knife Company are selling this ingenious and stealthy combination of a knife buckle and leather belt. Most knives are annoying to conceal and …

The Ideal Length of Everything Online, Backed by Research

<b>UPDATE: See a newer, updated version of this post with a brand-new infographic.</b><p>Every so often when I’m tweeting or emailing, I’ll think: Should I …

How to Correctly Detect Credit Card Type

Most card type detection tutorials and libraries use regular expressions without references, often omitting or incorrectly detecting card types. This …

Perfect Quick-and-Easy French Toast

More<p>Breakfast<p>Everything you need to make the most important meal of the day delicious.<p>My sister and five-year-old nephew have been staying with me this week, so, trying to be a good uncle, I asked beforehand what his favorite foods were. On the list, among Cheerios and chicken feet (yeah, he's a …