Sorry, but I've not yet supported your browser ( IE7 or IE8 ). Please use another, advanced, browser to view this site
thank you
Supported browsers
thank you
My version of the “Weather Finder App”, from this tutorial, can be used here. I wanted to share the React app that I’ve created. I’ve found that going through tutorials is a good way to learn a framework but I feel that when you don’t revisit, or review, what you’ve coded then you don’t truly understand …
Categories: Blog, Development, JavaScript, reactI’ve been learning React for the past year and have found many projects, and tutorials, that use class components when a stateless/functional component would be ideal. I decided I wanted to update my very, very, outdated blog with what I’m currently currently working on, and what better way to do it than brain dump some new learnings. …
Categories: Blog, Development, Hand coded, JavaScript, reactI’ve mainly used this effect for highlighting navigation links when a page is currently being used, or when another navigation link is being hovered over. You can see it in action here: The CSS behind this is pretty straightforwards but the trick is to ensure that you have a border, with no height, set to begin with …
Categories: Blog, CSS, Development, Hand coded, HTML, SassUsing SVG’s is awesome. When they break, which isn’t that often, they can be a pain. To ensure I don’t get ‘stung’ when using SVG’s as background images in Sass/CSS, I created the following Sass mixin: @mixin svgWithFallback( $imageName ) { background-image: url(‘../images/svg/#{$imageName}.png’); background-image: url(‘../images/svg/#{$imageName}.svg’); } This is pretty self explanatory but what it does is …
Categories: Blog, CSS, Development, Hand coded, HTML, Sass, SVGWhilst working at my current contract, at LuxDeco, I was tasked with creating a, mobile optimised, Magento theme where the design featured two slide-out/in info panels. These were to act similar to the slide out/in panels featured in the new Facebook mobile-app where the user is able to view a hidden panel that’s hidden off …
Categories: Blog, CSS, Development, Hand coded, HTML, JavaScript, jQuery, Mobile, PluginsAfter being asked many times, via this tutorial and emails, how I created the LuxDeco Discover page I decided to finally create my own version of the Grid for you to download. I’ll aim to keep this short because most people just want the answer and I don’t have too much time on my hands …
Categories: Blog, CSS, Development, Hand coded, HTML, jQueryA quick post showing a concept I had in mind about a HTML/CSS button that controls the opening and closing of a accordion element. I wanted to make this with pure HTML/CSS to eliminate the use of images or sprites for buttons. This was purely just for fun and I’ve not tested on IE, we …
Categories: Blog, CSS, Development, Hand coded, HTML, jQuery[ 20/11/2013 UPDATE: This is now responsive and available here ] This is a short tutorial on how I created the mini gallery, seen after clicking the large image, on LuxDeco’s Discover page. I’ve been asked to write up how I created the gallery as part of another tutorial found here. I recommend reading through …
Categories: Blog, CSS, Development, Hand coded, HTML, jQuery, PluginsI decided to do a little sketching on my iPad mini on the way in to work one day…after getting frustrated with not being able to get some code to function. This is what I drew: This was drawn on a train in to London, please excuse the scruffiness What is this all about? I …
Categories: Blog, CSS, Development, Hand coded, HTML, jQueryI made this a little while back and have since used it in all my new website builds. Here it is in action: A video of my very own #responsive #framework #html #css3 #mediaqueries #DIY #grid #webdev #scriptedpixels #MobileDev by @scriptedpixels DEMO I’ve finally added a direct link to the Demo here WHY? I was …
Categories: Blog, CSS, Development, Hand coded, HTML, jQuery, MobileScripted Pixels Ltd © 2021. All rights reserved
Back to topdesigned & developed by Scripted Pixels Ltd