Skip to content

Instantly share code, notes, and snippets.

View zetareticoli's full-sized avatar
👨‍💻
Building stuff on the web

Francesco Improta zetareticoli

👨‍💻
Building stuff on the web
View GitHub Profile
@zetareticoli
zetareticoli / gist:4124085
Created November 21, 2012 10:02
Useful SCSS Mixins
/* Commonly used mixins for CSS3 in SASS
by Ben Sargent (2012)
www.brokendigits.com
*/
/* generically prefix any property name */
@mixin prefix($name, $value) {
-webkit-#{$name}: $value;
-moz-#{$name}: $value;
@zetareticoli
zetareticoli / flexslider.counter
Created November 15, 2013 18:19
Flexslider slides counter
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: ".flex-container",
start: function(slider) {
$('.total-slides').text(slider.count);
},
after: function(slider) {
$('.current-slide').text(slider.currentSlide);
@zetareticoli
zetareticoli / gist:f2e852c99574fb7ed6c2d3c871742eb1
Created January 12, 2021 17:55
Force git to use config settings
git config --global user.useConfigOnly true
@zetareticoli
zetareticoli / Animated scroll
Created June 16, 2012 11:48
Animated scroll to anchor/id function with jQuery
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
<a href="#linkID" onclick="goToByScroll('linkID')">Link</a>
@zetareticoli
zetareticoli / grid-horizontal-scroll.css
Created April 27, 2020 15:14
Horizontal scroll with grid
.parent {
display: grid;
grid-gap: 16px;
padding: 16px;
grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
grid-auto-flow: column;
grid-auto-columns: minmax(160px,1fr);
overflow-x: auto;
}
@zetareticoli
zetareticoli / gist:71b3ea255628d988e1e725155ea8bcf7
Created April 3, 2020 07:37
Update the local list of remote branches
git remote update origin --prune
# Pattern name
Succinct description of the pattern
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:: ::
:: Live Pattern Demo ::
:: ::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
@zetareticoli
zetareticoli / crossbrowser-placeholder
Created December 16, 2013 15:51
Cross-Browser HTML5 Placeholder Text
<script src="jquery.js"></script>
<script src="modernizr.js"></script>
<script>
$(document).ready(function(){
if(!Modernizr.input.placeholder){
$('[placeholder]').focus(function() {
var input = $(this);
@zetareticoli
zetareticoli / css-backgroundsize-ie
Created December 16, 2013 13:55
IE 8: background-size fix
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";
@zetareticoli
zetareticoli / A-Pen-by-sebastianekstrom.markdown
Created October 16, 2013 08:29
A Pen by sebastianekstrom.