(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| #!/usr/bin/env sh | |
| ## | |
| # This is script with usefull tips taken from: | |
| # https://github.com/mathiasbynens/dotfiles/blob/master/.osx | |
| # | |
| # install it: | |
| # curl -sL https://raw.github.com/gist/2108403/hack.sh | sh | |
| # |
| # Filename-based cache busting | |
| # taken from https://github.com/h5bp/html5-boilerplate/ | |
| # This rewrites file names of the form `name.123456.js` to `name.js` | |
| # so that the browser doesn't use the cached version when you have | |
| # updated (but not manually renamed) the file. | |
| <IfModule mod_rewrite.c> | |
| Options +FollowSymlinks | |
| RewriteEngine On |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| ffmpeg -i input.mp4 -vcodec libx264 -pix_fmt yuv420p -profile:v baseline -level 3 -an -vf "scale=-1:1440, reverse" -preset veryslow -g 2 output.mp4 | |
| // -vcodec libx264 -pix_fmt yuv420p -profile:v baseline -level 3 | |
| // Encode for web with a good balance of browser compatibility and compression ratio | |
| // -an | |
| // Strip audio tracks | |
| // -vf "scale=-1:1440, reverse" | |
| // Scale video to 1440px wide, maintaining aspect ratio |
| <div class="swiper-container"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=991)"> | |
| </div> | |
| <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=1081)"> | |
| </div> | |
| <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=1064)"> | |
| </div> | |
| <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=1000)"> | |
| </div>' |