Skip to content

Instantly share code, notes, and snippets.

View eiriarte's full-sized avatar
🏠
Working from home

Eduardo I. Iriarte Gahete eiriarte

🏠
Working from home
View GitHub Profile
@eiriarte
eiriarte / obsolete.js
Created September 24, 2018 12:06
Función sencillita, pero sofisticada, que se puede usar para mostrar el típico aviso de "navegador obsoleto".
/**
* Comprueba si el navegador es compatible con alguna de las propiedades CSS
* especificadas.
* @param {Array}<String> props - propiedades CSS a comprobar
* @returns {boolean} true si el navegador es compatible, false si no lo es
*/
function obsoleto(props) {
if (!props) {
// Por defecto usamos border-image (no funciona en IE10, sí en IE11)
props = [ 'borderImage', 'WebkitBorderImage' ];
@eiriarte
eiriarte / toggle.js
Last active September 18, 2018 17:10
Función que alterna una clase de un elemento (la elimina si existe, la añade si no)
/**
* Alterna una clase de un elemento (la elimina si existe, la añade si no)
* @param {object}<Element> elemento - Elemento a manipular
* @param {object}<String> clase - Clase a alternar
* @returns {boolean} True si se añadió la clase, False si se eliminó
*/
function alternarClase(elemento, clase) {
var clases, i;
clase = '' + clase;
if (!(elemento instanceof Element)) {
@eiriarte
eiriarte / 3d.css
Last active August 30, 2018 16:23
Botones CSS – Diseño y accesibilidad
.btn-3d {
padding: .6rem 1rem;
border: 1px solid #995309;
border-radius: 4px;
background-color: #d9750b;
color: #fff;
font-size: 1.5rem;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
@eiriarte
eiriarte / cosa.css
Last active August 24, 2018 13:31
Prueba
.clase {
text-align: center;
}