Skip to content

Instantly share code, notes, and snippets.

@lbvf50mobile
lbvf50mobile / index.html
Created July 11, 2017 15:10
fix atlas-free-responsive-parallax-html5
<!-- remove this lines --!>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,500,600,700,800,300' rel='stylesheet' type='text/css'>
@lbvf50mobile
lbvf50mobile / heroku-php-apache2
Created July 15, 2017 12:07
Heroku fire script
#!/usr/bin/env bash
# fail hard
set -o pipefail
# fail harder
set -eu
# for ${DOCUMENT_ROOT%%*(/)} pattern further down
shopt -s extglob
# for detecting when -l 'logs/*.log' matches nothing
shopt -s nullglob
@lbvf50mobile
lbvf50mobile / .htaccess
Created July 17, 2017 06:07
Split htpasswd for heroku and local server
AuthType Basic
AuthName "Please enter the password"
<If "%{HTTP_HOST} == 'myapp.herokuapp.com'">
AuthUserFile /app/web/.htpasswd
</If>
<Else>
AuthUserFile .htpasswd
</Else>
Require valid-user
@import url('//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
body {
margin: 0;
font-family: 'Poppins';
background-color: white;
}
.app {
height: 100vh;
background: rgb(244, 245, 249);
https://dev.opera.com/articles/css-will-change-property/
https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/
https://sarahdrasnerdesign.com/
@lbvf50mobile
lbvf50mobile / links.css
Created August 1, 2017 05:38
How to make it Exquisitely?
@lbvf50mobile
lbvf50mobile / pt_to_px.css
Created August 4, 2017 07:48
pt_to_px_solved
.footer {
height: 48.7058823529px;
}
$screen_width_px: 320; /* this is widht of iPhone5 */
@media all and (min-width: 414px) {
$screen_width_px: 414; /* this is widht of iPhone6 Plus */
}
$sketch_width_pt: 187; /* This is width in zeplin.io */
@function pt2px($num_pt){
@return ceil(($screen_width_px/$sketch_width_pt)*$num_pt + 0px);
}
@lbvf50mobile
lbvf50mobile / __vertical.css
Created August 7, 2017 07:00
So high main div
.app {
height: 100%;
background: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
@lbvf50mobile
lbvf50mobile / list.txt
Created August 9, 2017 14:17
desctop recoders
https://icecreamapps.com/Screen-Recorder/
https://obsproject.com/ ++
https://www.bandicam.com/
http://www.fraps.com/ (cracked)
https://camtasia-studio.en.softonic.com/