Script Codes
Popular Scripts & Codes 2023
Name | Developer | Description |
Nice responsive team page | Infomiho | Just converting an idea to code |
Freecodecamp - Tribute Page | Samoht513 | 3,583 kb. html, css and js files. |
404 Error Page | WebSonick | 3,203 kb. html, css and js files. |
Owl Carousel - jumpTo | OwlFonk | 2,553 kb. html, css and js files. |
Donut Chart example - MorrisJS | Capelo | 2,385 kb. html, css and js files. |
Nice textured background | Hans | embedded png for a nice linear background overlay shows off ... |
A Pen by Michael Parenteau | Michaelparenteau | 2,133 kb. html, css and js files. |
Brian The CSS Bee | Jonitrythall | Playing with opacity and animation |
Blog demo to use given styling | Andygirl | 2,412 kb. html, css and js files. |
Sign Up Form | Sicontis | Took a random design in the Sign up Form category from Col... |
New Scripts & Codes
Name | Developer | Description |
Responsive Minimal Blog Layout | Hackthevoid | Heavily adapted and inspired from this Ghost theme. |
Ripples in water | Nobitagit | CSS3 experiment |
Parallax with only CSS | Thulioph | Parallax with only CSS |
Scroll Arrow | Robooneus | A simple, animated down arrow to indicate scroll intent. Mor... |
CSS Chat Bubbles | Boylett | Testing out :nth-child(even) |
Filtre ile Arama Kutusu - Search Box with Filter | AyhanALTINOK | Filtre ile Arama Kutusu - Search Box with Filter |
Wave Lines | Mikehobizal | A fun little 'wave' created by growing and rotatin... |
A Pen by Oliver Schafeld | Schafeld | 1,720 kb. html, css and js files. |
Cloud upload | Jaflo | 2,774 kb. html, css and js files. |
Sticky footer testing | 75th | 1,649 kb. html, css and js files. |
Header | Er40 | 1,542 kb. html, css and js files. |
Replace url via jquery | Serluk | 1,429 kb. html, css and js files. |
Bezier Animation with straight paths | Rhernando | 2,087 kb. html, css and js files. |
CSS Letter animations | Sladix | Just a little WIP script to animate each letter of a sentenc... |
Scroll to top button | DominicFrancois | scroll down the page and a button will appear. Click the but... |
Mini Profile | Frytyler | Awesome little profile widget by Victor Erixon on dribbble. ... |
Mega Menu by Joni | Asakasinsky | Hope you like this mega menu. The goal is to be very minimal... |
Scifi-style Radio-based Tab | Aaronchuo | Using radio button to implement tab menu, without jQuery / J... |
Transition | Shayhowe | 1,632 kb. html, css and js files. |
Drawing a Terminal with CSS | Lachlanjc | On the Kloudless API page I saw an image (the second one in ... |
Ghost Buttons with CSS3 | Mithicher | Simple Buttons with CSS3 |
Canvas Orbital Trails v2 | Jackrugile | Click and drag anywhere on the screen to create new trails. ... |
Console fun | Dviate | 1,500 kb. html, css and js files. |
Pure CSS Tooltips | Mobius1 | 2,271 kb. html, css and js files. |
Search Box in Content Moves to Fixed Header | Chriscoyier | Based on: |
Haml Calendar | Katydecorah | Just cuz. |
A Pen by Alex Edwards | Exards | 8,218 kb. html, css and js files. |
Rrremark.com Overlay Highlighter | Derickruiz | This is the overlay highlighter for rrremark.com's chro... |
Front in Aracaju Logo Pure CSS | Shankarcabus | 2,581 kb. html, css and js files. |
A Pen by Bryan Rojas | Bryanrojas | 1,873 kb. html, css and js files. |
BlueBox Fork | Huskynation | 12,675 kb. html, css and js files. |
A Pen by Dalton Liu | Liudalton | 12,437 kb. html, css and js files. |
After America | Jonathangarner | 2,686 kb. html, css and js files. |
Twitch | SarahDunlap | If a Twitch user is streaming x turns into check mark. Also,... |
Minimal Material Design Form Input | Koenigsegg1 | Super easy and fully scalable Material Design form input. Ch... |
CSS Parent Selector | Tomhodgins | Adding extra padding to the right side of the $parent elemen... |
Amazing CSS Menu with Notification Badges | Faizanasad | By Faizan Asad |
Simple search using AngularJS | Haykou | Ng-repeat+ng-model, i've updated with a single letter s... |
A Pen by Michael Parenteau | Michaelparenteau | 2,133 kb. html, css and js files. |
HEXAGON | Aurumlux | 1,684 kb. html, css and js files. |
Coburg Banks SVG Logo | Mjtweaver | Working on an animated, SVG version of the Coburg Banks logo... |
SCSS Simple Animated Drop-In | Danwarfel | Just a simple animation that's used here to casually fa... |
Button Option Group | Honchoman | A neat way to display related options.http://zurb.com/buildi... |
A Pen by Ash | Littleginger | 2,386 kb. html, css and js files. |
CSS eye follow | Pedrocampos | Just an eye that follow the cursor. Only CSS and only for fu... |
Savemedia1.1 | EdsonAlcala | Codepen to use for developing savemedia 1.1 version |
A Pen by Tosh | Panev | 2,586 kb. html, css and js files. |
Portfolio Page | HuffmanJ25 | Creating a portfolio page for FreeCodeCamp |
Twitch.tv API | Ryzokuken | 2,618 kb. html, css and js files. |
Ball bouncing loading animation | Adam2326 | 3,144 kb. html, css and js files. |
Twitch JSON API | Jvhti | A Twitch JSON API for a FreeCodeCamp zipline. |
Resume | Rottingroom | 5,483 kb. html, css and js files. |
Commuter Line Tokyu 8500 | Pedox | commuter line in Jakarta (Indonesian) operate daily and very... |
Scifi-style Interative Form | Aaronchuo | Implement web form by using Sass/HTML tricks, and without jQ... |
A Pen by Alex Bergin | Abergin | 3,347 kb. html, css and js files. |
Cars going | Netoguimaraes | 1,699 kb. html, css and js files. |
Loading Bar | Jaradlight | Messing around with loading bar stuff. |
Draggables in pure angular | Rlo206 | Bounded click and drag solution implemented using angularjs. |
Atom | Bhlaird | Another one inspired by the lovely icon set by Axel Herrmann... |
Single element checkbox | Ivijaygupta | 1,996 kb. html, css and js files. |
Slides-07-1 POSITION | Exhtml | 1,909 kb. html, css and js files. |
Animated rainbow wave on canvas | Icodeforlove | My 4th canvas animation pen. |
Touch Carousel - last, no gaps. | Berkin | This is a responsive touch carousel that i have adapted from... |
A Pen by Theun | Tjoen | 6,152 kb. html, css and js files. |
Yuliya v krylova | Rafszul | yuliya v krylova in her studio |
Process Accordion | Devilskitchen | I was looking for some way to illustrate a customer journey ... |
Hovers with popups | Zacharyolson | 2,380 kb. html, css and js files. |
Background Images | Jooonebug | This pen is an example of using multiple background images. ... |
CSS Link Zoom On Click | Bryce | 1,960 kb. html, css and js files. |
Mario | Takaneichinose | Tried to draw Mario using single div tag and box-shadow. I m... |
Sticky div | Kaslab | sticky div |
Blog | Rottingroom | 1,430 kb. html, css and js files. |
Random Gradients - JS | Aldlevine | 2,026 kb. html, css and js files. |
Improved Page Flipping Effect | Usaphp | Hey i saw Page Fan pen of McCray and really liked the idea, ... |
Pure CSS Read More Arrow | Zephyr | Animated on hover css only arrow for read mores |
A Pen by Sooba | Sooba | 2,516 kb. html, css and js files. |
Prototype Responsive Homepage | Heyitsolivia | Responsive nav, logo, hero, and moar! Prototype of a respons... |
SVG Transform vs CSS Transform | AmeliaBR | 4,175 kb. html, css and js files. |
A Pen by Alexandru Pora | Axpro | 1,615 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.