Learn Bulma CSS for free
https://scrimba.com/g/gbulma
The new programming language for web apps Imba
if ruby and react had an indentation-based child, what would it look like? Imba is a new programming language for the web that compiles to performant and readable JavaScript. It has language level support for defining, extending, subclassing, instantiating and rendering dom nodes. https://github.com/somebee/imba http://imba.io/ https://somebee.github.io/dom-reconciler-bench/index.html
12+ Lightweight CSS Frameworks to Build a Blazing Fast Website
When it comes to building a website, Bootstrap, Foundation and Semantic UI are probably the three frameworks that come to your mind. However, all these frameworks are relatively heavy and require a deep understanding of the core. Particularly when you’re working on a light project, using a lightweight CSS framework can do the job effectively by cutting down all the bloat and providing you just enough features to help you get started quickly. With that in mind, we’ve researched and compiled a list of 12+…
Bulma CSS Framework – tutorials
Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js
The beauty of the web is that there is no “install” step. Someone, somewhere taps a link to your site, and moments later it appears instantly in front of them. At least, that’s the idea—but not all devices and networks are created equally. Sites that feel fast on a desktop computer with broadband can feel downright slow on a mobile phone with spotty 3G service. So how do you build sites that stay fast no matter what? To help us…
JavaScript Templating Tutorial EJS
Add ESLint & Prettier to VS Code for a Create React App
The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
Flaticon, the largest database of free vector icons Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts Source: www.flaticon.com/
CSS Grid — Responsive layouts and components
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that elements children (which become Grid Items). See the Pen .header { grid-area: hd; } .footer { grid-area: ft; } .content { grid-area: main; } .sidebar { grid-area:…
10 Material Design Web Frameworks Worth Considering
What happens when you combine the principles of great design with the innovations of technology and science? Well, that is just what Google did, and created the concept of Material Design. Simply put, Material Design is a visual design concept that brings together the principles and rules of classic design and the probabilities and norms of science or technology. Since Material Design is hugely popular, so are the tools and resources related to it. In this post, we have put together some of…