Vadym Okun cbmd

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

После апдейта на iOS8 и OS X 10.10 я обнаружил, что работать с AppleTV стало невозможно. Все начало умирать, тормозить, дисконнектиться. Заикался даже звук, не только видео. Два месяца я терпел, два дня я думал, два часа я потратил на то, чтобы найти проблему и решение. Проблема оказалась закопана глубоко в анонс iOS8, прямо на сайте Apple. Вот тут

Поясню: в новых iOS и OS X в сочетании с третьим поколением AppleTV появилась новая крутая возможность. Тепреь не обязательно быть соединенным с одной и той же WiFi точкой, чтобы передавать изображение на AppleTV. Работает это так же, как, например, отправка фоток через AirDrop, технология похожа на WiFi Direct, только очень по-эппловски - широкими броадкастами пытается поймать все WiFi каналы, которые есть рядом. Работает все это прямо на чипе, который реализует WiFi и Bluetooth. И работает, надо сказать, ОЧЕНЬ плохо.

Но страшно не то, что работает это плохо, а то, что включно это

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Jake Archibald (@jaffathecake): The ServiceWorker is coming; look busy
https://speakerdeck.com/jaffathecake/the-serviceworker-is-coming-look-busy https://github.com/jakearchibald/trained-to-thrill/
https://www.youtube.com/watch?v=SmZ9XcTpMS4

Hunter Loftis (@hunterloftis): We Will All Be Game Progmrammers
http://wwabgp.herokuapp.com/s
http://youtu.be/QX0eauXBKwc

CarterRabasa (@carterrabasa): A Community of People; Not Projects

HTTPS: Requests per second:    89.07 [#/sec] (mean)
HTTP:  Requests per second:    4622.12 [#/sec] (mean)

SSL config source

Be aware: https://twitter.com/jessemcnelis/status/508456580384178178

	// Imports zip.sass, zip.scss, or zip.css nontransitively with a "zip" prefix.
	@use "zip";

	// Uses the "foo" mixin from zip.
	@include zip-foo;

	// The prefix is now "zap".
	@use "zip" as zap;

	// Everything is in the global namespace.

	<?xml version="1.0"?>
	<config>
	<frontend>
	<events>
	<!-- disble logs -->
	<controller_action_predispatch>
	<observers><log><type>disabled</type></log></observers>
	</controller_action_predispatch>
	<controller_action_postdispatch>
	<observers><log><type>disabled</type></log></observers>

	extension Array {

	func first() -> Element? {
	if isEmpty {
	return nil
	}
	return self[0]
	}

	func last() -> Element? {

	location ~* \.(txt\|log\|xml\|css\|js)$ {
	add_header X-Robots-Tag noindex;
	}

Vadym Okun cbmd

Trello CSS Guide

Styling native elements

CSS Layout Debugger

$ ab -n 10000 -c 100 -f TLS1 https://127.0.0.1:3008/