kevin-smets

{
  "box-model"					: true,
  "display-property-grouping"	: true,
  "duplicate-properties"		: true,
  "empty-rules"					: true,
  "known-properties"			: true,
  "non-link-hover"				: false,
  "adjoining-classes"			: false,
  "box-sizing"					: false,
  "compatible-vendor-prefixes"	: true,

domenic

Auto-deploying built products to gh-pages with GitHub Actions

This is a set up for projects which want to check in only their source files, but have their gh-pages branch automatically updated with some compiled output every time they push.

A file below this one contains the steps for doing this with Travis CI. However, these days I recommend GitHub Actions, for the following reasons:

• It is much easier and requires less steps, because you are already authenticated with GitHub, so you don't need to share secret keys across services like you do when coordinate Travis CI and GitHub.
• It is free, with no quotas.
• Anecdotally, builds are much faster with GitHub Actions than with Travis CI, especially in terms of time spent waiting for a builder.

kevin-smets

find . -type f -name "*.sass" -exec bash -c 'sass-convert ${0} -i --to scss; git mv ${0} ${0%.sass}.scss' {} \;

kevin-smets

find . -type f -name "*.scss" -exec bash -c 'grep -rin calc ${0};' {} \;

x-or

### Copyright (c) 2015, Sergey Shishmintzev
### License: Apache/GPLv3
### Example video:  http://youtu.be/aJ9IRxgpH10
### Interpreter: Python 2.7.5 with NumPy 1.9.1 and Pillow 2.7.0

power = 19

name = "spiral"

frame_count = 15000

CyberShadow

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

kevin-smets

#!/bin/bash

# Disclaimer: never got this to work properly and have not attempted it since.

# This will require about 30GB of space, still in experimental phase right now

sudo gem install iesd
cd /Applications # Or wherever you hve the "Install 10.12 Developer Preview.app" available
iesd -i Install\ 10.12\ Developer\ Preview.app -o macos.dmg -t BaseSystem
hdiutil convert macos.dmg -format UDSP -o macos.sparseimage

iAdramelk

Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention

Вводная часть

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

1. Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.

2. Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

kevin-smets

What is this combo?

Static file server with livereload, preprocessors, synchronised testing over multiple browser instances and batteries included. This setup uses Harp and Browsersync, hence the name.

Prerequisite

You will need node, install it if you haven't already.

Init all the things