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