JSFiddle

LewisCowles1986's public fiddles

• Simple Custom Form UI

  resizeable zoomable checkbox / radio

  • Delete fiddle
• Below-decks Slider recreation, more CSS, less JS

  https://www.reddit.com/r/webdev/comments/4w4vvq/is_it_possible_to_put_this_slider_on_a_wordpress/

  • Delete fiddle
• how to use HTML5 email field (basic example)

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• DOM Mutation Playground

  forked from http://jsfiddle.net/user/Kai/fiddles/

  • Delete fiddle
• Stacked paper effect

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Working out what http://getdigitl.com/ did

  So I saw a really cool website http://getdigitl.com/ and I thought, I wonder if they have used pseudo after elements to position the arrows between sections? Yeah they did. It's a really cool effect, that they have used perfectly. Now if those were to incorporate other SVG's between the elements, I think it could make a very cool diagram system for showing linear progression

  • Delete fiddle
• experiment with gradients and alpha colours

  just change the main-header background colour, this is a very interesting exciting use of CSS3 gradients with alpha component for lighting and shadows

  • Delete fiddle
• Senscot Legal play around with microdata & CSS3

  Read about a business in Scotland, visited their attrocious website and started to mess around with how to improve it.

  • Delete fiddle
• Ember Starter Kit

  jQuery 2.0.2, HTML, CSS, JavaScript

  • Delete fiddle
• Skewed HTML sections...

  Helter-skelter HTML sections...

  • Delete fiddle
• Skewed HTML sections... #14 is the latest revision

  Helter-skelter HTML sections...

  • Delete fiddle
• Tuts plus nice menu #42 is the latest revision

  Changed some colours and working on styling to make the menu easily reproducible, use less ugly SCSS as BEM is a pile of shite... Normalize.css added, Fontawesome added, class names fixed AFAIK, changed units to rem's & ems AFAIK...

  • Delete fiddle
• mess around menu idea

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• another grid (future)

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• Get Text position within contentEditable

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Update of some past UGLY code

  see http://www.geekpedia.com/tutorial167_Checking-For-Leap-Years.html and cry

  • Delete fiddle
• Weird XHR, but it works

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Infinite side-scroll play

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• wave test

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• SVG Circles

  jQuery (edge), HTML, CSS, JavaScript

  • Delete fiddle
• SVG Circles

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Testing #75 is the latest revision

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• New Grid system...

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• html form compatible jQueryUI range slider with touchscreen sized controls

  simple, easy to administer JS + CSS + DOM demo of form-compatible price range using jQuery UI, with touch enabled control sizes...

  • Delete fiddle
• Textured SVG Text #5 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• R&R Designs Wood Text

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Claire's World Of Art Showoff

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• HTML5+CSS radio buttons

  Borrowed btn-primary and btn styles from twitter bootstrap

  • Delete fiddle
• faff...

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• sliding pure CSS chat-room panels

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• sliding pure CSS screen-filling panels

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• Chat Test

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• Quora Menu style...

  http://www.quora.com/How-can-I-achieve-this-websites-menu-style?__snids__=895945411&__nsrc__=2

  • Delete fiddle
• outlook.com emails dont need so much DOM! It's 2015

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• card flip

  Designed to be a part of the Standard Computer Interaction Library I am developing as a personal project. If you use this please know what you are doing or purchase some of my time so I can help you understand how to fit this into your project

  • Delete fiddle
• Pirate Font

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• extending JS natives array.each...

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• OOP JS

  This is how JS is meant to be done!

  • Delete fiddle
• interesting way of protecting output... #1 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• ContentEditor Idea

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• toggle hidden fields no JS

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• CSS3 tooltip (no JS)

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• unicode burger...

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• notification bubbles HTML5 stylee

  No-Library (pure JS), HTML, SCSS, JavaScript

  • Delete fiddle
• Pure CSS Calendar Test

  Another in the Pure CSS series of widgets a pure-css calendar (would require being generated by backend language to avoid JS)

  • Delete fiddle
• single item CSS only accordion toggle

  using form controls checkbox & radio to enable accordion toggles in pure CSS

  • Delete fiddle
• Exploration of bigger image without jQuery

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• not using jQuery to extend DOM Elements

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• experiments with positions...

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• check scroll data of element

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• article idea

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Bootstrap Base (2.3.2)

  jQuery 2.1.0, HTML, CSS, JavaScript

  • Delete fiddle
• Bootstrap Base (2.3.2) #38 is the latest revision

  jQuery 2.1.0, HTML, CSS, JavaScript

  • Delete fiddle
• Bootstrap Base (2.3.2)

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• Accessible tabbed content (vanilla JS)

  Adds tab content behaviour with associated ARIA roles and hints. modified CSS very basicly modified JS to read better and to auto-initialize elements with data-directive for tabs modified CSS to enforce more semantic DOM structure

  • Delete fiddle
• Accessible expandable content (vanilla JS)

  Adds expandable content behaviour to the element with associated accessibility hints. Original work by maketea.co.uk Changes CSS code cleaned CSS Selectors made more specific CSS ditched rules for closed state as not open should === closed IMHO CSS After modified to > with rotation CSS animations added CSS removed body tag styling CSS TODO: separate core from app-specific logic JS modified to be self-initiated JS style display none removed comments added

  • Delete fiddle
• Play with ReactJS

  Base fiddle for toying with reactJS

  • Delete fiddle
• Chunk Uploads w/ XHR #1 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• AJAX Multi-Uploader

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• CSS Slider Base...

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle

• 1
• 2
• 3