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_HXL.csv
Created
May 1, 2017 01:47
Experimental Correlation Table linking IATI Headings and HXL Hashtags and Attributes
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
| (#) HXL Hashtag | (+) HXL Attributes | IATI Headings | IATI Codelist | IATI XPath | |
|---|---|---|---|---|---|
| null | iati-activities | ||||
| version | iati | version | Version | iati-activities/@version | |
| generated-datetime | iati-activities/@generated-datetime | ||||
| linked-data-default | iati-activities/@linked-data-default | ||||
| null | iati-activities/iati-activity | ||||
| last-updated-datetime | Last-updated-datetime | iati-activities/iati-activity/@last-updated-datetime | |||
| lang | Language | iati-activities/iati-activity/@xml:lang | |||
| default-currency | Currency | iati-activities/iati-activity/@default-currency | |||
| humanitarian | iati-activities/iati-activity/@humanitarian |
OlderNewer