Skip to content

Instantly share code, notes, and snippets.

View montogeek's full-sized avatar

Fernando Montoya montogeek

View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<title>Notification Bar</title>
<link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<style type="text/css">
.container {
padding: 20px;
}
.notificationBar {
@mmrko
mmrko / mocha-react-css-modules.js
Last active January 1, 2024 00:15
Mocha & React & CSS Modules with Sass
// setup.js
import hook from 'css-modules-require-hook'
import sass from 'node-sass'
hook({
extensions: [ '.scss' ],
preprocessCss: data => sass.renderSync({ data }).css
})
@peterjmit
peterjmit / job.md
Last active January 6, 2021 18:04
Developer @ Apple

Apple Inc | Cupertino, CA

Apple is looking for a web and/or ops focused developer to build and maintain cutting edge web based applications that are used throughout the corporation. You should have a passion for technology and continuous learning/improvement.

We run Symfony2/PHP 5.6/Ember.js apps, write tests (BDD) and deploy to production daily. Our infrastructure is managed with Chef.

If you are interested or have any questions please get in touch! pete_mitchell [at] apple [dot] com

@paulirish
paulirish / what-forces-layout.md
Last active October 15, 2025 19:22
What forces layout/reflow. The comprehensive list.

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
@jackcallister
jackcallister / App.jsx
Created September 6, 2015 17:13
Redux Router Reducer
import {
updateRouterState
} from '../actions/RouterActions';
function mapStateToProps(store) {
return {}
}
function mapDispatchToProps(dispatch) {
return {
openssl req -new -newkey rsa:2048 -nodes -out $DOMAIN.csr -keyout $DOMAIN.key -subj "/C=US/ST=$STATE/L=$LOCATION/O=$NAME/OU=$DESC/CN=$URL"
@ourmaninamsterdam
ourmaninamsterdam / LICENSE
Last active October 15, 2025 12:17
Arrayzing - The JavaScript array cheatsheet
The MIT License (MIT)
Copyright (c) 2015 Justin Perry
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
<?php
function bubble_recursive(array $items, $iterations = null) {
if ($iterations === null) {
$iterations = count($items);
}
$items = bubble_recursive_inner($items, $iterations);
if ($iterations > 1) {
@yujikiriki
yujikiriki / sistemasjulian.md
Created June 12, 2015 12:54
modelar sistemas Julián

Don Julián!

Me quedé sorprendido por las respuestas que le dieron a su pregunta de cómo enseñarle a nuevos devs a modelar un sistema.

Me horrorizó ver respuestas que hablaban que DDDesign es demasiado, o que FP y DDDesign no van; o peor aún, que sospechan que ágil y DDDesign no pueden ir juntas.

Hace unos años escribí sobre el concepto de la simpatía semántica, un copy/paste de la Simpatía Mecánica de Thompson. Considero que ese debería ser ppal mensaje que me hubiera gustado que me enseñaran cuando arranqué a trabajar "profesionalmente".

Si ese concepto es claro, no debería importar si ud usa UML o no, si usa cajitas y rayitas para definir mapas semánticos o lo que quiera. Parafraseando a Fowler, lo importante de UML es comunicar. En este caso, comunicar la abstracción del mundo real que luego convertirá en código fuente.

@ohanhi
ohanhi / frp.md
Last active September 23, 2025 16:12
Learning FP the hard way: Experiences on the Elm language

Learning FP the hard way: Experiences on the Elm language

by Ossi Hanhinen, @ohanhi

with the support of Futurice 💚.

Licensed under CC BY 4.0.

Editorial note