Skip to content

Instantly share code, notes, and snippets.

@internoma
internoma / loadcss.css
Created May 20, 2013 18:53
LoadCSS carga archivos css desde jquery
$.loadCss=function(css){$('head').append('<link rel="stylesheet" type="text/css" href="'+css+'">')};
@internoma
internoma / menu-active.js
Created May 20, 2013 18:53
Resaltar el elemento actual del menú
var url = document.URL;
$('#menu a[href="'+url+'"]').addClass('active');
@internoma
internoma / html5Preloader.js
Created May 20, 2013 18:53
Precarga de imágenes Jquery html5Preloader
var html5Preloader = (function () {
var XHR = typeof XMLHttpRequest === 'undefined' ? function () { // IE FIX
try {
return new ActiveXObject("Msxml2.XMLHTTP.6.0");
} catch (err1) {}
try {
return new ActiveXObject("Msxml2.XMLHTTP.3.0");
} catch (err2) {}
@internoma
internoma / svg-supoort.css
Created May 20, 2013 18:53
Soporte para img SVG
.svg_support {
content: url(../img/imagenSvg.svg);
}
@internoma
internoma / index.html
Created May 20, 2013 18:53
Slider JQUERY minimal responsive
<ul class="slider">
<li><a href="#" target="_blank"><img src="slider/img-slide-01.jpg" alt=""></a></li>
<li><img src="slider/img-slide-02.jpg" alt=""></li>
<li><img src="slider/img-slide-03.jpg" alt=""></li>
<li><img src="slider/img-slide-04.jpg" alt=""></li>
</ul>
@internoma
internoma / image-chage-fade.js
Created May 20, 2013 18:53
Sustitución de imágenes con jquery fade
$('imageelement').fadeOut(function() {
$(this).load(function() {
$(this).fadeIn();
}).attr('src', AnotherSource);
});
@internoma
internoma / script.js
Created May 20, 2013 18:54
$('a').click(function (event) {
// Añade efecto a los enlaces - fade
$('a').click(function (event) {
$(this).hide(0,function () {
$(this).fadeTo('slow',1);
});
});
@internoma
internoma / Asset.php
Created May 20, 2013 18:54
[LESS] Usar modo desarrollo si el sitio web está en un servidor local
<?php if($_SERVER['SERVER_NAME']==="localhost"): ?>
<link rel="stylesheet/less" href="less/style.less" type="text/css" />
<script type="text/javascript">less = { env: 'development' };</script>
<script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js"></script>
<?php else: ?>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css?v=1">
<?php endif; ?>
@internoma
internoma / fonts-ini.less
Created May 20, 2013 18:54
[LESS] Fonts config ini
/*
*
* FONTS
* by @dic7 (github: ivanmendoza)
*
*/
#fonts{
.base(@size: 1em){
font:normal @size verdana, helvetica, arial, sans-serif;
}
@internoma
internoma / lessCDN.html
Created May 20, 2013 18:54
[LESS] Cargar LessJS desde la CDN de Google
<link rel="stylesheet/less" href="style.less?v=1" type="text/css" />
<script type="text/javascript">less = { env: 'development' };</script>
<script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js"></script>