Quantcast
Channel: Pens from Pali Madra
Browsing all 38 articles
Browse latest View live
↧

Image may be NSFW.
Clik here to view.

Nice Pressable Button

See the Code - See it Full Page - See Details Nice Pressable Button. 100% the work and design of designers at https://c9.io (Cloud9 IDE). This Pen uses: HTML, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Custom error messages (pure css)

See the Code - See it Full Page - See Details Pure CSS custom error messages with icons This Pen uses: HTML, CSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Image panning with CSS

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Testing media queries

See the Code - See it Full Page - See Details testing media queries and max and min width are confusing!!!! This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

svg clipPath

See the Code - See it Full Page - See Details Using CSS clipPath for creating image effects This Pen uses: HTML, CSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

CSS Typing animation - waiting to be improved

See the Code - See it Full Page - See Details Type animation using CSS. There are some problems which are 1. The type is not in a single line and 2. It does not loop. The challenge is to fix this with...

View Article

Image may be NSFW.
Clik here to view.

css-shots-background

See the Code - See it Full Page - See Details First tutorial for the shots on Lynda taught by Chris Converse This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

HTML for emails

See the Code - See it Full Page - See Details HTML that can be used for emails and is fully compliant with nearly all email services and software This Pen uses: HTML, CSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Wi$dom CoOkie [under construction]

See the Code - See it Full Page - See Details Choose wisdom to guide your fortune! This Pen uses: HTML, CSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Psuedo elements in CSS and their usage

See the Code - See it Full Page - See Details Practicing the use of pseudo elements in CSS This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Bootstrap 3.1.1 playground

See the Code - See it Full Page - See Details Template for creating elements for a design based on Bootstrap 3.1.1 This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

A Pen by Pali Madra

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Typefaces and colors

See the Code - See it Full Page - See Details This is about relationship Between typefaces and colors. Still under construction

View Article


Image may be NSFW.
Clik here to view.

Social Morph

See the Code - See it Full Page - See Details

View Article

Image may be NSFW.
Clik here to view.

SmilePhone (push the button)

See the Code - See it Full Page - See Details

View Article


Image may be NSFW.
Clik here to view.

SmilePhone (push the button)

See the Code - See it Full Page - See Details

View Article

Image may be NSFW.
Clik here to view.

Analog Clock with html, css & js

See the Code - See it Full Page - See Details A pretty clock made with html, css and some javascript to get the time and update the clock. Inspired by Zhu Sheng's work on dribble, check his work :...

View Article


Image may be NSFW.
Clik here to view.

Analog Clock with html, css & js

See the Code - See it Full Page - See Details A pretty clock made with html, css and some javascript to get the time and update the clock. Inspired by Zhu Sheng's work on dribble, check his work :...

View Article
Browsing all 38 articles
Browse latest View live