Patrick Mooney patrickmooney
patrickmooney
/ Padrão Bolt Brasil de criação de Arquivos .css
Created
March 5, 2013 12:25
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset 'UTF-8'; | |
| /* | |
| * Author: Name @Bolt Brasil | |
| * Project: Project Name | |
| * Date: Date of Project | |
| */ | |
| /* ==========>> Summary | |
| =Imports |
patrickmooney
/ overlay.html
Created
April 26, 2013 13:48
Full screen alpha black out - handy for layering.
The overlay div will be 100% width and height, fixed to the top left. It uses a height of 2000px due to the screen not know where to draw the div when touch scrolling on mobile devices. Tested on iOS and Android.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Overlay Test</title> | |
| <style> | |
| div.overlay{ | |
| position:fixed; | |
| top:0; | |
| left:0; | |
| width:100%; |
patrickmooney
/ sample.html
Created
December 30, 2013 18:04
Non wrapping content block with left aligned image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style> | |
| body { | |
| margin:auto; | |
| width:600px; | |
| } |
patrickmooney
/ realtime-form-validation-css-javascript.html
Last active
August 29, 2015 14:02
Realtime form validation using pseudo classes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| body{ | |
| margin: 0px auto; | |
| text-align: left; | |
| width: 600px; | |
| } |
patrickmooney
/ time ago in vanilla js
Last active
June 17, 2023 22:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function timeSince(timeStamp) { | |
| var now = new Date(), | |
| secondsPast = (now.getTime() - timeStamp.getTime()) / 1000; | |
| if(secondsPast < 60){ | |
| return parseInt(secondsPast) + 's'; | |
| } | |
| if(secondsPast < 3600){ | |
| return parseInt(secondsPast/60) + 'm'; | |
| } | |
| if(secondsPast <= 86400){ |