Browsed by
Category: DESIGN

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

Tabler TML Dashboard

Tabler TML Dashboard

Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap 4 https://tabler.github.io/tabler/docs/index.html Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap 4https://github.com/tabler/tabler1,348 forks.16,116 stars.103 open issues.Recent commits: Merge pull request #176 from amitozdeol/devUpdate maps.html, GitHub Merge pull request #181 from HyperKids/patch-2Fixing typo, GitHub Fixing typo"Awerage" -> "Average", GitHub Update maps.htmlOn mobile, Expand map-metro to full width, GitHub page-main -> flex-fill, codecalm