The page slides to reveal a clean, simple navigation
A Pen by Lewi Hussey on CodePen.
Brent Phillips Brentophillips
Brentophillips
/ Material design navigation.markdown
Created
June 18, 2015 14:48
Material design navigation
Brentophillips
/ CSS Animation Material Design.markdown
Created
June 18, 2015 15:42
CSS Animation Material Design
CSS rendition of this magnificent Dribbble: https://dribbble.com/shots/1717947-Keynote-Animation-Material-Design
To get better at SASS, I will start to work with it more. This was the first time I used sass-lists.
When I built this I tried sass-maps, but didn't fully grasp the inner workings; so I ditched those in favour of lists.
Just a simple blog featuring the material design style.
A Pen by Chris Frees on CodePen.
Brentophillips
/ Material Design App - Animated Tabs.markdown
Created
June 18, 2015 18:12
Material Design App - Animated Tabs
Hello Everyone! I loved Material Design and I developed the following polymer app without Canvas and Polymer.
You can use Only CSS3 - Pure Javascript!
I hope you like it :)
http://www.polymer-project.org/samples/tutorial/finished/index.html
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
| <!-- material design navigation--> | |
| <nav class="header-nav"> | |
| <div class="logo clickable"><a href="#">Logo</a></div> | |
| <ul> | |
| <li><a href="#" class="clickable">Home</a></li> | |
| <li><a href="#" class="clickable">About</a></li> | |
| <li><a href="#" class="clickable">Blog</a></li> | |
| <li><a href="#" class="clickable">Portfolio</a></li> | |
| <li><a href="#" class="clickable">Contact</a></li> | |
| </ul> |
[CSS] Make it responsive
ClientD wants their website to look good and be comfortable to use on any device. Using the following markup, make the contents of the #main element have a 2-column layout for wider devices, but 1-column for narrower devices.
A Pen by Patrick Ejelle-Ndille on CodePen.
A Pen by Sandeep S Kumar on CodePen.
Brentophillips
/ Material Design Hamburger.markdown
Created
July 3, 2015 16:39
Material Design Hamburger
Yet another morphing material design button. Just a test...
A Pen by Elton Mesquita on CodePen.
Brentophillips
/ iati_neo4j_graph_model_01
Created
June 21, 2017 19:14
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
| CREATE (a:Org {value:'null'}) | |
| CREATE (a)-[:Activities]->(b:Activities {version:'null', generated_datetime:'null', linked_data_default:'null'}) | |
| CREATE (b)-[:Activity]->(c:Activity {last_updated_datetime:'null', lang:'null', default_currency:'null', humanitarian_flag:'null'}) | |
| CREATE (c)-[:Iati_identifier]->(:Iati_identifier {iati_identifier:'null'}) | |
| CREATE (c)-[:Reporting_org]->(:Reporting_org {ref:'null', type:'null', secondary_reporter:'null', narrative:'null', lang:'null', lang_narrative:'null'}) | |
| CREATE (c)-[:Title]->(:Title {narrative:'null', lang:'null', lang_narrative:'null'}) | |
| CREATE (c)-[:Description]->(:Description {type:'null', narrative:'null', lang:'null', lang_narrative:'null'}) | |
| CREATE (c)-[:Participating_org]->(:Participating_org {ref:'null', type:'null', role:'null', activity_id:'null', narrative:'null', lang:'null', lang_narrative:'null'}) | |
| CREATE (c)-[:Other_identifier]->(:Other_identifier {ref:'null', type:'null', owner_org:'null', owner_org_ref:'null', narrative:'null', lang:'null', lang_narrat |
OlderNewer