Script Codes

Responsive Minimal Blog Layout

Responsive Minimal Blog Layout

Heavily adapted and inspired from this Ghost theme. 5,261 kb. html, css and js files.

Ripples in water

Ripples in water

CSS3 experiment 2,704 kb. html, css and js files.

Parallax with only CSS

Parallax with only CSS

Parallax with only CSS 2,297 kb. html, css and js files.

Scroll Arrow

Scroll Arrow

A simple, animated down arrow to indicate scroll intent. Mor... 4,437 kb. html, css and js files.

CSS Chat Bubbles

CSS Chat Bubbles

Testing out :nth-child(even) 2,094 kb. html, css and js files.

Filtre ile Arama Kutusu - Search Box with Filter

Filtre ile Arama Kutusu - Search Box with Filter

Filtre ile Arama Kutusu - Search Box with Filter 3,448 kb. html, css and js files.

Wave Lines

Wave Lines

A fun little 'wave' created by growing and rotatin... 4,023 kb. html, css and js files.

A Pen by Oliver Schafeld

A Pen by Oliver Schafeld

1,720 kb. html, css and js files.

Cloud upload

Cloud upload

2,774 kb. html, css and js files.

Sticky footer testing

Sticky footer testing

1,649 kb. html, css and js files.

header

Header

1,542 kb. html, css and js files.

Breadcrumbs > Back

Breadcrumbs > Back

Testing the idea of a CSS-only conversion of breadcrumbs to ... 2,372 kb. html, css and js files.

replace url via jquery

Replace url via jquery

1,429 kb. html, css and js files.

Randomized Cycle Through <p> Tags

Randomized Cycle Through <p> Tags

This just cycles through paragraph randomly tags and times o... 2,418 kb. html, css and js files.

Bezier Animation with straight paths

Bezier Animation with straight paths

2,087 kb. html, css and js files.

CSS Letter animations

CSS Letter animations

Just a little WIP script to animate each letter of a sentenc... 2,116 kb. html, css and js files.

Animated Statusbar (jQuery only)

Animated Statusbar (jQuery only)

Without any CSS3 transitions for more compatibility. 4,336 kb. html, css and js files.

Accelero - Vertical & Horizontal Parallax

Accelero - Vertical & Horizontal Parallax

This jQuery Plugin was created to manage multiple layers of ... 5,599 kb. html, css and js files.

Scroll to top button

Scroll to top button

scroll down the page and a button will appear. Click the but... 3,743 kb. html, css and js files.

Mini Profile

Mini Profile

Awesome little profile widget by Victor Erixon on dribbble. ... 3,828 kb. html, css and js files.

Mega Menu by Joni

Mega Menu by Joni

Hope you like this mega menu. The goal is to be very minimal... 3,171 kb. html, css and js files.

Scifi-style Radio-based Tab

Scifi-style Radio-based Tab

Using radio button to implement tab menu, without jQuery / J... 4,427 kb. html, css and js files.

Transition

Transition

1,632 kb. html, css and js files.

Drawing a Terminal with CSS

Drawing a Terminal with CSS

