Skip to content

Instantly share code, notes, and snippets.

@stephanesdr
stephanesdr / gist:47a23334863a1512d9599a6389f7548d
Created November 16, 2020 16:01 — forked from oooh-boi/gist:80e78f98fb1c0cd48c56a0a414d934b3
Show hide Header on scroll - OoohBoi video tutorial
<script>
"use strict";
OB_ready(OB_doWhenReady);
function OB_doWhenReady() {
// localize everything
var ooohBoi = window.ooohBoi || {};
// local scope variables
ooohBoi.prev_scroll_pos = window.scrollY || document.body.scrollTop;
ooohBoi.cur_scroll_pos;
@stephanesdr
stephanesdr / gist:b7922f5641fa102d1462aaf35d626893
Created November 16, 2020 15:59 — forked from oooh-boi/gist:a2e47433443125887d20aafd5cec7388
OoohBoi Video Tutorial : Full-height Image Widget in Elementor PRO
/* be sure to copy-paste to the Image Widget Custom CSS panel */
selector,
selector .elementor-widget-container,
selector .elementor-image,
selector .elementor-image > a {
height: 100%;
}
selector .elementor-image img {
object-fit: cover;
object-position: 50% 50%;
@stephanesdr
stephanesdr / gist:49eccadc926ea9719d85a1773fb85f6d
Created November 16, 2020 15:59 — forked from oooh-boi/gist:5d1f00ee8362292dba0af27700b05d74
OoohBoi Video Tutorial : Super-flexible Sections and Columns in Elementor PRO
/* MAGICAL CSS Rule */
selector .elementor-container .elementor-row {
flex-wrap: wrap;
/* uncomment for columns alignment */
/* justify-content: center; */
}
/* Responsive Columns Alignment - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
selector .elementor-container .elementor-row {
@stephanesdr
stephanesdr / rails_webpacker_bootstrap_expose_jquery.md
Created June 21, 2019 13:28 — forked from andyyou/rails_webpacker_bootstrap_expose_jquery.md
Rails 5.2 with webpacker, bootstrap, stimulus starter

Rails 5.2 with webpacker, bootstrap, stimulus starter

This gist will collects all issues we solved with Rails 5.2 and Webpacker

Create Project

# Last few parameters(--skip-* part) is only my habbit not actully required
$ rails new <project_name> --webpack=stimulus --database=postgresql --skip-coffee --skip-test
@stephanesdr
stephanesdr / .bash_aliases
Created January 18, 2019 15:10 — forked from MyklClason/readme.md
List of useful terminal bash aliases for Ruby On Rails, Cloud9, Git and more. What are bash aliases: http://www.tldp.org/LDP/abs/html/aliases.html What does && and ; do? http://unix.stackexchange.com/a/304258
# About Aliases:
alias ls='ls --color=auto -F'
alias grep='grep --color=auto'
alias fgrep='fgrep --color=auto'
alias egrep='egrep --color=auto'
alias ll='ls -alF'
alias la='ls -A'
alias l='ls -CF'
alias less="less -R "