Skip to content

Instantly share code, notes, and snippets.

View larodiel's full-sized avatar

Victor Larodiel larodiel

8 followers · 7 following
View GitHub Profile
@larodiel
larodiel / Smile with CSS3
Created July 2, 2013 21:05
<!doctype html>
<html>
<head>
<title>Larodiel lab - Smile</title>
<style type="text/css">
#corpo-smille {
border:5px solid #2b2b2b;
background:#ece413;
width:160px; height:160px;
box-shadow: 0px 8px 15px #9C9C9C;
@larodiel
larodiel / Media Queries for Standard Devices
Last active January 24, 2018 06:13
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@larodiel
larodiel / LESS CSS Helper Mixins
Created July 5, 2013 14:33
/*
** Opacity
*/
.opacity(@opacity: 0.5) {
-moz-opacity: @opacity;
-khtml-opacity: @opacity;
-webkit-opacity: @opacity;
opacity: @opacity;
@opperc: @opacity * 100;
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
@larodiel
larodiel / Javascript Share Function
Last active September 1, 2021 05:25
export default function share(social, text, url, image) {
if (social !== "fb" && social !== "twitter" && social !== "pinterest") {
console.log("Share not found");
return false;
}
var share_url = url || window.location.href;
var sharer = ''
const windowWidth = 626;
const windowHeight = 436;
@larodiel
larodiel / Fixed Menu Function
Created July 16, 2013 20:34
function fixedTopMenu(topDistance, el, animationOptions, callback) {
var animationOptions = animationOptions || { duration:200, specialEasing: "easeOutBounce" };
var menuClone = "";
callback.onInit = callback.onInit || function() {};
callback.onShow = callback.onShow || function() {};
callback.onHide = callback.onHide || function() {};
if(animationOptions == "default")
@larodiel
larodiel / Easy symbolic link creator
Created July 17, 2013 02:51
Easy Wamp Server symbolic link creator. Working with Dropbox or Google Drive
@larodiel
larodiel / HTML Viewport
Created July 18, 2013 17:22
HTML Viewport tag for mobile website
<meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1, maximum-scale=1" />
@larodiel
larodiel / mobile-metas
Created September 11, 2013 02:39
HTML Meta tag used to mobile devices
<!-- Mobile Metas -->
<meta content="user-scalable=no,width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
<meta content="True" name="HandheldFriendly" />
<meta content="320" name="MobileOptimized" />
<meta content="Larodiel" name="author" />
<meta content="on" http-equiv="cleartype" />
<!-- Mobile Metas -->
@larodiel
larodiel / OpenGraph
Created September 11, 2013 02:41
OpenGraph meta tag to share content
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#">
<!-- OpenGraph METAS -->
<meta content="" property="og:title" />
<meta content="" property="og:description" />
<meta content="product" property="og:type" />
<meta content="http://mysite.com/" property="og:url" />
<meta content="http://image.myimage.com/" property="og:image" />
<!-- OpenGraph METAS -->
@larodiel
larodiel / Gruntfile.js
Last active December 23, 2015 00:49
Basic congif. grunt.js file
module.exports = function(grunt) {
'use strict';
var imagePath = "../htdocs/images";
var jsPath = "../htdocs/js";
var uglifyOptions = {
beautify: false,
report: "min",
mangle: {
except: ['jQuery']