Skip to content

Instantly share code, notes, and snippets.

View zearadoua's full-sized avatar

Zine-el Abdine Radoua zearadoua

3 followers · 9 following
View GitHub Profile
@zearadoua
zearadoua / bootstrap-4-sass-mixins-cheat-sheet.scss
Created July 27, 2018 15:08 — forked from anschaef/bootstrap-4-sass-mixins-cheat-sheet.scss
Bootstrap 4 Sass Mixins [Cheat sheet with examples]
/* -------------------------------------------------------------------------- */
// 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;
@zearadoua
zearadoua / detectIphoneX.js
Created July 2, 2018 15:47
detect Iphone X
(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 July 2, 2018 15:46
detect safari browser
(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 November 13, 2017 09:37 — forked from dpschen/font-smoothing-on-high-dpi-media.css
Use more beautiful font smoothing on high dpi media devices
/* ---------------------------------------------------------- */
/* */
/* 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 November 13, 2017 09:37 — forked from marcedwards/high-dpi-media.css
A CSS media query that captures almost all high DPI aware devices.
/* ---------------------------------------------------------- */
/* */
/* 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 November 3, 2017 10:57
insert every 3 column inside a row
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 October 20, 2017 10:26 — forked from ricardozea/ie67891011-css-hacks.txt
IE CSS hacks - IE6, 7, 8, 9, 10, 11
IE6 Only
==================
_selector {...}
IE6 & IE7
==================
*html or { _property: }
IE7 Only
==================
@zearadoua
zearadoua / js
Created October 18, 2017 10:04
animating go-top
// Animate the scroll to top.
$('.go-top').click(function (event) {
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 300);
})
@zearadoua
zearadoua / js
Created October 18, 2017 10:04
show and hide go-top button
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('.go-top').fadeIn(200);
} else {
$('.go-top').fadeOut(200);
}
});
@zearadoua
zearadoua / js
Created October 18, 2017 09:59
prevent call option in non mobile device
// 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();
}
});