Skip to content

Instantly share code, notes, and snippets.

View anareyna's full-sized avatar

Ani anareyna

26 followers · 22 following
  • Remote
View GitHub Profile
@anareyna
anareyna / modified-bem.css
Last active December 19, 2016 17:10
.u-hidden {
display: none!important
}
.u-brandColor {
color: #e10d33!important
}
.u-block {
display: block!important
}
.u-textCenter {
@anareyna
anareyna / animations.css
Created December 7, 2016 19:21
https://d2guulkeunn7d8.cloudfront.net/assets/branded/instacart_components-57a4a4a40d019edabc669ce55d1c0bed.css
@keyframes skeleton-item-loading {
0% {
background-position: -468px 0
}
100% {
background-position: 468px 0
}
@anareyna
anareyna / app.js
Created October 5, 2016 16:45
app js demo parsley
var App;
App = (function() {
var catchDom, dom, events, functions, initialize, st, subscribeEvents;
dom = {};
st = {
body: "body",
frmParsley: ".frm-parsley"
};
catchDom = function() {
@anareyna
anareyna / ydkjs-summary.md
Last active July 21, 2016 00:59

Scope

  • It's where to look for things.
  • Javascript has function scope only.
  • There are 2 predominant modules:
    • Lexical scope: building example - goes up one level looking for there. The top of the building is the global scope
    • Dynamic scope: this example. Moves to any level of the building as if it were looking for an address.
  • Cheating scope: eval and with (bad mechanisms, avoid it).

IIFE Pattern

@anareyna
anareyna / responsive mailing ecommerce template.html
Last active July 21, 2016 01:00
<!DOCTYPE html "-//w3c//dtd xhtml 1.0 transitional //en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
@anareyna
anareyna / elementary.md
Last active November 2, 2015 20:58
  • Instalar Adobe Flash Player
sudo apt-get install pepperflashplugin-nonfree
@anareyna
anareyna / english-links.md
Last active October 23, 2023 10:55
English
@anareyna
anareyna / addmodule.sublime-snippet
Created December 14, 2014 23:04
Sublime Snippets
<snippet>
<content><![CDATA[
/**
* ${2:Descripción del módulo}
* @submodule ${3:nombre_del_modulo}
* @main ${1:default}
* @author ${4:Nombre del Autor}
*/
yOSON.AppCore.addModule("${3:nombre_del_modulo}", function(Sb){
@anareyna
anareyna / standards.md
Last active January 23, 2023 20:03
Estándares Frontend-Labs

Diccionario

  • Camel case:

    • Ejm: elementName

  • Snake case:

    • Ejm: element_name

Prefijos comunes

@anareyna
anareyna / forms.styl
Created September 11, 2014 19:28
formularios
/**
* Forms
* @module forms
*/
form
width 100%
margin 30px auto 0
text-align left
font-size 1em
&.vertical