Script Codes
Popular Scripts & Codes 2023
Name | Developer | Description |
Ionic - Wordpress REST API starter | Superpikar | This is starter project for Ionic - Wordpress REST API start... |
CSS Org Chart | Appirio-ux | 3,882 kb. html, css and js files. |
Flex Chart | James_zedd | 4,111 kb. html, css and js files. |
Pattern lab logo | TimPietrusky | The pattern lab logo recreated with box-shadow instead of a ... |
Under construction | GhostRider | by me |
Amazing CSS Menu with Notification Badges | Faizanasad | By Faizan Asad |
SVG Hover Animations | Kjbrum | Messing around with SVG animations. |
A Pen by Miro Olma | Programiro | 2,342 kb. html, css and js files. |
Flexbox Grid - equal height | DaveOrDead | Work in progress flexbox grid. Credits due to both Inuit CS... |
NgEasyModal | Lorenzodianni | A simple directive/delegator for show, get and hide modals i... |
New Scripts & Codes
Name | Developer | Description |
CSS Only Banner Rotation | Brandonkennedy | Using CSS animations to auto rotate banners. |
Icosahedron - rendered in 2D | Bolloxim | Old School 3D convex hull rendering using cross product in s... |
A Pen by Dean Leigh | Deanleigh | 1,650 kb. html, css and js files. |
Ready-to-Go Three-columns Responsive Typography Template with Off-Canvas Navigation | Englishextra | Resize window to see font-size changes and three-columns lay... |
Circle Progression Plugin | Agrayson | circles that fill to a desired percentage. |
A Pen by aaron k saunders | Aaronksaunders | Forked from Emanuel Sartor's Pen Erhpw. |
Ralph Lauren Mimic | Azureknight | Saw Ralph Lauren's little tab. And I thought... Why not... |
Cattywompus - A Subtle Parallax Banner Plugin | Hkfoster | A subtle parallax plugin that leverages native JavaScript an... |
Pure css thumbnails hover | Ksksoft | This is a sample of lesson. |
Clock | Martingrand | 3,520 kb. html, css and js files. |
Simple yet functional | Matheusxaviersi | 2,025 kb. html, css and js files. |
JQuery Viewport Size | Jeffpannone | Determine browser viewport size on page load and resize |
Flat Star Wars | Kevinjannis | Flat Star Wars characters in HTML/CSS. See Yoda, Darth Vader... |
SVG Modified with Query String | Jnowland | Create one SVG that allows you to change colours by changing... |
Asteroids | Davedehaan | This is a work in progress. |
Simple canvas drawing -- simplified lines | Anandthakker | Grabs mouse points as the user draws, but then use [simplify... |
DIV wormhole | Heydon | A responsive wormhole pattern just using plain |
Geildanke typography | Fischaela | typography settings for new geildanke.com |
Lightning | Akm2 | http://jsdo.it/akm2/pQbMLightning Points (Lightning 2) http:... |
Web SQL | Hoehoe | 1,983 kb. html, css and js files. |
Objects | Bonzaipenguin | 2,616 kb. html, css and js files. |
CubeTronic | Jurbank | Inspired by @thebabydino Pyramid scheme - http://codepen.io... |
TimelineMax Circular loader | Nicolund | Circular loader made from rotating spans within divs with ov... |
MAD9013 - Float Images with Content | Mad-d | 2,220 kb. html, css and js files. |
CircleType | Peterhry | A slight improvement on this approach: http://css-tricks.com... |
CSS Clip and Shape Module clearly | Pestov | 2,640 kb. html, css and js files. |
RWD- Mostly Fluid Layout Pattern | Marcocastro | 2,312 kb. html, css and js files. |
Login with flip 3d animation | Afiq | Flat login with cool flip 3d animation. Press the login butt... |
Knockout Lists | Marinru | 2,531 kb. html, css and js files. |
Motion Lines - codevember - 02 - 2016 | Caiocares | 2,744 kb. html, css and js files. |
Html5-canvas-snow-effect | MariamMassadeh | from http://thecodeplayer.com/walkthrough/html5-canvas-snow-... |
The Walking Raymarcher | Xorxor_hu | Replaying mocap data with hand-tuned shape animation in a ra... |
Roman Numerical Converter | Vhall_io | 2,102 kb. html, css and js files. |
Animated css matrix type | NielsOeltjen | HTML + CSS animated type forms |
CodeCamp Tribute Page | JonathanDeJesus | Codecamp tribute page assignment. |
Responsive Boxes without Images | Andymcfee | "But I don't want to put images in my markup!"... |
Full page table inside the grid | Twikito | 1,864 kb. html, css and js files. |
Carousel Test | Sbirchall | 1,509 kb. html, css and js files. |
Alumni ECA | MatheusLima92 | 3,777 kb. html, css and js files. |
Loading animation | Hafizfattah | css loading animation |
Boom | Mhrjnsa1 | 1,794 kb. html, css and js files. |
Horizontal slider on scroll | Alojzije | 2,672 kb. html, css and js files. |
Flat iOS 7 Safari Icon | Rss | Just for fun making experiments with iOS 7 flat design icons... |
Hmmm... | Rk007 | 4,848 kb. html, css and js files. |
A Pen by panstable | Panstable | 2,940 kb. html, css and js files. |
A Pen by Markku Lehmonen | SharpDal | 7,804 kb. html, css and js files. |
FCC Portfolio | Cmwebby | Portfolio Page for Free Code Camp |
SCSS Social Icons Flat | Mattsince87 | Some social icons with hover and active states using SCSS |
FCC - Tribute Page | Cmwebby | Free Code Camp Tribute Page |
Pomodoro Clock | Yas46 | 3,328 kb. html, css and js files. |
Spilled Paint | Darrylhuffman | Hey guys! So I really love this effect, and I really wish I... |
Acorrdian 2016 | Milanodituti | 3,720 kb. html, css and js files. |
NAV WPMANAGER | Mstoic | 1,991 kb. html, css and js files. |
Old calculator | Gnarfugh | 2,815 kb. html, css and js files. |
V.35 The Monolith Update - Hero Release Notes | Jordan | 12,045 kb. html, css and js files. |
Base-Style | Daniel_gooss | 2,614 kb. html, css and js files. |
Glowing Pulse Form | Jackrugile | A simple, centered form with a pulsing glow effect on the in... |
LDE old privacy page | Jasonangle | 2,339 kb. html, css and js files. |
A Pen by Taylor Vowell | Taylorvowell | 5,962 kb. html, css and js files. |
Algorithm practice | Abensur | 5,620 kb. html, css and js files. |
Mega menu | DimaZubkov | mega menu |
Canvas Background Effect | Sonick | 3,513 kb. html, css and js files. |
Blackberry Mock | Zacharyolson | 1,865 kb. html, css and js files. |
Vertical Pan Hammer.js example | Jtangelder | 2,144 kb. html, css and js files. |
Base64 SVG Me | MrBambule | Vectorpicture of me as a base64 encoded svg. Used Illustrato... |
A Pen by Patrick Cox | Pcridesagain | 2,899 kb. html, css and js files. |
Side Sliding Menu CSS | EduardL | CSS Sliding menu with scroll, no JS were used |
Flex Chart | James_zedd | 4,111 kb. html, css and js files. |
Part 19 Bootstrap split button dropdown | Venkatesha | This example for creating split button menu.link http://csha... |
Responsive Table-less Shopping Cart | Alex_rodrigues | Responsive Shopping Cart with no tables |
Whyutils | LeYvan | Stuff I expect from the get go for fast prototyping. No pret... |
Filter inputs | Rowinf | Serves as a set of filters that would be placed above and to... |
SVG hamburger menu button | Elifitch | An SVG "M" that compresses into a vertical line be... |
Experiment - SCSS SVG Background Image with Variables | See8ch | Working through some solutions to make these work, especiall... |
My Interests | Anshusaxenaarora | 2,015 kb. html, css and js files. |
CSS Patterns | Alyda | http://lea.verou.me/css3patterns/http://codepen.io/alyda/pen... |
Prism | Pyrografix | I generate a random field of triangles into an empty SVG. Us... |
Box-sizing | Elad2412 | 1,572 kb. html, css and js files. |
Blog Concept 2 | JGallardo | Ideas * Could perhaps have the image aside be a video. The c... |
Css Rotating 3d cubes different speed | Dghez | Two different cubes rotating with different speed on hover. ... |
Sequence.js - Sliding Horizontal Parallax | Maheshc | A responsive slider theme powered by Sequence.js, transition... |
HTML5 Video Autoplay | Zivcos | 1,352 kb. html, css and js files. |
CSS3 Form Page Design | Rssatnam | I Designed this Pure CSS3 Form Page for one of my Client, so... |
Apple website | Jds317 | 1,835 kb. html, css and js files. |
RollOver Effect 2 | Lmack90 | 2,162 kb. html, css and js files. |
Vue.js Starter | Andymerskin | 1,268 kb. html, css and js files. |
A Bouncy Menu Toggle | Billyysea | 4,563 kb. html, css and js files. |
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.