A feed of the latest posts from our blog.
Hello Mike, from the future This is not really a post from the future, but it is used to solve a problem. The Problem On the blog listing, I wanted to show a different number of posts on the first page (8) than the rest of the pages (9). Eleventy , the Static Site Generator I used to build this site, doesn't have a nice way to do this. The solution Future Post (aka this one) I created a post that…
As I learn more and more about JavaScript I realise that there is more and more that I don't know and I have realised that a great deal of what I am doing with JavaScript is examining data and doing stuff with that data. A great deal of that data is a list of things or an array. In JavaScript there are methods, which are prebuilt bits of code for working with data, whether that data be: Strings -…
Last week I had some downtime from client work and my partner who is working for a local charity Bonny Downs Community Association (BDCA) was experiencing some technical issues with a method of getting referrals to their Foodbank. So we offered our services to help with this and build them an online form to solve this process. Solution So their Content Management System (CMS) is Wordpress , which…
This week Daft Punk , the French electronic music duo, announced that after 28 years in the music industry they were to split. They did this via a video called Epilogue on their YouTube channel. But how does Daft Punk relate to the Web? Robots rock Daft Punk, were commonly known via their Robot personas. Similarly websites also need a Robot to be discoverable. To be more precise a robots.txt .…
The term HTML-aholic was coined by Bruce Lawson during his talk “ Accessibility, Back to the Future ” at Monkigras 2019 . I'm Bruce and I’m an HTML-aholic. … I've been an HTML-aholic for 20 years now. Bruce Lawson - Monkigras 2019 In my ethos my first point is HTML First, I hope this goes some way to explaining that. What is HTML HTML, or Hyper Text Markup Language, is the language of the World…
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y". … Screen Readers For a great many people when you talk about accessibility, they instantly think about Screen Readers. While Screen Readers are an important tool for those that have an impairment there are many other ways a user can be affected. Hearing You might think that reading a web…
So the World Wide Web, often shortened to www , became a thing in 1989, and since then many people/companies/organisations have been prefixing their website URLs with www . Even though nobody ever buys www.my-website-name.com , they would purchase my-website-name.com , and the www part is a subdomain of the domain. Whoops It is reported that the www was a mistake . It was originally meant to refer…
While designing my new site, I am first focussing on mobile first strategy, I want to learn and showcase ideas. So I have decided that I want to animate the menu on mobile to make best use of the screen. Here is a small video of what I'm trying to achieve. Logo starting point HTML <header> <svg>…</svg> </header> CSS header { position: relative; top: 0px; left 0; height: 45px; width: 100%;…
So I've now started building a new site for a company that I am setting up and I wanted to make sure that the favicon is an SVG. What is a favicon A favicon is a small image that sits in the tab of your browser, usually the company logo. Example of favicons, this shows BBC , gmail , Github & Dave Quits What is an SVG An SVG is a Scalable Vector Graphic, and more importantly is a text file that…
So in JavaScript there a 3 types of equals = , == and === . So why so many and what are they for? = single equals This 1 is easy to understand, it's used to set a variable. For example var age = 50; . As we know there are 3 ways to declare a variable: var let const The first 2, var & let , can be reassigned (changed), where as const can not and if you try to you'll get an error: Uncaught…
Before I start So last month I decided that it was, after over 15 years of web development, about time that I learnt JavaScript properly. To do this has decided to use 3 resources: Codecademy - Introduction to Javascript JavaScript.info Wes Bos - Beginner JavaScript I choose these for a number of reasons, the first two are free to take online, although you can pay Codecademy for a Pro version that…