Welcome to My Blog

Archives

Production Progressive Web Apps with JavaScript Frameworks

This last week at Google I/O, Addy Osmani announced some amazing developer resources for creating Progressive Web Applications (PWAs) that prioritize performance with JavaScript Frameworks.

This is a really valuable contribution to the community. A lot of people want better performance for their framework of choice but can’t get buy-in for time and resources to devote to this kind of endeavor. The ability to start with a baseline of high performance and good lighthouse scores is incredibly valuable, allowing developers …


Production Progressive Web Apps with JavaScript Frameworks is a post from CSS-Tricks

read more

Comics of the Week #391

Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world […]

read more

Snap Animation States

There are many ways to make icons for a website. Inline SVG is scalable, easy to modify with CSS, and can even be animated. If you’re interested in learning more about the merits of using inline SVG, I recommend reading Inline SVG vs Icon Fonts. With ever increasing browser support, there’s never been a better time to start working with SVGs. Snap Animation States is a JavaScript plugin built around Snap.svg to help create and extend icon libraries with …


Snap Animation States is a post from CSS-Tricks

read more

How to Convert More Traffic Quickly and Easily

If you’ve got a blog that gets plenty of traffic but you’re still struggling to make money – you might be looking for new ways to monetise your site and start making a good profit. Thankfully, you’ve already done the hard part. Generating traffic. Sometimes all your site needs is a few simple tweaks to […]

The post How to Convert More Traffic Quickly and Easily appeared first on Web Developer Juice.

read more

Designing and Debugging with Ducks in Your Web Projects

If you keep up with the jargon within the web development and design industry it’s likely that at some point you will have come across the term “duck” at least once or twice. Apart from it being fun to feed bread to them, ducks in the web industry hold at least two completely different meanings.

Debugging

One of them is referred to as rubber duck debugging, which is when you to talk to a rubber duck toy to …


Designing and Debugging with Ducks in Your Web Projects is a post from CSS-Tricks

read more

11 Shocking Designs Straight Out of the ‘90s

The Internet has certainly been through a lot over the past 20+ years. We’ve watched web design change from the most basic of HTML markups to complex JavaScript, CSS and HTML5 coding. But remembering the past can be fun and that’s why, this Thursday, we’re throwing you back to the 90’s for a look at […]

read more

4 Ways Use Functional Animation in UI Design

Just a decade ago user interfaces that used animations were avoided, being most often associated with popups and flashing ads, but this has changed. Today details of interaction design and animation make a fundamental difference on modern websites and in modern apps. This mindset shift is clearly expressed in Zurb’s statement: We’re no longer just […]

read more

React Forms: Using Refs

React provides two standard ways to grab values from <form> elements. The first method is to implement what are called controlled components (see my blog post on the topic) and the second is to use React’s ref property.

Controlled components are heavy duty. The defining characteristic of a controlled component is the displayed value is bound to component state. To update the value, you execute a function attached to the onChange event handler on the form element. The onChange


React Forms: Using Refs is a post from CSS-Tricks

read more

Are we making the web too complicated?

Exactly as I did the other week, Laurie Voss saw a tweet about the complication of front-end development and responded.

From the outside, front end development in 2017 looks pathologically overcomplicated. Is this a fair perception? If so, why is it happening?

— Pinboard (@Pinboard) May 21, 2017

The replies to Maciej’s tweet are interesting to read. They fall roughly into two camps:

  1. Older/not front-end developers: because the web is shit!
  2. Current front-end developers: because shit is hard!

As …


Are we making the web too complicated? is a post from CSS-Tricks

read more