pilch's public fiddles
-
[wrk] TrustPilot animated footer - full width
Simple expanding footer bar which reveals ul + li's as content.. v.nice.
-
[YAY] Trustpilot, jCarousel Lite + Handlebars
Finally working - styled version #2 with green strip and trustpilot logo. Need to add the timeago datestamp functionality. This fiddle also trims the reviewcontent to 225 to ensure consistency of data and to try to keep the display proportionally blocked so to speak. No varying heights etc.
-
[YAY] Trustpilot, jCarousel Lite + Handlebars Baby
Finally got it working you son of a biatch. http://www.gmarwaha.com/jquery/jcarousellite/#demo http://handlebarsjs.com/ http://cdnjs.com/
-
Trustpilot trustbox widgets
Both Sutons and Dobies code attached.
-
[wrk] trustpilot badges - sutons
for suttons https://s3.amazonaws.com/trustbox.trustpilot.com/badge/trustpilot_bagde-source.psd is the photoshop file
-
[wrk] Handlebars 'helper' functions for object arrays example
object arrays and handlebars templating engine, doing some cool stuff like concatenating {first: 'Recardo', last: 'Patrese'} and some if/else logic http://handlebarsjs.com/ http://cdnjs.com/
-
LESS css responsive framework
http://lessframework.com/
-
[mobile detection v2] - using ua-parser-js
anotehr version of user agent string detection but utilising the excellent vanilla, lightweight http://faisalman.github.io/ua-parser-js/ script
-
[mobile detection]
uses navigator.userAgent to display user agent information. Also calculates string position using .indexOf()
-
css3 - using css3pie
to progressively enhance IE (to allow us to have borders and shadows and gradients etc.
-
[api] example of switching degrees c to fahrenheit
http://tutorialzine.com/2013/05/weather-web-app-geolocation-revisited/ this is cool as it's using javascript shorthand for the statement. basically says if DEG is equal to C convert the number retrieved from the OpenWeather JSON field applying the first kelvin formula. Else use the second formula. NEAT!! http://www.websiteoptimization.com/secrets/ajax/javascript-shorthand.html
-
[wrk]trustpilot trustbox widget
Trustpilot widget for suttons
-
[wrk] Trustpilot jsonp - timeago script
using the moment and livestamp to provide the 'x minutes ago' approach Updated to use v2.6.0 moment
-
[wrk] basic jsonp parse to table
jQuery 1.8.3, HTML, CSS, JavaScript
-
[wrk] trustpilot shizzle
trustpilot
-
[wrk] email block
/weekend-offers-0913.html
-
AngularJS Example:
http://angularjs.org/
-
Temperature celsius to fahrenheit
this is the javascript which could be useful for weather api webapp
-
[css reference] cursor css property
complete list css cursor attributes
-
[wrk] product item additions - cool sneakers hover effect!
http://cssdeck.com/labs/l6pzd5vm This is made width both Css and Javascript, though the javascript is only for activating the menu. The additional info loading up when hover is made purely with css, and is "dynamic" so it will expand upwards with whatever content is put there. This is possible with the mixed use of transform:translate and position:absolute. I found that moving a element with transform:translate 100%, positioned 100% of the elements height and not the parents height, wich made this possible without use of javascript. Credits: The beautiful product image: http://chrishavron.deviantart.com/art/Shoe-Product-Shot-153146832 Inspiration after seeing this piece of work by: Virgil pana: http://dribbble.com/shots/986548-Product-Catalog Inspiration from the new myspace design: http://myspace.com