Pens from David Fitas https://codepen.io/dfitzy/ en nospam@codepen.io Copyright 2024 2016-11-21T04:01:00-07:00 App-Like Task List https://codepen.io/dfitzy/pen/PbpwYj https://codepen.io/dfitzy/pen/PbpwYj David Fitas

See the Code - See it Full Page - See Details

Includes an automatic counter to display the current number of records - be it added or removed, along with a brief alert if the user decides to submit an empty task.

]]>
App-Like Task List 2016-11-21T01:16:20-07:00
Native American Tile Background https://codepen.io/dfitzy/pen/dMdgWj https://codepen.io/dfitzy/pen/dMdgWj David Fitas

See the Code - See it Full Page - See Details

Been looking at some of these awesome patterns lately and decided to replicate a particular style using some linear gradients.

]]>
Native American Tile Background 2016-04-12T10:03:18-07:00
Revolver Style CSS Loader https://codepen.io/dfitzy/pen/XdaoWg https://codepen.io/dfitzy/pen/XdaoWg David Fitas

See the Code - See it Full Page - See Details

CSS loader with a western twist. Uses box shadows to represent each individual chamber.

]]>
Revolver Style CSS Loader 2016-04-01T01:34:25-07:00
SVG Line Animation https://codepen.io/dfitzy/pen/eZOvpw https://codepen.io/dfitzy/pen/eZOvpw David Fitas

See the Code - See it Full Page - See Details

So I decided to have a crack at making one of those SVG line-based drawing animations. Must admit, I got a real "kick" out of this one.

]]>
SVG Line Animation 2016-02-25T11:15:15-07:00
Lightweight Accordion https://codepen.io/dfitzy/pen/JGVzoX https://codepen.io/dfitzy/pen/JGVzoX David Fitas

See the Code - See it Full Page - See Details

A simple jQuery based accordion provided with some nifty expand and minimize indicators.

]]>
Lightweight Accordion 2016-02-18T08:00:38-07:00
Modal Dialog https://codepen.io/dfitzy/pen/yeoeGO https://codepen.io/dfitzy/pen/yeoeGO David Fitas

See the Code - See it Full Page - See Details

Simple modal window equipped with smooth CSS3 transitions. Commonly used for viewing annoyingly important content upon visiting a website.

]]>
Modal Dialog 2016-01-21T05:32:23-07:00
Responsive Email Template https://codepen.io/dfitzy/pen/VeWvJM https://codepen.io/dfitzy/pen/VeWvJM David Fitas

See the Code - See it Full Page - See Details

A complete email template that is built with the use of nesting tables.

]]>
Responsive Email Template 2016-01-14T00:39:00-07:00
Vintage Inspired Contact Form https://codepen.io/dfitzy/pen/VepqMq https://codepen.io/dfitzy/pen/VepqMq David Fitas

See the Code - See it Full Page - See Details

**UPDATED: Now mobile-friendly.** A simple, yet effective contact form. Validation not included, but will be made available upon request.

]]>
Vintage Inspired Contact Form 2016-11-21T04:01:00-07:00
Responsive Image Slider https://codepen.io/dfitzy/pen/xZqGVo https://codepen.io/dfitzy/pen/xZqGVo David Fitas

See the Code - See it Full Page - See Details

A basic responsive image slider featuring next/previous buttons with a bullet based sub-navigation created with a bit of jQuery. Icons created by Robin Kylander at http://www.flaticon.com/authors/robin-kylander from www.flaticon.com. Licensed under CC By 3.0

]]>
Responsive Image Slider 2016-11-21T01:37:14-07:00