Skip to content

Instantly share code, notes, and snippets.

View denzildoyle's full-sized avatar
🎯
Growing

Denzil Doyle denzildoyle

🎯
Growing
View GitHub Profile
@denzildoyle
denzildoyle / browser -texteditor.html
Last active August 29, 2015 14:01
Enter this code in your browser URL and just like that you have an in browser text editor.
data:text/html,
<body contenteditable
style="
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
font-family:'Open Sans', sans-serif;
font-weight:300;
font-size:2rem;
line-height:1.4;
max-width:60rem;
margin:0 auto;
@denzildoyle
denzildoyle / fade.css
Created May 23, 2014 23:59
CSS Keyframe Animation Color Change
@-webkit-keyframes fade {
0%, 100% { color: #e95545; }
12.5% { color: #924ead; }
25% {
color: #63b6d2; }
37.5% {
color: #76d78b; }

#Installing PhoneGap Install Nodejs from
http://nodejs.org/

If you have homebrew installed brew update
brew install node

##Install Android SDK
brew install android-sdk

@denzildoyle
denzildoyle / Vertical Center.css
Created June 6, 2014 01:30
Vertical align anything with out the need to define its height. With only 5 lines of code.
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
@denzildoyle
denzildoyle / Ionic Notes.md
Last active September 19, 2017 13:37
Ionic notes: How to get started with Ionic mobile application development framework.

##Getting Started with Ionic Framework

Ionic is a powerful, beautiful and easy to use open source front-end framework built on top of AngularJs (a client-side javascript framework), Sass Syntactically Awesome Style Sheets Apache Cordova for and developing hybrid (cross platform) mobile apps.

Ionic's ultimate goal is to make it easier to develop native mobile apps with HTML5, also known as Hybrid apps.

Install nodejs: http://nodejs.org/

    npm install -g cordova ionic
Allow indexing of everything
User-agent: *
Disallow:
or
User-agent: *
Allow: /
Disallow indexing of everything
User-agent: *
Disallow: /
@denzildoyle
denzildoyle / SEO.md
Last active January 6, 2025 01:17
I short list of SEO tips and tricks I have learned over time

SEO

In this list, I will be typically be talking SEO as it relates to Google because Google will likely account for the vast majority of your inbound search traffic. Additionally, if you rank highly on Google, you will probably do well on other search engines anyway. Just like in football if you could play in the Major league you would most likely kill it in the minor league I would begin by explaining why SEO is important talk a little bit about what SEO is about and talk about how those concepts relate to the world wide web. Then talk about some of the things you could do to optimize your site from top to bottom of a typical webpage.

Why it's important

  • When you want to hide something on google put it on the second page. #SEO @searchdecoder
  • Winner takes almost everything
  • More than 80 percent of shoppers research big purchases online first
  • Opertunity for business
  • 88% Of Consumers Trust Online Reviews As Much As Personal Recommendations
  • 72% Of Consumers Say That Positive Reviews Make Them T
@denzildoyle
denzildoyle / global gitignore.md
Last active August 29, 2015 14:13
Globally ignore these files from all the git repos on your system.

Follow the instrustions below to create a global git ignore file:

    vi ~/.gitignore_global  

Adding Rules for ignoring files like:

    # Compiled source #  
    ###################  
    *.com  

*.class

@denzildoyle
denzildoyle / Contributing.md
Last active August 29, 2015 14:14
Keeping a fork up to date

TODO

Add instructions here to begin the contribution process

1. Clone your fork:

git clone [email protected]:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo

/* Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af */
@mixin material-shadow($level:1){
@if $level == 1 {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@else if $level == 2 {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}