Skip to content

Instantly share code, notes, and snippets.

@lancejpollard
lancejpollard / meta-tags.md
Created March 5, 2012 13:54
Complete List of HTML Meta Tags

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">

My little give away + bonus

Beatifull slider, with all stylesheets + scss files

/ JS plugins+ little nice js widget to share in socials. All pictures are included + php snippet for sharrre!

###Hope this pen will help someone.

A Pen by A973C on CodePen.

LETTER DROP

Experimenting with more text effects using CSS animations and jQuery to keep the markup down.

The delay is added via drop.styles() on the fly, you could I guess make all the CSS required on the fly using the same method but I've kept these separate for now. The animation effect, look and feel are customised via the CSS the way they should be. The JS plugin is a helper for all the repetition needed to create the effects on each letter.

Version 0.0.8 out now! Fork me on GitHub https://github.com/KryptoniteDove/letter-drop

Forked from Rich's Pen LETTER DROP.

@CodeMyUI
CodeMyUI / Transmission: Glowing Text Animation.markdown
Created June 28, 2016 03:22
Transmission: Glowing Text Animation

Transmission: Glowing Text Animation

A little glowing text animation. First, some js to wrap each letter in a span. Then a keyframe animation, with animation-delay mixin, lights up each letter in succession.

A Pen by Stephen Scaff on CodePen.

License.

@CodeMyUI
CodeMyUI / index.html
Created February 16, 2017 00:27
Progress Nav
<nav class="toc">
<ul>
<li><a href="#intro">Intro</a></li>
<li>
<a href="#dev">Developer Mode</a>
<ul>
<li><a href="#dev-edit-html">Edit HTML</a></li>
<li><a href="#dev-element-classes">Element Classes</a></li>
<li><a href="#dev-slide-classes">Slide Classes</a></li>
<li><a href="#dev-export-html">Export HTML</a></li>