Browsed by
Category: DESIGN

The new programming language for web apps Imba

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

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+…

Read More Read More

Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js

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…

Read More Read More

CSS Grid — Responsive layouts and components

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:…

Read More Read More

10 Material Design Web Frameworks Worth Considering

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…

Read More Read More