A framework for creating a predictable & harmonious spacing system
A framework for creating a predictable & harmonious spacing system for faster design-dev handoff, improved readability, and consistency in product.
CSS
9 Things You Didn’t Know About Firefox Dev Tools
Firefox’s own dev tools have come a long way, and they are still being continually upgraded. They are now definitely on the same level as any other dev tools.
Scroll Transition Animation Inspiration
A collection of scroll transition animations
Human Friendly Colours using HSL
HSL can help you to define Human Friendly colours based on these propertiess which helps us adjust a colour lighter or darker or more colourful.
Managing CSS & JS in an HTTP/2 World
Delivering CSS & JS on your websites is completely different with HTTP/2, and here is a guide on how I've done it.
An Introduction to NativeScript
In this article, we're going to take a look at NativeScript, an open-source framework for building mobile iOS and Android apps with JavaScript.
Managing large (s)css projects using the inverted triangle architecture
The Inverted triangle architecture, also know as ITCSS, is a methodology for structuring your css in the most effective and least wasteful way.
Angular vs. React: Which Is Better for Web Development?
There are countless articles out there debating whether React or Angular is the better choice for web development. Do we need yet another…
Creating Progressive Web Apps Using Angular
Progressive web applications are the new standard in this modern era of web development. They’re pure web applications built with the very web technologies - HTML, JS & CSS
Bootstrap vs. Foundation: Which Framework is Right for You?
Bootstrap vs. Foundation — which full-featured front-end framework (HTML, CSS, and JavaScript) is right for your needs? Great for responsive user interfaces.
Using Custom Properties to Modify Components
Instead of using custom properties to style whole portions of a website’s interface I think we should use them to customize and modify tiny components
Build a Secure Notes Application with Kotlin, TypeScript, and Okta
Tutorial for creating an authentication Hello World app with cool technologies like Kotlin, TypeScript, Spring Boot, and Angular out in a few minutes
Twig - the Most Popular Stand-Alone PHP Template Engine
Claudio re-introduces you to Twig - the most popular stand-alone (not enslaved to a framework) template engine for PHP. Come see how easy to use it is!
Morphing Page Transition
How to create a simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up. Powered by anime.js.
Creating Beautiful Charts Using Vue.js Wrappers for Chart.js — SitePoint
Learn to easily create different kinds of charts and visualizations for your Vue.js applications, using these three wrappers for the Chart.js library.