Pens from Germano https://codepen.io/germanocaldeira/ en nospam@codepen.io Copyright 2024 2017-12-18T17:53:31-07:00 rfc2616 https://codepen.io/germanocaldeira/pen/XVXxdG https://codepen.io/germanocaldeira/pen/XVXxdG Germano

See the Code - See it Full Page - See Details

One of the most helpful / ugly documents (funny how that usually goes together) in the history of the internet. This is my reading copy that I can mark up and change around as I see fit.

]]>
rfc2616 2017-12-18T17:53:31-07:00
Retro website template https://codepen.io/germanocaldeira/pen/wrjVOb https://codepen.io/germanocaldeira/pen/wrjVOb Germano

See the Code - See it Full Page - See Details

]]>
Retro website template 2017-10-10T20:23:40-07:00
Art Deco Cinema Signs https://codepen.io/germanocaldeira/pen/mBLNjj https://codepen.io/germanocaldeira/pen/mBLNjj Germano

See the Code - See it Full Page - See Details

Art Deco style cinema signs built in HTML and CSS, and using fonts from Google Fonts. The scope for this pen focuses on the design aspect - is it possible to achieve the right look and feel using freely-available assets? This pen has limited use cases as it is only built to support single lines of text. Please see version 2 for a more flexible approach which supports varying string lengths (https://codepen.io/mltryhorn/pen/vgEQOX).

]]>
Art Deco Cinema Signs 2017-10-10T20:15:32-07:00
Art Deco Calculator https://codepen.io/germanocaldeira/pen/RLyXBJ https://codepen.io/germanocaldeira/pen/RLyXBJ Germano

See the Code - See it Full Page - See Details

]]>
Art Deco Calculator 2017-10-10T20:15:30-07:00
Brutalism design portfolio https://codepen.io/germanocaldeira/pen/XaadQW https://codepen.io/germanocaldeira/pen/XaadQW Germano

See the Code - See it Full Page - See Details

I got jealous of the simplicity and message-first approach from brutalism design, so based on Apple's WWDC I've created my version for my portfolio. Feel free to change the details, and use for your own.

]]>
Brutalism design portfolio 2017-08-11T19:52:00-07:00
Brutalism Web Design School https://codepen.io/germanocaldeira/pen/oeexVz https://codepen.io/germanocaldeira/pen/oeexVz Germano

See the Code - See it Full Page - See Details

]]>
Brutalism Web Design School 2017-08-11T19:50:32-07:00
Flexbox layout patterns https://codepen.io/germanocaldeira/pen/zddqeY https://codepen.io/germanocaldeira/pen/zddqeY Germano

See the Code - See it Full Page - See Details

]]>
Flexbox layout patterns 2017-08-11T19:48:40-07:00
List delete - shattered glass https://codepen.io/germanocaldeira/pen/QMMNzZ https://codepen.io/germanocaldeira/pen/QMMNzZ Germano

See the Code - See it Full Page - See Details

]]>
List delete - shattered glass 2017-08-11T19:48:20-07:00
Bootstrap 3 Fullscreen Background Carousel with Fade effect https://codepen.io/germanocaldeira/pen/pwqqzW https://codepen.io/germanocaldeira/pen/pwqqzW Germano

See the Code - See it Full Page - See Details

I really needed a fullscreen background carousel for bootstrap with a fade effect and it took about 5 tutorials to put together because of the background aspect and finidng an effective fade effect so I thought I might as well share with you guys!

]]>
Bootstrap 3 Fullscreen Background Carousel with Fade effect 2017-07-12T14:06:32-07:00
Material Design - Iconic Font https://codepen.io/germanocaldeira/pen/GEBeeO https://codepen.io/germanocaldeira/pen/GEBeeO Germano

See the Code - See it Full Page - See Details

Based on: Material Design Icons by Google (https://github.com/google/material-design-icons) Tested on Win8.1 with browsers: Chrome 37, Firefox 32, Opera 25, IE 11, Safari 5.1.7 More information on: http://zavoloklom.github.io/material-design-iconic-font/

]]>
Material Design - Iconic Font 2017-07-06T17:53:50-07:00