Skip to content

Instantly share code, notes, and snippets.

Avatar

Zine-el Abdine Radoua zearadoua

View GitHub Profile
@zearadoua
zearadoua / bootstrap-4-sass-mixins-cheat-sheet.scss
Created Jul 27, 2018 — forked from anschaef/bootstrap-4-sass-mixins-cheat-sheet.scss
Bootstrap 4 Sass Mixins [Cheat sheet with examples]
View bootstrap-4-sass-mixins-cheat-sheet.scss
/* -------------------------------------------------------------------------- */
// All Bootstrap 4 Sass Mixins [Cheat sheet]
// Updated to Bootstrap v4.1.x
// @author https://anschaef.de
// @see https://github.com/twbs/bootstrap/tree/v4-dev/scss/mixins
/* -------------------------------------------------------------------------- */
// Grid variables
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
View detectIphoneX.js
(function($){
"use strict";
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
// Get the device pixel ratio
var ratio = window.devicePixelRatio || 1;
// Define the users device screen dimensions
var screen = {
@zearadoua
zearadoua / detectSafari.js
Created Jul 2, 2018
detect safari browser
View detectSafari.js
(function($){
"use strict";
if ( /^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
$("html").addClass("safari-detected");
}
})(jQuery);
@zearadoua
zearadoua / font-smoothing-on-high-dpi-media.css
Created Nov 13, 2017 — forked from dpschen/font-smoothing-on-high-dpi-media.css
Use more beautiful font smoothing on high dpi media devices
View font-smoothing-on-high-dpi-media.css
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
@zearadoua
zearadoua / high-dpi-media.css
Created Nov 13, 2017 — forked from marcedwards/high-dpi-media.css
A CSS media query that captures almost all high DPI aware devices.
View high-dpi-media.css
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
@zearadoua
zearadoua / js
Created Nov 3, 2017
insert every 3 column inside a row
View js
fixColHeight = function () {
if ($('.page-search.page-search-node').length) {
var $container = $(".node-search-results");
var $cols = $container.find(".row > div").detach();
$container.empty();
for(var i = 0; i < $cols.length; i++) {
if (i % 3 == 0) {
$container.append($("<div>").addClass("row"));
}
$container.find(".row").last().append($cols.eq(i));
@zearadoua
zearadoua / ie67891011-css-hacks.txt
Created Oct 20, 2017 — forked from ricardozea/ie67891011-css-hacks.txt
IE CSS hacks - IE6, 7, 8, 9, 10, 11
View ie67891011-css-hacks.txt
IE6 Only
==================
_selector {...}
IE6 & IE7
==================
*html or { _property: }
IE7 Only
==================
@zearadoua
zearadoua / js
Created Oct 18, 2017
animating go-top
View js
// Animate the scroll to top.
$('.go-top').click(function (event) {
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 300);
})
@zearadoua
zearadoua / js
Created Oct 18, 2017
show and hide go-top button
View js
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('.go-top').fadeIn(200);
} else {
$('.go-top').fadeOut(200);
}
});
@zearadoua
zearadoua / js
Created Oct 18, 2017
prevent call option in non mobile device
View js
// desactivate call option in non mobile device
$(document).on('click', '[href^="tel:"]', function(e){
if( !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
e.preventDefault();
e.stopPropagation();
}
});