Browse By

Category Archives: Front-end

Master web development with these 9,985 weird tricks

Ladies and gentleman, I would like to introduce you to Know It All, a tool to help you discover what you don’t yet know about web development. A few months ago I was lucky enough to come down with a brain-nibbling virus that has made

MEAN’s great, but then you grow up.

The MEAN stack (MongoDB, Express.js, Angular.js, Node.js) is now being heralded as the new LAMP (Linux, Apache, MySQL, PHP), the preferred technology stack for startups. MEAN is certainly a great technology choice for organizations (particularly startups) seeking to rapidly prototype a capability. However, like all

What the Heck is Shadow DOM?

If you build Web sites, you probably use Javascript libraries. If so, you are probably grateful to the nameless heroes who make these libraries not suck. One common problem these brave soldiers of the Web have to face is encapsulation. You know, one of them

15 Must-Know Chrome DevTools Tips and Tricks

15 Must-Know Chrome DevTools Tips and Tricks Danny Markov March 25th, 2015 Google Chrome is the most popular web browser used by web developers today. With a quick six week release cycle and a powerful set of ever expanding developer features turned the browser into

10 Useful Google Chrome DevTools Tutorials

Also known as DevTools, Chrome Developer Tools is an essential component of any frontend developer’s toolkit. Being able to master this handy in-browser tool will greatly enhance your coding workflow. DevTools comes with a great deal of features, and to take advantage of them, it’s

Animation in Design Systems ◆ 24 ways

Animation in Design Systems   Our modern front-end workflow has matured over time to include design systems and component libraries that help us stay organized, improve workflows, and simplify maintenance. These systems, when executed well, ensure proper documentation of the code available and enable our

Front-End Performance Checklist 2017 – Smashing Magazine

Are you using progressive booting already? What about tree-shaking and code-splitting in React and Angular? Have you set up Brotli or Zopfli compression, OCSP stapling and HPACK compression? Also, how about resource hints, client hints and CSS containment — not to mention IPv6, HTTP/2 and service

Difference between MVC, MVP And MVVM

  Difference between MVC, MVP And MVVM MVC, MVP, and MVVM are some of the common patterns to guide programmers toward creating decoupled solutions. The software behaviors that are common to MVC, MVP, and MVVM are: 1)Data Layer / Business Logic (Model): This is the

Can I use… Support tables for HTML5, CSS3, etc

About “Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as

Using CSS flexible boxes

The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model