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