JSFiddle

LewisCowles1986's public fiddles

• Simple Custom Form UI

  resizeable zoomable checkbox / radio

• 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/

• how to use HTML5 email field (basic example)

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

• DOM Mutation Playground

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

• Stacked paper effect

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

• 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

• 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

• 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.

• Ember Starter Kit

  jQuery 2.0.2, HTML, CSS, JavaScript

• Skewed HTML sections...

  Helter-skelter HTML sections...

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

  Helter-skelter HTML sections...

• 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...

• mess around menu idea

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

• another grid (future)

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

• Get Text position within contentEditable

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

• Update of some past UGLY code

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

• Weird XHR, but it works

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

• Infinite side-scroll play

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

• wave test

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

• SVG Circles

  jQuery (edge), HTML, CSS, JavaScript

• SVG Circles

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

• Testing #75 is the latest revision

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

• New Grid system...

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

• 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...

• Textured SVG Text #5 is the latest revision

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

• R&R Designs Wood Text

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

• Claire's World Of Art Showoff

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

• HTML5+CSS radio buttons

  Borrowed btn-primary and btn styles from twitter bootstrap

• faff...

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

• sliding pure CSS chat-room panels

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

• sliding pure CSS screen-filling panels

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

• Chat Test

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

• Quora Menu style...

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

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

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

• 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

• Pirate Font

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

• extending JS natives array.each...

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

• OOP JS

  This is how JS is meant to be done!

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

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

• ContentEditor Idea

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

• toggle hidden fields no JS

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

• CSS3 tooltip (no JS)

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

• unicode burger...

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

• notification bubbles HTML5 stylee

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

• 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)

• single item CSS only accordion toggle

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

• Exploration of bigger image without jQuery

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

• not using jQuery to extend DOM Elements

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

• experiments with positions...

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

• check scroll data of element

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

• article idea

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

• Bootstrap Base (2.3.2)

  jQuery 2.1.0, HTML, CSS, JavaScript

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

  jQuery 2.1.0, HTML, CSS, JavaScript

• Bootstrap Base (2.3.2)

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

• 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

• 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

• Play with ReactJS

  Base fiddle for toying with reactJS

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

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

• AJAX Multi-Uploader

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

• CSS Slider Base...

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

• 1
• 2
• 3