Skip to content

Instantly share code, notes, and snippets.

View mnafricano's full-sized avatar

Marcello Africano mnafricano

9 followers · 6 following
View GitHub Profile
@mnafricano
mnafricano / index.html
Created September 23, 2012 02:23
Text Slider
<section>
<article> Slide 1 </article>
<article> Slide 2 </article>
<article> Slide 3 </article>
<article> Slide 4 </article>
<article> Slide 5 </article>
<article> Slide 6 </article>
<article> Slide 7 </article>
<article> Slide 8 </article>
<article> Slide 9 </article>
@mnafricano
mnafricano / index.html
Created September 23, 2012 02:33
Button Shapes
<div id="content">
<aside class="diamond"> Diamond </aside>
<aside class="ribbon"> Ribbon </aside>
<aside class="arrow"> Arrow </aside>
<aside class="rounded"> Rounded </aside>
<aside class="sheer"> Sheer </aside>
</div>
@mnafricano
mnafricano / index.html
Created September 23, 2012 02:37
Animated CodePen Logo
<div class="cube-container">
<div id="cube">
<figure class="side front"></figure>
<figure class="side back"></figure>
<figure class="side left"></figure>
<figure class="side right"></figure>
</div>
</div>
@mnafricano
mnafricano / index.html
Created September 23, 2012 04:15
Neon Lights
<div class="title"> Marcellights </div>
<div class="content">
<span id="switch"> Light it Up! </span>
<h1 id="lights"> Marcello Africano </h1>
</div>
@mnafricano
mnafricano / index.html
Created September 23, 2012 04:30
Model - Angular.js
<html>
<head>
<title> Marcello Africano </title>
<meta charset="utf-8" />
</head>
<body>
<div ng-app>
<div>
<label> First Name: </label>
<input type="text" ng-model="firstName" placeholder="Enter a first name here">
@mnafricano
mnafricano / index.html
Created September 23, 2012 19:45
Fat Switch
<div id="group">
<fieldset class="switch">
<legend>Subscribe: </legend>
<input id="yes" name="view" type="radio" checked>
<label for="yes">Yes</label>
<input id="no" name="view" type="radio">
<label for="no">No</label>
<span class="switch-button"></span>
</fieldset>
</div>
@mnafricano
mnafricano / index.html
Created September 25, 2012 19:16
Easy Tabs
<ul id="tabs">
<li><a href="#" name="#tab1">One</a></li>
<li><a href="#" name="#tab2">Two</a></li>
<li><a href="#" name="#tab3">Three</a></li>
<li><a href="#" name="#tab4">Four</a></li>
</ul>
<div id="content">
<div id="tab1">
<h2>Lorem ipsum sit amet</h2>
@mnafricano
mnafricano / index.html
Created September 27, 2012 21:09
Simon Game
<div class="wrapper">
<span role="hole">
<div id="status"></div>
</span>
<section id="gaming-buttons">
<button role="one" class="a"></button>
<button role="two" class="s"></button>
<button role="three" class="d"></button>
<button role="four" class="f"></button>
</section>
@mnafricano
mnafricano / dabblet.css
Created October 3, 2012 00:09
Pretty Div
/**
* Pretty Div
*/
body {
background: #2574B0 url(http://cssdesk.com/images/bg-blueprint.png);
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 75px;
font-size: 13px;
}
@mnafricano
mnafricano / dabblet.css
Created October 12, 2012 19:26
Pink to Yellow Gradient
/**
* Pink to Yellow Gradient
*/
background: #f06;
background: -webkit-linear-gradient(45deg, #f06, yellow);
min-height: 100%;