Skip to content

Instantly share code, notes, and snippets.

View ZachMoreno's full-sized avatar
⚡

Zachariah Moreno ZachMoreno

⚡
View GitHub Profile
@ZachMoreno
ZachMoreno / grid.css
Last active August 29, 2015 13:57
/*=============================================
Grid
http://css-tricks.com/dont-overthink-it-grids/
=============================================*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@ZachMoreno
ZachMoreno / Float&Center.css
Created February 21, 2014 15:46
/* The Magic Float Center Code */
.float_center {
float: right;
position: relative;
left: -50%; /* or right 50% */
text-align: left;
}
.float_center > .child {
position: relative;
@ZachMoreno
ZachMoreno / Google-Nexus-Btn.css
Created November 1, 2013 15:45
.nexus-btn {
border: 3px solid #fff;
border-radius: 8px;
padding: 0.5em 1.3em 0.5em 2.2em;
background: url(../../images/nexus-7-new/button-blue-arrow.png) no-repeat 0.9em 50%;
background-size: auto 28%;
text-transform: uppercase;
font-family: "Roboto Condensed";
font-weight: 400;
font-size: 1.25em;
@ZachMoreno
ZachMoreno / userAgentAlert.js
Last active December 21, 2015 14:49
// grab User Agent
var ua = navigator.userAgent.toLowerCase();
// scan for target browser in User Agent string
if(ua.indexOf('chrome') >= 0){
// alert visitor
alert('Message to visitor about their browser');
}
@ZachMoreno
ZachMoreno / zoom.css
Created August 14, 2013 20:28
.zoom {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.zoom:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
@ZachMoreno
ZachMoreno / Preferences.sublime-settings
Last active December 19, 2015 21:59
{
"caret_style" : "smooth",
"draw_white_space" : "all",
"theme" : "Spacegray.sublime-theme",
"color_scheme" : "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
"font_face" : "Source Code Pro",
"font_size" : 12.0,
"tab_size" : 4,
"translate_tabs_to_spaces" : true,
"word_wrap" : false,
@ZachMoreno
ZachMoreno / ScreenDimensions.js
Created May 2, 2013 02:59
Screen Dimensions Tool by: Jon Nutting
<!----------------------------------->
<!-- Insert Screen Dimensions Tool -->
<!--- Code Doodle by Jon Nutting ---->
<!----------------------------------->
<script>
$(function(){
$("body").append('<div id="screenDims">Resize Window ></div>');
$("#screenDims").css({
'position':'absolute',
'bottom':0,
@ZachMoreno
ZachMoreno / media-query-4-scripts.js
Created August 13, 2012 22:08
if (screen.width >= 768) {
document.write("<script src=\"js\/lightbox.js\"><\/script>");
document.write("<link href=\"css\/lightbox.css\" rel=\"stylesheet\">");
};
@ZachMoreno
ZachMoreno / ng-component.js
Created July 13, 2012 01:24
myModule.directive('myComponent', function(mySharedService) {
return {
restrict: 'E',
controller: function($scope, $attrs, mySharedService) {
$scope.$on('handleBroadcast', function() {
$scope.message = 'Directive: ' + mySharedService.message;
});
},
replace: true,
template: '<input>'
@ZachMoreno
ZachMoreno / ng-view.html
Created July 13, 2012 00:37
<h1>Welcome, {{userName}}.</h1>