Skip to content

Instantly share code, notes, and snippets.

View machito's full-sized avatar
🏡
Working remotely

Michael Castilla machito

🏡
Working remotely
View GitHub Profile
function cleanProjectName(data) {
let d = data;
d = d.toString().toLowerCase().replace('1','one-').replace('.','-').split(' ').join('-');
return d;
}
function Logo(props) {
let src = props.src;
let brands = props.brands;
let dir = 'img/';
@machito
machito / social-meta-tags.html
Created March 29, 2017 13:31
Example of social meta tags for videos
<meta property="og:site_name" content="YouTube">
<meta property="og:url" content="https://www.youtube.com/watch?v=Gb9E60E3duU">
<meta property="og:title" content="#6: IBM Head of Design, Phil Gilbert, wields $100M and 1,300 designers to bring design back to IBM">
<meta property="og:image" content="https://i.ytimg.com/vi/Gb9E60E3duU/hqdefault.jpg">
<meta property="og:description" content="Phil Gilbert is the GM and Head of Design at IBM. In this episode, he discusses creating IBM&#39;s proprietary design thinking methodology, their own design scho...">
<meta property="al:ios:app_store_id" content="544007664">
<meta property="al:ios:app_name" content="YouTube">
<meta property="al:ios:url" content="vnd.youtube://www.youtube.com/watch?v=Gb9E60E3duU&amp;feature=applinks">
((angular) => {
'use strict';
angular
.module(_MODULE)
.directive('numberRange', numberRange);
numberRange.$inject = [
'$document',
'$log',
const _MODULE = 'test';
(function(angular) {
'use strict';
angular.module(_MODULE, []);
angular
.module(_MODULE)
.controller('testController', testController);
@machito
machito / app.js
Last active August 5, 2016 11:29
Custom AngularJS + WordPress API post/page preview functionality
'use strict';
var app = angular.module('app', [
'ui.router',
'ngResource',
'ngSanitize'
]);
app.config(function($stateProvider, $urlRouterProvider, $locationProvider, $httpProvider) {
$urlRouterProvider.otherwise('/');
/********* iPad 3 **********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
// Run PageSpeed Insights
gulp.task('pagespeed', function (cb) {
// Update the below URL to the public URL of your site
pagespeed.output('example.com', {
strategy: 'mobile',
// By default we use the PageSpeed Insights free (no API key) tier.
// Use a Google Developer API key if you have one: http://goo.gl/RkN0vE
// key: 'YOUR_API_KEY'
}, cb);
});
@machito
machito / config.json
Last active August 29, 2015 14:15 — forked from anonymous/config.json
{
"vars": {
"@gray-base": "#000",
"@gray-darker": "lighten(@gray-base, 13.5%)",
"@gray-dark": "lighten(@gray-base, 20%)",
"@gray": "lighten(@gray-base, 33.5%)",
"@gray-light": "lighten(@gray-base, 46.7%)",
"@gray-lighter": "lighten(@gray-base, 93.5%)",
"@brand-primary": "darken(#428bca, 6.5%)",
"@brand-success": "#5cb85c",
# ---------------------------------------------------------------------------
#
# Description: This file holds all my BASH configurations and aliases
#
# Sections:
# 1. Environment Configuration
# 2. Make Terminal Better (remapping defaults and adding functionality)
# 3. File and Folder Management
# 4. Searching
# 5. Process Management
@machito
machito / dabblet.css
Created January 25, 2012 05:51
Path icon hover
/**
* Path icon hover
*
* Example of the desired effect (hover over the user avatar) https://path.com/p/5Eplz
*
* Close, but annoying that the animation runs on page load.
* Possible solution could be to fade entire page content in while initial
* animation runs.
*/