Skip to content

Instantly share code, notes, and snippets.

View orioltf's full-sized avatar

Oriol Torrent Florensa orioltf

18 followers · 22 following
  • Unic AG
View GitHub Profile
@orioltf
orioltf / dabblet.css
Last active October 4, 2015 02:58
#CSS #GRADIENTS: Chess pattern
/**
* Chess pattern
*/
background: #252137;
background:
linear-gradient(135deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 0 0,
linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 15px 15px,
linear-gradient(135deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 15px 15px,
linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 0 0,
@orioltf
orioltf / dabblet.css
Created May 18, 2012 09:47
#CSS: Illustrating correct & wrong inner border-radius. http://dabblet.com/gist/2724344
/**
* Illustrating correct & wrong inner border-radius
*/
.outer {
padding: 10px;
margin: 50px;
border: 1px solid silver;
box-shadow: 0 0 10px gray;
border-radius: 20px;
@orioltf
orioltf / dabblet.css
Last active October 5, 2015 00:37
List with incremental numbering
/**
* List with incremental numbering
*/
nav ol {
list-style: none;
counter-reset: olfirst; /* our father OL must have olfirst item reseted */
}
nav ol ol {
counter-reset: olsecond; /* our sub OL's reset the olsecond, third must to be olthird and so on */
@orioltf
orioltf / Instruccions.md
Last active October 5, 2015 01:18
#JQUERY #CHROME: Resizable frames a les pagines de la UOC en Chrome
  1. Instalar l'extensió jQuerify (https://chrome.google.com/webstore/detail/gbmifchmngifmadobkcpijhhldeeelkc). Veurem que hi ha una nova icona de fons blau fosc amb una figura piramidal roja.
  2. Obrir una pàgina amb frames que vulguem fer resizable, com per exemple un forum d'una àula.
    • Si la pàgina s'obre en un pop-up, cal tornar la nove finestra a la finestra principal. Es pot fer arrossegant la icona del costat de la url de la finestra nove a la barra de pestanyes de la finestra principal, per exemple entre dues pestanyes.
  3. Clicar a sobre de la nova icona de l'extensió jQuerify
  4. Activar les eines de desenvolupador. En Windows: F12, en MacOsX: Cmd+Alt+i
  5. Activar la consola (Esc)
  6. Enganxar-hi el codi de l'arxiu frame.js i prémer Enter.
    Si no veieu els borders grisos a través dels quals poder re-escalar els frames, re-escaleu la finestra.
  7. Ja es pot tancar la finestra d'eines de desenvolupador (amb la mateixa combinació de tecles del pas 4, per exemple)
@orioltf
orioltf / sanitize.erb
Created June 11, 2012 12:06
#HAML #ERB: Sanitize text in Rails / Sinatra
<!-- To sanitize text or escape special characters (ampersand for instance), use the method h() -->
<% link_to(h(url), url) %>
<% link_to(h('Help & Support'), './help.html') %> <!-- OUTPUT: <a href="../help.html">Help &amp; Support</a> -->
<!-- Credit goes to Ville: http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to#418-Remember-to-sanitize-name -->
@orioltf
orioltf / index.haml
Created June 26, 2012 19:21
#REGEX: TextMate regularExpression to find href independently from content in HAML
-# Find:
:href => "(.*?)"
-# Replace:
:href => "#"
@orioltf
orioltf / semantic_breadcrumb.html
Created July 25, 2012 17:32
#HTML5 #MICRODATA: Creating a semantic breadcrumb using HTML5 microdata
<ol class="breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/" itemprop="url">
<span itemprop="title">Example.com</span>
</a>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/news" itemprop="url">
<span itemprop="title">News</span>
</a>
@orioltf
orioltf / explain.md
Last active October 9, 2015 00:37
#OSX #LION: Desactiva el panel de guardar per defecte a iCloud i retorna al del Finder

TextEdit, Numbers, Keynote, Pages, Pixelmator, Vista Previa… todas estas aplicaciones tienen en común el nuevo cuadro de diálogo para abrir y guardar archivos directamente en iCloud. Este panel, de hecho, aparece por defecto en vez del clásico panel desde el que podíamos navegar por las carpetas del Mac para poder guardar los cambios o abrir un archivo que esté almacenado en el ordenador, y aunque todo el mundo esté adoptando iCloud a lo mejor nos interesa que el diálogo de iCloud no sea el que aparezca por defecto.

Apple no da la opción para cambiar eso directa y fácilmente, pero por suerte tenemos un comando del terminal que nos lo puede hacer. Es posible que al escribirlo os pida la contraseña de administrador:

defaults write NSGlobalDomain NSDocumentSaveNewDocumentsToCloud -bool false

De este modo el diálogo para abrir o guardar un archivo en iCloud se mantendrá en segundo plano y será el diálogo con el Finder de toda la vida el que nos aparecerá por defecto. Por supuesto, podemos revertir los

@orioltf
orioltf / style.scss
Last active October 10, 2015 22:38
#CODEPEN #WIDGET #SCSS: Social Switchbook. Pretty simple draft with transform rotate. FontAwesome for icons.
@import "compass";
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
* { box-sizing: border-box; }
body {
overflow: hidden;
background:#c6c6c6;
-webkit-font-smoothing: antialiased;
}
@orioltf
orioltf / jqplugin.sublime-snippet
Created December 5, 2012 16:14
#JQUERY #SUBLIME: my jQuery plugin boilerplate as sublime snippet
<snippet>
<content><![CDATA[
/*
* Project : ${1}
* Description : ${2}
* Author : ${3:Oriol Torrent Florensa @ Unic AG}
* License : ${4:All rights reserved} ${5:Client Name}
*/
// the semi-colon before function invocation is a safety net against concatenated