miguelmota
/ build.xml
Last active
December 12, 2015 09:19
Ant build to compress HTML files recursively using htmlcompressor-1.5.3.jar. Blog post: http://www.miguelmota.com/blog/ant-task-to-compress-html-files/
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
| <?xml version="1.0" encoding="UTF-8"?> | |
| <project default="compress-html"> | |
| <target name="compress-html"> | |
| <apply executable="java"> | |
| <fileset dir="src" includes="**/*.html"/> | |
| <arg value="-jar"/> | |
| <arg path="lib/htmlcompressor-1.5.3.jar"/> | |
| <arg line="-t html"/> | |
| <srcfile/> |
miguelmota
/ reset.css
Last active
December 14, 2015 05:59
HTML5 Reset Stylesheet. Blog post: http://www.miguelmota.com/blog/html5-reset-stylesheet/
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
| /* | |
| * HTML5 Reset Stylesheet | |
| * v1.0 | 20101223 | |
| * (c) 2010-2012 Miguel Mota http://www.miguelmota.com | |
| * Released under the MIT license | |
| * Inspired by Richard Clark's CSS Reset http://html5doctor.com/html-5-reset-stylesheet | |
| */ | |
| html, body, div, span, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
miguelmota
/ .gitignore
Last active
October 20, 2018 18:21
Extensive .gitignore. Blog post: http://www.miguelmota.com/blog/extensive-gitignore/
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
| //this will affect all the git repos | |
| git config --global core.excludesfile ~/.gitignore | |
| //update files since .ignore won't if already tracked | |
| git rm --cached <file> | |
| # Compiled source # | |
| ################### | |
| *.com |
miguelmota
/ mtippy.js
Created
April 4, 2013 17:09
A simple jQuery tootip plugin.
Blog post: http://www.miguelmota.com/blog/make-an-awesome-tooltip-with-jquery/
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
| /* | |
| * mtippy - a jQuery tooltip plugin | |
| * v1.0.0 - 20120525 | |
| * (c) 2012 Miguel Mota http://www.miguelmota.com | |
| * Released under the MIT license | |
| */ | |
| (function($) { | |
| var methods = { |
miguelmota
/ media-queries.scss
Last active
December 15, 2015 20:09
Sass media queries mixin. Blog post: http://www.miguelmota.com/blog/sass-media-queries
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
| // Sass Media Query Breakpoints | |
| // | |
| // METHOD 1 | |
| // | |
| // Inspired by http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32 | |
| // | |
| // Usage: | |
| // | |
| // div { |
miguelmota
/ functions.scss
Last active
December 15, 2015 21:39
Sass function to convert pixels to em.
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
| // Sass function to convert pixels to em | |
| $em-base: 16px !default; | |
| @function emCalc($pxWidth) { | |
| @return $pxWidth / $em-base * 1em; | |
| } |
miguelmota
/ triangles.scss
Last active
November 4, 2024 01:06
Sass mixin to create a triangle. Blog post: http://www.miguelmota.com/blog/sass-triangles
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
| // | |
| // Sass mixin to create a triangle | |
| // | |
| @mixin triangle($size:24px, $color:#000, $direction:up, $trim:false, $transparent:false) { | |
| content: ""; | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border: solid $size; |
miguelmota
/ apple-touch-icons.html
Last active
December 15, 2015 22:29
iPhone and iPad web app startup images. Blog post: http://www.miguelmota.com/blog/iphone-and-ipad-web-app-startup-images
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
| <!--iPhone and iPad Apple Touch Icons --> | |
| <!-- iPhone Non-Retina --> | |
| <link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png"> | |
| <!-- iPhone Retina --> | |
| <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png"> | |
| <!-- iPad Non-Retina --> | |
| <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-72x72.png" sizes="72x72"> | |
| <!-- iPad Retina --> |
miguelmota
/ filters.css
Last active
December 15, 2015 22:29
CSS3 Filters. Blog post: http://www.miguelmota.com/blog/css3-filters/
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
| /* CSS3 Filters */ | |
| img { | |
| -webkit-filter: blur(2.5px); /* values: 0px - 25px */ | |
| -webkit-filter: brightness(5%); /* values: -100% - 100% */ | |
| -webkit-filter: contrast(1.5); /* values: 0 - 5 */ | |
| -webkit-filter: drop-shadow(3px 3px 10px rgba(0,0,0,.5)) ; /* values: x-offset y-offset blur-radius color */ | |
| -webkit-filter: grayscale(.5); /* values: 0 - 1 */ | |
| -webkit-filter: hue-rotate(5deg); /* values: 0deg - 360deg */ | |
| -webkit-filter: invert(1); /* values: 0 - 1 */ |
miguelmota
/ responsive-video.js
Last active
April 30, 2017 17:44
Responsive video. Blog post: http://www.miguelmota.com/blog/responsive-video
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() { | |
| // Responsive Video | |
| function responsiveVideo(selector) { | |
| // Get videos | |
| var videos = document.querySelectorAll(selector); | |
| // Loop through videos | |
| for (var i = 0; i < videos.length; i++) { | |
| var video = videos[i]; |
OlderNewer