Felipe Nunes willpower42

UX / UI Designer with ~20 years of experience in web, a self-appointed digital artist and drawing is my therapy.

willpower42 / css3-modal-example.markdown

Created August 28, 2014 18:29

A Pen by Felipe Nunes.

willpower42 / form-example.markdown

Created August 28, 2014 18:29

A Pen by Felipe Nunes.

form example

form example with label placeholder like update: better anim

willpower42 / index.html

Created August 28, 2014 17:40

A Pen by Felipe Nunes.

	<header>
	<h1>willpower</h1>
	<a href="#menu" class="toggle-menu" aria-role="button"><i class="fa fa-bars"></i></a>
	</header>
	<nav id="menu">
	<a href="#" class="toggle-menu" aria-role="button"><i class="fa fa-times"></i></a>
	<ul>
	<li><a href="#" class="lnk-menu">Lorem</a></li>
	<li><a href="#" class="lnk-menu">Ipsum</a></li>
	<li><a href="#" class="lnk-menu">Dolor</a></li>

willpower42 / exemplo-breadcrumb-schema.html

Created May 4, 2013 14:13

Exemplo de breadcrumb usando schema/microdata

willpower42 / exemplo-artigo-schema.html

Created May 4, 2013 14:11

Exemplo de um artigo usando schema/microdata

	<article class="article-area" itemscope itemtype="http://schema.org/Article">
	<header>
	<h1 class="tit" itemprop="name">Nome do artigo</h1>
	<span class="date">05/03/2013</span>
	</header>
	<div class="article">
	<div class="img">
	<img src="img/artigo-destaque.jpg" alt="artigo destaque" itemprop="image" />
	</div>
	<div class="text" itemprop="articleBody">

willpower42 / exemplo-agenda-schema.html

Created May 4, 2013 14:09

Exemplo do uma lista de 'últimos eventos' usando schema/microdata

	<section class="agenda">
	<h2 class="tit"><span class="t">Agenda</span></h2>
	<ul class="list">
	<li class="li opn" itemprop="event" itemscope itemtype="http://schema.org/Event">
	<div class="bnr-item-home"><img itemprop="img" src="img/agenda-destaque.jpg" alt="agenda destaque" class="img" /></div>
	<!-- no content deve ser aaaa-mm-dd -->
	<span class="h">
	<span class="date" itemprop="startDate" content="2013-06-30">30/06/13</span>
	<strong class="txt">
	<span itemprop="name">Show do Fulano de Tal</span> em <span itemprop="location">Tal lugar</span>

willpower42 / vcard_e_breadcrumb-rdfa.html

Last active October 5, 2015 22:08

exemplo de vcard, com breadcrumb, em RDFa

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:v="http://rdf.data-vocabulary.org/#"
	version="XHTML+RDFa 1.0">
	<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
	<title>Ideais Tecnologia - Felipe Nunes</title>
	</head>
	<body>
	<div class="page">

	<div class="breadcrumb" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
	<span class="lbl">Você está aqui:</span>
	<a href="home.php" itemprop="url">Home</a> > <a href="pai.php" itemprop="url">Pai</a> > <strong class="this-page" itemprop="title">Sua página</strong>
	</div>