Monthly Shaarli

All links of one month in a single page.

June, 2019

How to activate SWAP on Asus RT-AC68U router | Technology tutorials

To enable swapping using a swap file you need to first create the file, prepare it for swapping and then enable the swapping on it. First of, make sure the file system the disk you wish to swap on is properly mounted. If you chose labels for the partitions, use them instead of sda1, sda2, sdb1, etc.

USB Disk Check at Boot or Hot Plug (improved version) · RMerl/asuswrt-merlin Wiki

This guide is a followup to the original found here. The purpose of this guide is to provide example pre-mount scripts that can be used to automatically check and repair the filesystems of USB storage devices during boot or when they are plugged in. This might be desirable because after the router has automatically mounted a filesystem it can sometimes be difficult to unmount it for checking. This is especially true if that filesystem is used by third-party software such as Entware.

How to Fall Asleep Quicker - Quartz

Recommended by The Bell

Mastering Maps: Build a Flexible Variable System in Sass | Viget

Sass maps give you clearer, more flexible variables — learn how to make a map-powered stylesheet with some basic examples.

amtm - the Asuswrt-Merlin Terminal Menu - Diversion

amtm is a shortcut manager for popular scripts for wireless routers running on Asuswrt-Merlin firmware.

Minaal - Bags & gear built for life on the move.

Recommended by Harry Roberts

Harry Roberts' Modern CSS: Writing Better, Cleaner, More Scalable Code course - Skillshare

Modern CSS: Writing Better, Cleaner, More Scalable Code

GitHub - kalvn/Shaarli-Material

Shaarli Material is a theme for Shaarli, the famous personal, minimalist, super-fast, database free, bookmarking service.

Design Systems articles on building and maintaining design systems

A list of design systems

Storybook - live examples
Storybook vs Styleguidist – Chroma

If you’re looking for UI component tools chances are you’ve stumbled across Storybook and Styleguidist. On the surface, both have similar features and are used by teams around the world. It can be tough to pick the right one for your project.

ImprovMX — Free email forwarding — ImprovMX

Set up email forwarding in seconds and start receiving and sending emails with your domain name.

Markdown To Medium - The fastest way to get your Markdown post onto Medium

Create Medium posts from Markdown in a snap. Including syntax highlighting for all your fancy code blocks.

GitHub - juggle/resize-observer: Polyfills the ResizeObserver API.

A minimal library which polyfills the ResizeObserver API and is entirely based on the latest Draft Specification.

GitHub - danielguillan/quantity-queries: Simple quantity queries mixins for Sass

Simple quantity queries mixins for Sass. Use quantity as a condition to style your items.

Blog | a11y with Lindsey

Recommended by: CSS-Tricks

КУЗЯ - умные счетчики воды в Москве
Sass Map Magic

A presentation at CSS Summit 2015 by Miriam Suzanne

Alpha, Beta, Gamma naming convention 🤘 SB

A few months ago I started using Alpha, Beta, Gamma naming convention for variables or elements. It began as a temporary thing, but it stuck eventually, and now I am using it all the time.

Thumbprint is the design system at Thumbtack.

Thumbprint is the design system at Thumbtack.

Self-Host Your Static Assets – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts

One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem counter-intuitive: you should self-host all of your static assets, forgoing others’ CDNs/infrastructure. In this short and hopefully very straightforward post, I want to outline the disadvantages of hosting your static assets ‘off-site’, and the overwhelming benefits of hosting them on your own origin.

Вы не знаете БЭМ - доклад на конференции PiterCSS Meetup

Не ещё одна методология, не новая библиотека, не «серебряная пуля». Нужен ли нам БЭМ и какие есть альтернативы? Сколько нужно разработчиков, чтобы «наделать делов» и кто в этом виноват?

A comprehensive guide to using BEM with React – Trabe – Medium

In this story I want to broaden the focus and give you a more detailed view on the way we use BEM naming conventions together with some tooling in our React projects.

Исследование: Россия заняла четвёртое место в списке стран с самой низкой стоимостью мобильного интернета — Новости на TJ

Новости про интернет: тренды, скандалы, технологии и медиа.

The Flexbox Holy Albatross Reincarnated | HeydonWorks

You may want to read the original Flexbox Holy Albatross post but basically, I missed a step (I was hungover): You can switch between horizontal (multi-column) to vertical (single column) Flexbox layouts just using flex-basis. No min-width or max-width needed — in fact, they just restrict Flexbox from doing its beautiful Flexbox thing.

GitHub - RMerl/asuswrt-merlin: Enhanced version of Asus's router firmware (Asuswrt)

Asuswrt-Merlin is an enhanced version of Asuswrt, the firmware used by Asus's modern routers.

The goal of this project is to fix issues and bring some minor functionality adjustments to the original Asus firmware. While some features do get added, this is not the main focus of this project.
It is not meant to replace existing projects such as Tomato or DD-WRT, but rather to offer an alternative for people who prefer the original firmware featureset.

GitHub - Feuerfuchs/sass-ignis: A mixin-based Sass framework that makes it easier to work with BEM, organize variables and more.

Ignis is a Sass library that I developed to create websites. Its main feature is a BEM system, though it also includes some other useful features:

Easing background gradients
Context stacks: A temporary data storage
Property trees: A persistent data storage
Responsive properties: A generalization of responsive typography
Modular scales

Storybook: UI component explorer for frontend developers

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Get StartedWatch video