Scripted Pixes Logo Scripted Pixes Logo
Home About Work Blog
Filter by tag:
  • API
  • Animation
  • Apple
  • CSS
  • Git
  • HTML
  • IDE
  • JavaScript
  • M1
  • MacBook Pro
  • Markdown
  • Netlify
  • Nuxt
  • PHP
  • REST
  • React
  • Responsive
  • SVG
  • Vue
Stats

21 Blogpost(s)

  • How to filter lists in Vue using computed properties

    A look in to how I'm filtering the blog posts with the use of Tags and how easy it is to render using Vue's `Computed` properties.

    Date posted: Saturday, February 26, 2022

    Category: Web Development

    Tags: Vue,JavaScript

  • Handling user input with Vue

    Handling user input using the v-model and v-on directives.

    Date posted: Tuesday, February 22, 2022

    Category: Web Development

    Tags: Vue,JavaScript

  • Rendering lists in Vue

    Using v-for to render a list of items in HTML from the application state.

    Date posted: Wednesday, February 16, 2022

    Category: Web Development

    Tags: Vue,JavaScript

  • Getting started with Vue

    How to get started with using Vue via a CDN, the options API, and no build tools...

    Date posted: Sunday, February 13, 2022

    Category: Web Development

    Tags: Vue,JavaScript

  • Fira Code as my IDE font

    FiraCode is a font that supports ligatures, using this in my IDE makes reading code a lot easier... and it looks cleaner and cooler!

    Date posted: Tuesday, January 4, 2022

    Category: Web Development

    Tags: IDE,CSS,HTML,JavaScript

  • Website rebuild

    I've rebuilt this site multiple times locally, now it's in production. Here's what I've changed

    Date posted: Thursday, December 30, 2021

    Category: Web Development

    Tags: Vue,Nuxt,Netlify,Markdown,Responsive,CSS,HTML,JavaScript

  • M1 MacBook Air for Web Development

    Date posted: Thursday, April 22, 2021

    Category: Web Development

    Tags: MacBook Pro,M1,Apple,CSS,HTML,JavaScript,Git,IDE

  • Vue Accordion Component

    A Vue accordion component that can be re-used to create....

    Date posted: Friday, October 2, 2020

    Category: Web Development

    Tags: Vue,JavaScript

  • React Weather Finder App

    A React application that uses the Open Weathermap API for local weather informaiton.

    Date posted: Friday, January 18, 2019

    Category: Web Development

    Tags: API,JavaScript,React,Responsive,REST,React

  • Stateless, functional, components in React

    A look in to functional React components

    Date posted: Saturday, November 3, 2018

    Category: Web Development

    Tags: React,JavaScript

  • Simple animated underline

    A simple underline effect for navigation links

    Date posted: Friday, June 5, 2015

    Category: Web Development

    Tags: Animation,CSS

  • SVG image Fallback

    How to feelback to .png when transitioning to .svg images

    Date posted: Monday, May 18, 2015

    Category: Web Development

    Tags: SVG,CSS

  • Double off-canvas, sliding, navigation

    How I went about implementing a left and right slide in/out panel for LuxDeco

    Date posted: Wednesday, November 20, 2013

    Category: Web Development

    Tags: Animation,CSS,HTML,PHP

  • Thumbnail grid with expanding preview and mini gallery

    My version of a thumbnail gallery grid

    Date posted: Tuesday, November 19, 2013

    Category: Web Development

    Tags: JavaScript,Responsive

  • Custom mini image gallery, made with jQuery

    Responsive image gallery with slide-down panel

    Date posted: Monday, September 30, 2013

    Category: Web Development

    Tags: Responsive,CSS,HTML,JavaScript

  • A two in one open and close button

    Responsive image gallery with slide-down panel

    Date posted: Monday, September 30, 2013

    Category: Web Development

    Tags: Responsive,CSS,HTML,JavaScript

  • A CSS, HTML and jQuery circular preloader

    How I designed and created a circular loading indicator

    Date posted: Thursday, September 5, 2013

    Category: Web Development

    Tags: Responsive,CSS,HTML,JavaScript

  • My custom 24 column responsive grid

    A custom 24 responsive grid

    Date posted: Wednesday, September 4, 2013

    Category: Web Development

    Tags: Responsive,CSS,HTML

  • Animating with CSS, turning a Square in to a Circle, with text.

    Using CSS3 and HTML to create a small animation when something is hovered

    Date posted: Thursday, August 22, 2013

    Category: Web Development

    Tags: CSS,HTML

  • How I made the animated menu for Asian Football Awards

    How I created the menu for Asian Football Awards website

    Date posted: Friday, August 16, 2013

    Category: Web Development

    Tags: JavaScript,Responsive,CSS,HTML,PHP

  • Hi, hello, welcome and thanks...

    Welcome to my blog...

    Date posted: Wednesday, August 7, 2013

    Category: Web Development

    Tags:

© Scripted Pixels Ltd 2021 LogRocket & Sentry is used to monitor performance/errors on the site 🤓

  • Currently not available for work
  • Twitter
  • LinkedIn