Francisco Campos old-campos
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
| <div class="sphere"> | |
| <h3>Adobe Edge<br><small>Reflow</small> | |
| </div> |
old-campos
/ index.haml
Created
March 18, 2013 14:26
A CodePen by Jorge Epuñan. CSS3 text-shadow effects
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
| %h1.elegantshadow Elegant Shadow | |
| %h1.deepshadow Deep Shadow | |
| %h1.insetshadow Inset Shadow | |
| %h1.retroshadow Retro Shadow |
old-campos
/ index.html
Created
March 11, 2013 21:34
A CodePen by Francisco Campos. .css file .center ul uses a: fit-content to horizontally center a floated navgiation on a page.
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
| <div class="navbar center"> | |
| <ul> | |
| <li><a href="/">Home</a></li> | |
| <li><a href="/">About Us</a></li> | |
| <li><a href="/">Our Products</a></li> | |
| <li><a href="/">Customer Suppot</a></li> | |
| <li><a href="/">Contact</a></li> |
old-campos
/ index.html
Created
March 3, 2013 20:08
A CodePen by devkick. Simple Responsive Navigation - Resize your screen to see the effect. Use it as base.
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
| <header> | |
| <div class="toggle"><a href="">Menu</a></div> | |
| <nav> | |
| <ul> | |
| <li><a href="#">Another</a></li> | |
| <li><a href="#">mobile</a></li> | |
| <li><a href="#">responsive</a></li> | |
| <li><a href="#">navigation</a></li> | |
| <li><a href="#">v1</a></li> | |
| </ul> |
old-campos
/ index.html
Created
March 3, 2013 19:55
A CodePen by Francisco Campos. css3 animated, responsive navigation menu (with submenu) for unknown number of menu items. - The ridiculously long name says it all really... The code (particularly the css) could do with cleaning up in a few places but basically this is a responsive navigation menu technique that doesn't rely on falling back to se…
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
| <nav role="navigation" class="nav"> | |
| <a class="menu-toggle" href="#head-nav"> | |
| <span aria-hidden="true" class="icon-menu"></span><span class="menu-toggle-text"> menu</span> | |
| </a> | |
| <ul id="main-menu" class="top-nav menu clearfix"> | |
| <li class="menu-item"> | |
| <a href="http://codepen.io">Home</a> | |
| </li> |
old-campos
/ index.html
Created
March 3, 2013 19:51
A CodePen by Francisco Campos. Responsive navigation multilevel - A responsive navigation menu for a project of mine. I needed the top level links (team, news, prestations, our work, contact us) to be still clickable.
It's bases on Brad Frost's demo http://codepen.io/bradfrost/full/qwJvF
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
| <div class="menu-wrapper"> | |
| <a href="#menu" class="menu-link"> Menu<span class="ico-caret-down right" aria-hidden="true"></span> | |
| </a> | |
| <nav id="menu" role="navigation"> | |
| <div class="menu"> | |
| <ul class="menu"> | |
| <li> | |
| <a href="#">Team</a> | |
| </li> |
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
| <ul class="tt-wrapper"> | |
| <li><a class="tt-gplus" href="#"><span>Google Plus</span></a></li> | |
| <li><a class="tt-twitter" href="#"><span>Twitter</span></a></li> | |
| <li><a class="tt-dribble" href="#"><span>Dribble</span></a></li> | |
| <li><a class="tt-facebook" href="#"><span>Facebook</span></a></li> | |
| <li><a class="tt-linkedin" href="#"><span>LinkedIn</span></a></li> | |
| </ul> |
old-campos
/ index.html
Created
February 28, 2013 22:18
A CodePen by Francisco Campos. Double Click jquery
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Dubba Click</title> | |
| <link rel='stylesheet' type='text/css' href='stylesheet.css'/> | |
| <script type='text/javascript' src='script.js'></script> | |
| </head> | |
| <body> | |
| <div></div> | |
| </body> |
old-campos
/ index.html
Created
February 28, 2013 22:06
A CodePen by Francisco Campos. Double Click jquery
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Dubba Click</title> | |
| <link rel='stylesheet' type='text/css' href='stylesheet.css'/> | |
| <script type='text/javascript' src='script.js'></script> | |
| </head> | |
| <body> | |
| <div></div> | |
| </body> |
old-campos
/ index.html
Created
February 28, 2013 20:35
A CodePen by Francisco Campos. Pull-tab jquery
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Slide Panel</title> | |
| <script type="text/javascript" src="script.js"></script> | |
| <link rel="stylesheet" type="text/css" href="stylesheet.css"></link> | |
| </head> | |
| <body> | |
| <div class="panel"> | |
| <br /> |
NewerOlder