Script Codes - Page 6
Name | Developer | Description |
Airbnb Homepage | SindhujaD | This is a recreation of Airbnb's homepage using HTML, C... |
Loading animation - freedom purchase | Rocbear | Loading animation with lots of metaphors and meaning. |
Pure CSS read more toggle | Idered | 2,344 kb. html, css and js files. |
Slick Slider | Wearebold | 5,913 kb. html, css and js files. |
Drag n Drop | Martin42 | http://www.html5rocks.com/en/tutorials/dnd/basics/(restart a... |
Sidebar Thing | Jonambas | 2,779 kb. html, css and js files. |
A Pen by Jonas Bjork | Jonasbjork | 3,115 kb. html, css and js files. |
Donut Chart example - MorrisJS | Capelo | 2,385 kb. html, css and js files. |
Foundation 5 Menu - Accessibility | Xporter | Testing the script from Derek Featherstone's article on... |
Flat UI - Checkbox FIX | ARS | Flat UI checkbox bug fixed now! Fork based on Flat UI - Cust... |
Social Profiles | Lachlanjc | A little profile widget. |
Falling Down the Rabbit Hole | Rachelnabors | A little sequence using waypoints.js and skrollr.js to chang... |
CSS Variables | Jdsteinbach | Playing with CSS Variables for a blog post (http://jamesstei... |
Lazy Load for Background Images | The_ruther4d | I was searching around for a lazy-load alternative that woul... |
AngularJS Animated Todo List | Ehaase | Mobile ready todo list with animations. |
A Pen by Xand0r | Xand0r | 1,928 kb. html, css and js files. |
Nice responsive team page | Infomiho | Just converting an idea to code |
A Pen by Brendan Skousen | Bskousen | 2,954 kb. html, css and js files. |
Form Labels | Bartuc | Uses CSS puesdo element :focus to build a nice looking form. |
Brian The CSS Bee | Jonitrythall | Playing with opacity and animation |
Flat design iframe | Damienpm | A little flat design computer to include iframe :) |
IE11 Test | Boostnewmedia | 4,998 kb. html, css and js files. |
Placeholder support for contentEditable elements, without JavaScript | Flesler | 1,863 kb. html, css and js files. |
Flower expansion | Sreucherand | 3,425 kb. html, css and js files. |
SVG Text Masking | JMChristensen | Using svg to do text mask. More browser support than CSS mas... |
Email Marketing Mock | Kristenzirkler | 8,224 kb. html, css and js files. |
SVG Basics | HipsterBrown | I'm starting to explore more SVG in-depth by reading th... |
Bootstrap 3 Price Table | Honglio | 2,655 kb. html, css and js files. |
Polygon Dodecahedron in CSS | Vennsoh | Checkout the original Dodecahedron by the awesome Ana Tudor! |
Matrix | Stathisnikolaidis | 1,922 kb. html, css and js files. |
Learning FlexBox | Alex_rodrigues | 2,821 kb. html, css and js files. |
Scoreboard.js basic usage | Tbleckert | Moving the demos to Codepen. This pen shows the basic usage ... |
Slide out Menu | Rbiggs | This is an example of ChocolateChip-UI's slide out menu... |
JQuery AJAX reddit Exercise | Btholt | 1,777 kb. html, css and js files. |
Flex layout example | Mofny | 1,663 kb. html, css and js files. |
Animated bar chart | CreativePunch | Simple animated bar chart. This could be made purely in CSS ... |
Fullscreen Parallax | Bassta | 3,313 kb. html, css and js files. |
Three js | Paulq | example camera controlls |
Welcome | Nakome | photos: unsplash.com |
Social buttons | Flacu | Animated ccs hover effect for social buttons. |
Simple Buttons | Haydenmills | Simple buttons with various shapes. |
Popover Example | Seanboom | 2,429 kb. html, css and js files. |
Tooltip in table | Roine | experiment to bring tooltips to tables |
RSW | JordanC | ReadySetWhoa Design WIP |
Mosaic transition effect between two photos using jQuery | Stathisg | Demo of a mosaic transition effect between two photos using ... |
Gears | Synvox | It's a cool animation... My Website |
The CodePen Logo | Kindofone | The CodePen logo in nothing but CSS! |
BSP Dungeon Generation | Xgundam05 | Playing around with Binary Space Partitioning for dungeon ge... |
AngularJS Datalist Directive | M-e-conroy | Simple example on how to create an AngularJS directive to au... |
A Pen by Final Boss tommyb9 | FBtommyb9 | 55,354 kb. html, css and js files. |
Portfolio Landing Page | FDfranklin | 3,585 kb. html, css and js files. |
Sticky Navbar | Phantomesse | The navigation bar will appear below the header. When the us... |
Growing Root - Scroll control - CANVAS | Cjonasw | Reads a path to figure out where to be in terms of x goes fr... |
Box Shadow Effects | Retrofuturistic | Raised, Curves and Bulges using css box shadow, border radiu... |
Price table | Serluk | price table |
Google Chrome Icon using Pure CSS in one DIV | Grssam | This is the icon of the much favorite Browser, Google Chrome... |
Comparison of Roboto Draft vs Roboto | Jxnblk | https://gist.github.com/vincentriemer/81ab90e0caa8474669dd |
404 Page | Saransh | Simple animated 404 page for a startup I'm working with... |
Google Fonts Sass Mixin | HugoGiraudel | A little SCSS mixin to ease the use of Google Web Fonts.Any ... |
Shop Talk logo made in CSS | Hugo | A CSS only version of the Shop Talk logo complete with a dat... |
Angular-HAML | Cwacht | 2,022 kb. html, css and js files. |
Cool Page Split Effect | Anthonyadamski | 6,128 kb. html, css and js files. |
Sass Radar | Jlong | A crazy demonstration of what you can do with box shadows an... |
Cant get enough icecream in pure css3 | Melawire | one icecream - one div (except fancy stick) i was looking fo... |
Pagepilling.js | Blossk | easy, sweet. repository/doc: https://github.com/alvarotrigo/... |
CSSOff 2013 Submission | Codewunder | My entry to the latest CSSoff :) Have fun judges! |
Simple content swap | Snografx | *for Kattis |
Tumblr API | Juanv911 | Display Tumblr Photo posts into Masonry layout. |
Large canvas mousemove experiment | Jibbon | pointless perhaps - large image canvas moves with mouse. |
Default Input, Textareas, Submits, and Buttons in iOS | Demersdesigns | A quick little pen to show how to get rid of the default rou... |
CSS Bot Confusion | Jpod | Rearranges the letters in a captcha word with CSS. Click the... |
Fluid Grid 12 | Alexoliverwd | A simple responsive fluid grid system spanning twelve column... |
Spiralator 9000 | AdmiralPotato | My first toy using Google's dat-gui library. You can ev... |
Cartoon Bomb | Tcmulder | My original plan was just to create the smoke animation, but... |
Very Simple Slider | Doodlemarks | Was tired of heavy bloated jQuery slider plugins so I made m... |
Em Test | Rodesco | 1,784 kb. html, css and js files. |
CSS3 iPad | Vikvarg | Simple iPad made only with CSS |
Twinkling Stars | Ripley6811 | CreateJS example. EaselJS stars are created at random locati... |
Parallax-ish Sliding Content | Jdsteinbach | On scroll, the current content (hero-style) slides off of th... |
Exploring css spinners | Akagr | 3,569 kb. html, css and js files. |
CSS Heart Loaders | Nourabusoud | Heart Loaders using css3 |
Click Based Rotation Demo | Zeaklous | A demo for the plugin I made https://github.com/ZachSaucier/... |
Christ the Redeemer | Prashantsani | 2,208 kb. html, css and js files. |
Pattern lab logo | TimPietrusky | The pattern lab logo recreated with box-shadow instead of a ... |
Mobile first social buttons with no iframe | Alistairtweedie | Based on the popularity of the tweet and follow buttons (Che... |
Cofee and sugar | Tripack | 2,094 kb. html, css and js files. |
Responsive Menu I | Rodericksandoval | 3,045 kb. html, css and js files. |
Material Design-Layout-Principles Practice | Fraina | 2,331 kb. html, css and js files. |
CSS Dynamic Width Square Div | Elleestcrimi | This shows the use of a transparent 1x1 gif to simulate a sq... |
HyperText Markup Language (HTML) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript). "Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.
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.
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.