On the Kloudless API page I saw an image (the second one in ... 3,185 kb. html, css and js files.

Ghost Buttons with CSS3

Ghost Buttons with CSS3

Simple Buttons with CSS3 2,509 kb. html, css and js files.

Canvas Orbital Trails v2

Canvas Orbital Trails v2

Click and drag anywhere on the screen to create new trails. ... 3,421 kb. html, css and js files.

Console fun

Console fun

1,500 kb. html, css and js files.

Pure CSS Tooltips

Pure CSS Tooltips

2,271 kb. html, css and js files.

Search Box in Content Moves to Fixed Header

Search Box in Content Moves to Fixed Header

Based on: 2,768 kb. html, css and js files.

Haml Calendar

Haml Calendar

Just cuz. 5,643 kb. html, css and js files.

A Pen by Alex Edwards

A Pen by Alex Edwards

8,218 kb. html, css and js files.

Переопределите disable

Переопределите disable

2,186 kb. html, css and js files.

CSS/Less Only Dropdown Menu

CSS/Less Only Dropdown Menu

This uses only css to style a dropdown menu with 3 levels. ... 2,409 kb. html, css and js files.

Bresenham's Line of Sight

Bresenham's Line of Sight

Optimized JavaScript line of sight algorithm implementation. 2,881 kb. html, css and js files.

rrremark.com Overlay Highlighter

Rrremark.com Overlay Highlighter

This is the overlay highlighter for rrremark.com's chro... 4,438 kb. html, css and js files.

Front in Aracaju Logo Pure CSS

Front in Aracaju Logo Pure CSS

2,581 kb. html, css and js files.

Round Buttons?

Round Buttons?

A pen showing how to build a verticle button menu. 2,033 kb. html, css and js files.

A Pen by Bryan Rojas

A Pen by Bryan Rojas

1,873 kb. html, css and js files.

BlueBox Fork

BlueBox Fork

12,675 kb. html, css and js files.

A Pen by Dalton Liu

A Pen by Dalton Liu

12,437 kb. html, css and js files.

Foundation 6 + Lazy Loading

Foundation 6 + Lazy Loading

A quick set up of lazy loading images plus foundation 2,178 kb. html, css and js files.

After America

After America

2,686 kb. html, css and js files.

Twitch

Twitch

If a Twitch user is streaming x turns into check mark. Also,... 2,937 kb. html, css and js files.

Expanding Card | Material Design

Expanding Card | Material Design

Simple expanding card transition... Might work quite nicely ... 4,790 kb. html, css and js files.

Minimal Material Design Form Input

Minimal Material Design Form Input

Super easy and fully scalable Material Design form input. Ch... 3,076 kb. html, css and js files.

CSS Parent Selector

CSS Parent Selector

Adding extra padding to the right side of the $parent elemen... 2,143 kb. html, css and js files.

Amazing CSS Menu with Notification Badges

Amazing CSS Menu with Notification Badges

By Faizan Asad 2,549 kb. html, css and js files.

Simple search using AngularJS

Simple search using AngularJS

Ng-repeat+ng-model, i've updated with a single letter s... 1,802 kb. html, css and js files.

A Pen by Michael Parenteau

A Pen by Michael Parenteau

2,133 kb. html, css and js files.

HEXAGON

HEXAGON

1,684 kb. html, css and js files.

#1281 - Image Hover

#1281 - Image Hover

Image hover with title 2,515 kb. html, css and js files.

Coburg Banks SVG Logo

Coburg Banks SVG Logo

Working on an animated, SVG version of the Coburg Banks logo... 3,875 kb. html, css and js files.

SCSS Simple Animated Drop-In

SCSS Simple Animated Drop-In

Just a simple animation that's used here to casually fa... 2,175 kb. html, css and js files.

Button Option Group

Button Option Group

A neat way to display related options.http://zurb.com/buildi... 1,859 kb. html, css and js files.

A Pen by Ash

A Pen by Ash

2,386 kb. html, css and js files.

CSS eye follow

CSS eye follow

Just an eye that follow the cursor. Only CSS and only for fu... 2,592 kb. html, css and js files.

Savemedia1.1

Savemedia1.1

Codepen to use for developing savemedia 1.1 version 2,148 kb. html, css and js files.

A Pen by Tosh

A Pen by Tosh

2,586 kb. html, css and js files.

Portfolio Page

Portfolio Page

Creating a portfolio page for FreeCodeCamp 5,240 kb. html, css and js files.

Tu ubicación en un mapa de google

Tu ubicación en un mapa de google

Código para la clase de programación básica 2,803 kb. html, css and js files.

Nerd Machine Logo: Animated

Nerd Machine Logo: Animated

10min Challenge: --has since been updated so not really 10m... 15,068 kb. html, css and js files.

Twitch.tv API

Twitch.tv API

2,618 kb. html, css and js files.

Ball bouncing loading animation

Ball bouncing loading animation

3,144 kb. html, css and js files.

CSS3 Notification (Cookies)

CSS3 Notification (Cookies)

A simple cookies notification using hardware acceleration fo... 3,055 kb. html, css and js files.

Декорация радиокнопок

Декорация радиокнопок

2,370 kb. html, css and js files.

Twitch JSON API

Twitch JSON API

A Twitch JSON API for a FreeCodeCamp zipline. 2,808 kb. html, css and js files.

Resume

Resume

5,483 kb. html, css and js files.

Commuter Line Tokyu 8500

Commuter Line Tokyu 8500

commuter line in Jakarta (Indonesian) operate daily and very... 7,031 kb. html, css and js files.

Scifi-style Interative Form

Scifi-style Interative Form

Implement web form by using Sass/HTML tricks, and without jQ... 4,566 kb. html, css and js files.

A Pen by Alex Bergin

A Pen by Alex Bergin

3,347 kb. html, css and js files.

Cars going

Cars going

1,699 kb. html, css and js files.

Loading Bar

Loading Bar

Messing around with loading bar stuff. 2,333 kb. html, css and js files.

Draggables in pure angular

Draggables in pure angular

Bounded click and drag solution implemented using angularjs. 5,167 kb. html, css and js files.

Atom

Atom

Another one inspired by the lovely icon set by Axel Herrmann... 1,932 kb. html, css and js files.

single element checkbox

Single element checkbox

1,996 kb. html, css and js files.

slides-07-1 POSITION

Slides-07-1 POSITION

1,909 kb. html, css and js files.

Animated rainbow wave on canvas

Animated rainbow wave on canvas

My 4th canvas animation pen. 2,777 kb. html, css and js files.

Touch Carousel - last, no gaps.

Touch Carousel - last, no gaps.

This is a responsive touch carousel that i have adapted from... 4,332 kb. html, css and js files.

A Pen by Theun

A Pen by Theun

6,152 kb. html, css and js files.

yuliya v krylova

Yuliya v krylova

yuliya v krylova in her studio 37,351 kb. html, css and js files.

Process Accordion

Process Accordion

I was looking for some way to illustrate a customer journey ... 31,432 kb. html, css and js files.

Hovers with popups

Hovers with popups

2,380 kb. html, css and js files.

Background Images

Background Images

This pen is an example of using multiple background images. ... 2,100 kb. html, css and js files.

CSS Link Zoom On Click

CSS Link Zoom On Click

1,960 kb. html, css and js files.

Mario

Mario

Tried to draw Mario using single div tag and box-shadow. I m... 3,902 kb. html, css and js files.

What's Your Sign?

What's Your Sign?

Little app built on javascript with Bootstrap framework and... 4,163 kb. html, css and js files.

sticky div

Sticky div

sticky div 2,225 kb. html, css and js files.

Blog

Blog

1,430 kb. html, css and js files.

Random Gradients - JS

Random Gradients - JS

2,026 kb. html, css and js files.

Daily UI #001 - Sign Up

Daily UI #001 - Sign Up

A sign up UI for the daily UI challenge. It's totes cra... 4,324 kb. html, css and js files.

Improved Page Flipping Effect

Improved Page Flipping Effect

Hey i saw Page Fan pen of McCray and really liked the idea, ... 5,201 kb. html, css and js files.

[js] Separate long sentence

[js] Separate long sentence

2,135 kb. html, css and js files.

Pure CSS Read More Arrow

Pure CSS Read More Arrow

Animated on hover css only arrow for read mores 1,747 kb. html, css and js files.

A Pen by Sooba

A Pen by Sooba

2,516 kb. html, css and js files.

Prototype Responsive Homepage

Prototype Responsive Homepage

Responsive nav, logo, hero, and moar! Prototype of a respons... 7,677 kb. html, css and js files.

SVG Transform vs CSS Transform

SVG Transform vs CSS Transform

4,175 kb. html, css and js files.

BOX SHADOW MADNESS!

BOX SHADOW MADNESS!

test of box shadow properties, and viability as a spriting e... 2,888 kb. html, css and js files.

A Pen by Alexandru Pora

A Pen by Alexandru Pora

1,615 kb. html, css and js files.

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. Separation of formatting and content makes it possible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (via speech-based browser or screen reader), and on Braille-based tactile devices. It can also display the web page differently depending on the screen size or viewing device.

Cascading Style Sheets (CSS)

JavaScript (JS)

JavaScript is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the ECMAScript language specification. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production; the majority of websites employ it, and all modern Web browsers support it without the need for plug-ins. JavaScript is prototype-based with first-class functions, making it a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles. It has an API for working with text, arrays, dates and regular expressions, but does not include any I/O, such as networking, storage, or graphics facilities, relying for these upon the host environment in which it is embedded. Although there are strong outward similarities between JavaScript and Java, including language name, syntax, and respective standard libraries, the two are distinct languages and differ greatly in their design. JavaScript was influenced by programming languages such as Self and Scheme. JavaScript is also used in environments that are not Web-based, such as PDF documents, site-specific browsers, and desktop widgets. Newer and faster JavaScript virtual machines (VMs) and platforms built upon them have also increased the popularity of JavaScript for server-side Web applications.

Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.