aarongarciah

const Component = styled(
  'div',
  {
    // a. Seamless
    backgroundColor: 'primary',
    padding: '0 1',

    // b. With a prefix
    backgroundColor: '$primary',
    padding: '$0 $1',

aarongarciah

javascript:(function(){var a=document.querySelectorAll('[data-eventchip]');Array.from(a).forEach(function(b){var c=b.querySelector('[aria-hidden="true"]');if(c){var d=c.childNodes;Array.from(d).forEach(function(e){if(window.eventNamesHidden){var f=e.dataset.oldText;f&&(e.textContent=f)}else e.dataset.oldText=e.textContent,e.textContent=''})}}),window.eventNamesHidden=!!!window.eventNamesHidden})();

aarongarciah

macOS Recommended Apps

• iTerm2 (+ oh-my-zsh + agnoster-zsh-theme)
• Rectangle Window manager
• Numi Calculator
• Kap Screep capture
• Linear Screen rules
• PixelSnap Measure things on screen
• Muzzle Silence notifications while screensharing
• Lungo Keeps your Mac awake

aarongarciah

React Alicante 2018 Talks

Conference Day 1

• 2018 - The Year of Web Components, Dominik Kundel
• The Lonely and Dark Road to Styling in React, Sara Vieira
• Next Generation Forms with React Final Form, Erik Rasmussen
• The ABC of Coded Style Guides, Henning Muszynski
• Testing, Testing, 1, 2, NaN, Gant Laborde
• Lambdas, lambdas everywhere..., Flavio Corpa

aarongarciah

▽ Dressing ITCSS

Source

• Video Daniel Fornerlls - Dressing ITCSS
• Slides https://danifornells.github.io/dressing-itcss/#/

Layers

01. Settings

• Configuración del núcleo

aarongarciah

▽ Managing CSS Projects with ITCSS

Source

• Video Harry Roberts - Managing CSS Projects with ITCSS
• Slides https://speakerdeck.com/dafed/managing-css-projects-with-itcss

Core concept

• Start with generic and end with explicit.
• Write CSS in specificity order.
• 📈 The Specificity Graph must be always trending upward.

aarongarciah

⚡Battery API 🔋

Playing with the Javascript Battery API. Some fast tests. Amazing stuff can be achieved!

The percentage and the level of battery change in real time. The color of the level bar will change accordingly with the battery level. And the bolt symbol will show/hide depending if the power adapter is plugged.

Learn more: https://davidwalsh.name/javascript-battery-api https://developer.mozilla.org/en/docs/Web/API/Battery_Status_API

aarongarciah

var scrolling = false;
$(window).on('scroll', function(){
	if( !scrolling ) {
		scrolling = true;
		(!window.requestAnimationFrame)
			? setTimeout(autoHideHeader, 250)
			: requestAnimationFrame(autoHideHeader);
	}
});

aarongarciah

sudo ntpdate -u ntp.ubuntu.com

aarongarciah

// https://davidwalsh.name/javascript-debounce-function
// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
	var timeout;
	return function() {
		var context = this, args = arguments;
		var later = function() {