Skip to content

Instantly share code, notes, and snippets.

View carolina-vallejo's full-sized avatar

Carolina Vallejo carolina-vallejo

  • ITONICS, GmbH
  • Berlin
View GitHub Profile
@carolina-vallejo
carolina-vallejo / request-animation-frame.js
Last active November 5, 2017 11:07
request frame animation frame requestAnimationFrame setinterval animation loop
//--------ANIMATION
var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;
var fps, fpsInterval, startTime, now, then, elapsed, time = botCfg.speed;
var animation;
startAnimating(1);
@carolina-vallejo
carolina-vallejo / flip-cards.html
Last active October 4, 2017 13:57
flip cards in css onclick
<div class="flip-container" onclick="this.classList.toggle('hover');">
<div class="flipper">
<div class="inner-card">
<div class="front">
aa
</div>
<div class="back">
bb
</div>
</div>
@carolina-vallejo
carolina-vallejo / grid-sytem.scss
Last active September 27, 2017 17:11
grid system columns subcolumns mixin sass
/*--GRID--*/
@mixin columns-blocks($theGutter, $guttername) {
.blocks-#{$guttername} {
margin-right: 0;
margin-left: 0;
@include responsive('min', $w-mobile-s) {
margin-right: toEm($theGutter * -1);
margin-left: toEm($theGutter * -1);
}
@carolina-vallejo
carolina-vallejo / placeholder.scss
Created November 30, 2016 17:21
input placeholder crossbrowser mixin sass
@mixin placeholder {
&::-webkit-input-placeholder {
@content;
}
&:-moz-placeholder {
/* Firefox 18- */
@content;
}
&::-moz-placeholder {
/* Firefox 19+ */
@carolina-vallejo
carolina-vallejo / clear-mixin.scss
Last active October 29, 2017 12:36
clear mixin sass
@mixin clean {
&::after,
&::before {
content: "";
display: table;
}
&::after {
clear: both;
}
}
@carolina-vallejo
carolina-vallejo / social-buttons-share.php
Created October 15, 2016 07:33
social share buttons php
<ul class="socials share_btns">
<li>
<a class="ico facebook" href="https://www.facebook.com/sharer.php?u=<?php echo wp_get_shortlink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" title="Compartir en Facebook" target="_blank">Facebook</a>
</li>
<li>
<a class="ico twitter" href="https://twitter.com/share?url=<?php echo wp_get_shortlink(); ?>&via=<usuario_twitter>&text=<?php echo urlencode(html_entity_decode(get_the_title(), ENT_COMPAT, 'UTF-8')); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" title="Compartir en Twitter" target="_blank">Twitter</a>
</li>
<li>
<a class="ico plus_social" href="https://plus.google.com/share?url=<?php echo wp_get_shortlink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
@carolina-vallejo
carolina-vallejo / get-theme-url.php
Last active February 16, 2018 08:51
get theme url wordpress
echo esc_url( get_template_directory_uri() );
@carolina-vallejo
carolina-vallejo / main.js
Created May 19, 2016 18:03
mylibraryjs, started JS library
$(document).ready(function() {
var configs = {
wrap: '#output',
data: {
labels: ['one', 'two', 'three'],
values1: [5, 7, 9],
values2: [10, 14, 18]
}
};
@carolina-vallejo
carolina-vallejo / stop-animation.scss
Last active May 19, 2016 17:10
stop animation at last frame
@mixin rotating($tg) {
-webkit-transform: rotate(#{$tg}deg);
-ms-transform: rotate(#{$tg}deg);
transform: rotate(#{$tg}deg);
}
div {
width: 100px;
height: 100px;
position: absolute;
$('.elemt').on('click',function(e){
//e.preventDefault(e);
$('html,body').animate({scrollTop:0}, 600);
});