Generated by All in One SEO v4.9.6.2, this is an llms.txt file, used by LLMs to index the site. # Surf the Dream ## Sitemaps - [XML Sitemap](https://surfthedream.com.au/sitemap.xml): Contains all public & indexable URLs for this website. ## Posts - [Articles](https://surfthedream.com.au/articles/) - [Bring back the blog](https://surfthedream.com.au/bring-back-the-blog/) - x.com/jimwavefive/status/1970108168723423347 At what point are we going to realise that social media has created a new type of virus and we're all infected? When and how will we innoculate? Jim raises a good point. I vote for a return to self owned content, blogs, and curating what we want to consume through RSS. Strangely enough - [Coining Content](https://surfthedream.com.au/coining-content/) - The discussion revolves around "coining content" on the Base L2 blockchain and its implications for creators and brands. While there's excitement about enabling ownership of content, concerns arise over the actual financial benefits to creators versus the profits of platforms like Zora. The idea of using NFTs for true ownership is proposed as a potentially better solution. - [New technology posts](https://surfthedream.com.au/new-technology-posts/) - Most of the new posts I'll be making can now be found over on https://simplethin.gs which is the business I'm consulting through. - [Gnosis Safe - safe missing and can not connect](https://surfthedream.com.au/gnosis-safe-safe-missing-and-can-not-connect/) - Gnosis recently migrated their URLs from https://gnosis-safe.io -> https://safe.global/, and the main app is now https://app.safe.global When I was trying to access this through my home ASUS AC1900 router it wasn't recognising either safe I was connected to, and refused to let me connect my wallet at all. Looking at the network tab I could - [Graph Indexer "Store error: database unavailable"](https://surfthedream.com.au/graph-indexer-store-error-database-unavailable/) - Recently I started to see this error appear randomly when hitting out Graph Indexer directly, which in turn would have been impacting any requests coming through the Graph decentralised Gateway service. Looking at the query_node_0 logs I could see that the outages coincided with the following logs Dec 12 12:01:06.000 ERRO Connection checkout timed out, - [The Futures so bright, you gotta wear SHADES](https://surfthedream.com.au/the-futures-so-bright-you-gotta-wear-shades/) - Typekit are a font service that allow you to use beautiful webfonts on your website without the additional costs or complexity of purchasing a font from a foundry and converting it to all of the web formats. - [Next Steps in Responsive Design](https://surfthedream.com.au/next-steps-in-responsive-design/) - Last week I was lucky enough to be the opening online speaker on Day 2 of the CSS Summit run and managed by Christopher Schmitt and Ari Styles from Environment for Humans. - [Symbolic Change - Love Vs Hate](https://surfthedream.com.au/symbolic-change-love-vs-hate/) - This was an CSS experiment after reading the Five Simple Steps book, Designing the invisible. The book was talking about the different meanings that symbols can take on in different cultures. - [Dear Professor Cox](https://surfthedream.com.au/dear-professor-cox/) - I'm preparing a talk for an upcoming conference and it's going to center around the Universe and the Web, two things I'm incredibly passionate about. The web side of things I'm pretty solid on... after several years working in it you would hope I could at least grasp a few of the semi-difficult concepts. The - [Facebook Monster Infographic](https://surfthedream.com.au/facebook-monster-infographic/) - I'm not the most prolific user of Facebook these days from a personal point of view, however I do have several business pages that I maintain including Javery Design and Responsive Web Designs. I thought I would take a look at what Visual.ly has to say about the information kept on me in Facebook, and - [df -h hanging on Ubuntu](https://surfthedream.com.au/df-h-hanging-on-ubuntu/) - During a migration from one server to another I used nfs to mount the remote older server to the new server to rsync content across faster. After the process was completed I deleted the older server, but didn't unmount the drive before hand. Because of this, every time that I tried to ls on the - [Implementing 429 retries and throttling for API rate-limits](https://surfthedream.com.au/implementing-429-retries-and-throttling-for-api-rate-limits/) - This is a cracking article/tutorial about how to handle requests made to a third party API that is rate limited. Learn how to handle 429 Too Many Requests responses when consuming 3rd party APIs. — Read on www.useanvil.com/blog/engineering/throttling-and-consuming-apis-with-429-rate-limits/ - [Running out of disk space with Docker](https://surfthedream.com.au/running-out-of-disk-space-with-docker/) - I'm running a small cloud based server as a redundency server for The Graph indexing. When setting it up I initially under estimated the amount of diskspace that would be required to maintain an index of four different subgraphs, and ended up running out of room. To fix the issue, I purchased another volume for - [Running matchstick for testing The Graph on Mac M1](https://surfthedream.com.au/running-matchstick-for-testing-the-graph-on-mac-m1/) - When you go through the steps for running matchstick on the github instructions I ran into issues. Specifically I was getting the following error: qemu-x86_64: Could not open '/lib64/ld-linux-x86-64.so.2': No such file or directory Thankfully the Graph Discord is an incredibly helpful resource and learned that you need to rebuild the docker environment using the - [Setting up a Full Erigon Ethereum Node](https://surfthedream.com.au/setting-up-a-full-erigon-ethereum-node/) - While it is certainly possibly to use tools like Infura and Alchemy to make requests against the blockchain, sometimes you want to have your own Ethereum Archive Node to query. This is the case for The Graph endpoint that we are putting togethr to power the NFTX front end. While we have an enterprise account - [Setting up a full archive Ethereum node with GETH](https://surfthedream.com.au/setting-up-a-full-archive-ethereum-node-with-geth/) - In a previous article I started building out the Erigon ETH node. After reading a little bit about Erigon and some issues that were being reported when using the full archive node of Erigon with Graph Indexes I decided to switch to the "slower-to-index" archive using GETH instead. Here are the steps I went through. - [Setting up a Graph Node](https://surfthedream.com.au/setting-up-a-graph-node/) - In this post we go through the steps required to get a Graph Node up and running using Docker and Hetzner hosting. This is based on the instructions from Stake Squid and their GitHub repository https://github.com/StakeSquid/graphprotocol-testnet-docker. I suggest you start with that tutorial, however I will also cover off any issues I had while following - [XCOPY saint_less full set](https://surfthedream.com.au/xcopy-saint_less-full-set/) - A look at the full set of XCOPY Saint Less pieces. - [Adding a cache layer to NGINX Reverse Proxy](https://surfthedream.com.au/adding-a-cache-layer-to-nginx-reverse-proxy/) - Start off by logging onto your server using SSH. Create a directory to store the cache files mkdir -p /var/cache/nginx Change the ownership of that folder so that the NGINX user can access it chown nginx:nginx /var/cache/nginx/ Open the NGINX configuration file nano /etc/nginx/conf.d/nginx.conf You need to set two directives, the proxy_cache_path (which lives in - [Avastar NFT Project Sold Out!](https://surfthedream.com.au/avastar-nft-project-sold-out/) - One of my favourite NFT projects and also one of my first three ever NFT purchases has just sold out after minting for a year. The collection is made up from five different series, 1—5 with series 5 which has just finished minting. In total there 25,000 Avastars across the series, with each series offering - [Improve 3rd party API performance](https://surfthedream.com.au/improve-3rd-party-api-performance/) - This is a work in progress…. https://developers.cloudflare.com/workers/examples/bulk-origin-proxy https://developers.cloudflare.com/workers/examples/cors-header-proxy Returning basics: https://developers.cloudflare.com/workers/examples/return-json Suite of functions that can help (too prerolled but bits to copypasta) https://github.com/markusahlstrand/cloudworker-proxy - [Fusion - Hideki Tsukamoto](https://surfthedream.com.au/fusion-hideki-tsukamoto/) - One of my favourite NFTs in my growing collection is the Singularity by Hideki Tasukamoto through the ArtBlocks Curated project. I bought my first Singularity for around 0.49ETH not long after I dipped my toe into the scene, and then a few months later I minted it into the NFTX Singularity Vault and pulled out - [Oxford 2 vs Thame 2 Division 3](https://surfthedream.com.au/oxford-2-vs-thame-2-division-3/) - Lost the toss, sent in to bat. Oxford were 3/5 (yes, that’s five wickets for just three runs) after 8 overs but managed to survive 51 overs finishing 77/9. Number 10 made a 69 ball 0*. Runs: 53 Catches: 1 (first slip, first over, slashing cut shot) Thame: 256/8 (49 overs) Oxford: 77/9 (51 overs) - [What is the best way to display my NFT collection?](https://surfthedream.com.au/what-is-the-best-way-to-display-my-nft-collection/) - Now that you've invested in some NFT art you're likely going to want to view or show off your art. Below is an ongoing list of options you have to showcase you're art Lazy 3dOnCyberRare Rooms - [Connecting to MongoDb from Heroku after deployment](https://surfthedream.com.au/connecting-to-mongodb-from-heroku-after-deployment/) - I have a little node script which checks the holdings of some vaults every day and writes them to a MongoDb cluster. This was an improvement over manually adding the value of each item every day into a Google Sheet because It takes 5 minutes to do everyday, so that's 35 minutes a week, or - [XCOPY Saint Less](https://surfthedream.com.au/xcopy-saint-less/) - The headliner for the April NFT Boxes was XCOPY. XCOPY is a London based Crypto Artist whose style is unique amongest a growing sameness of NFT Art (note the hundreds of punk ripoffs). Usually, the feature artist would mint the same artwork to every NFT Box creating an edition size between 500-750 based on the - [Retrieving Wordpress Menus using GraphQL](https://surfthedream.com.au/retrieving-wordpress-menus-using-graphql/) - import React from "react" import { graphql } from "gatsby" const primaryMenu = ({ data }) => {JSON.stringify(data, null, 4)} export const query = graphql` { menu(id: "PRIMARY", idType: NAME) { menuItems { nodes { key: id parentId title: label url description cssClasses } } } } ` export default primaryMenu - [The Singularity Resistance](https://surfthedream.com.au/the-singularity-resistance/) - The Singularity Resistance is an NFT created by the artist Bobvila69. Who the F&^% is Bobvila69 you ask? Well they've answered that themselves in this video. This was one of the pieces that I picked up in the NFTBoxes March box and it's pretty much one of my favourite pieces of art in my collection. - [The Reinitialization Of Sei](https://surfthedream.com.au/the-reinitialization-of-sei/) - This lovely NFT came through as part of the NFTBoxes project that is lead by the infamous Pranksy. The artist for this piece is Orabelart who has an impressive portfolio of work over the past few years (which is exactly why she landed as an artist within the NFTBoxes). - [Ethereum Bunny — Rarebit Bunny](https://surfthedream.com.au/ethereum-bunny-rarebit-bunny/) - The Rarebit Bunnies project is one of my favourite projects on NFTs at the moment. In an ecosystem that is becoming more about churning out quick content for maximum profits, this project is one of passion and consistency with a lovely little community that goes alongside it. This particular Rarebit bunny was part of a - [Venom Sketch with Procreate](https://surfthedream.com.au/venom-sketch-with-procreate/) - [NFT Generative Planets](https://surfthedream.com.au/nft-generative-planets/) - I have a plan. I'm keen to use the data from the NASA Habex (Habitable Exoplanet Observatory) to group planets that are considered to be in the habitable zone (or sometimes referred to as the Goldilocks zone, not to cold, not too hot). The data from these discoveries could then be visualised in a 3d - [Opening NBA TopShot Pack](https://surfthedream.com.au/opening-nba-topshot-pack/) - I've been extending my interest in NFT's and digital collectables and it's taken me over to NBA Top Shot. As a 10 year old I used to love collecting cricket cards and keeping them in a folder, I even remember unwrapping a Shane Warne hatrick special edition card that was worth $300 (and is now - [Beginners guide to buying NFTX](https://surfthedream.com.au/beginners-guide-to-buying-nftx/) - This is a handy guide for anyone who wants to know how you can start investing and trading in NFTX. - [First piece of digital art — Some places of interest @wblut](https://surfthedream.com.au/first-piece-of-digital-art-some-places-of-interest-wblut/) - I just successfully purchased my first piece of digital art. It was by Frederik Vanhoutte who I’ve been following on Instagram and Twitter for a while. I first came across his work while looking for generative artists using pencil and notebooks for back pocket notebooks, like this post. The whole concept of digital art and - [Post content on your own platform first](https://surfthedream.com.au/post-content-on-your-own-platform-first/) - It's really tempting to create your empire upon the platforms where the most people hang out. Tools like Twitter, Instagram, TicTok, LinkedIn, YouTube etc have amazing apps that allow you to quickly and easily contribute to conversations. They also provide a much larger potential audience base for you to connect with too. The key for - [Anything Man](https://surfthedream.com.au/anything-man/) - For a few years I've been sending emails to one of my favourite comedy groups, Tripod, asking them if/when they'll make all of their song in an hour challenges available. For those of you that weren't listening to Triple J back in the late 90's and early 00's might have missed it, but this is - [Time Stripe](https://surfthedream.com.au/time-stripe/) - So this is pretty much the most depressing thing that I've come across this year (we're only 5 days in mind you). TimeStripe takes a look at how long you've lived and how much time you've got left (assuming you live until 80). While I hope for quite a few years past my 80th birthday, - [Getting started with NFTX index funds](https://surfthedream.com.au/getting-started-with-nftx-index-funds/) - NFTX, a community-owned protocol for NFT index funds on Ethereum. It can be a daunting process when you're looking to extend outside of simple apps like Coinbase and begin to look at buying Crypto through other areas. QuickStart guide to buying NFTX Follow these steps to get up and running with NFTX. Download and create - [Masks and Face ID on the iPhone](https://surfthedream.com.au/masks-and-face-id-on-the-iphone/) - This article from WiredUK is claiming that the Although the company has made changes to the system so that your iPhone will now prompt you to enter your passcode if it detects you’re wearing a mask, tasks such as unlocking your smartphone and paying for your shopping using Apple Wallet have become frustrating. The other - [Share this post as a Twitter Thread](https://surfthedream.com.au/share-this-post-as-a-twitter-thread/) - When writing the last post on my to-do list for 2020 I noticed a new option in the WordPress pre-publish check list. - [2020 To Do List](https://surfthedream.com.au/2020-to-do-list/) - There are only a few days left in 2020, including the day I'm writing this. To finish this awkward year off well I'm going to give myself two final tasks. Start Wes Bos's course Beginning Javascript (it's too much to try and complete it inside three days).Setup VS Code Server so that I can use - [Best Data Visualization Projects of 2020 | FlowingData](https://surfthedream.com.au/best-data-visualization-projects-of-2020-flowingdata/) - FlowingData — Read on flowingdata.com/2020/12/23/best-data-visualization-projects-of-2020/ - [Apple Fitness](https://surfthedream.com.au/apple-fitness/) - Since lockdown came in I've been missing a 40 minute walk to and from work in London, and as a result I've been packing on the kilos (probably also has to do with a poor diet and too much beer). I've signed up to Apple fitness on a one month trial in the hope it - [Back to the Future Skateboards](https://surfthedream.com.au/back-to-the-future-skateboards/) - I would have a house full of DKNG artwork if... I could afford to buy them all as they come outHad a house with enough rooms to hang them all The 35th Anniversary of the very first Back to the Future celebrations include a custom design from the DKNG team recreating the Delorian on Skateboard - [Estrella Galicia](https://surfthedream.com.au/estrella-galicia/) - It’s no Estrella at the George, but it will do. - [100% Cotton, almost](https://surfthedream.com.au/100-cotton-almost/) - Winter solstice and queue the panicked Christmas shopping process. Fortunately I was a little more prepared for Christmas this year and got everything sorted before now, but I was on a site looking at some new trousers to wear in the new year. I had to giggle to myself when I found a pair of - [Greasy cafe breakfast](https://surfthedream.com.au/greasy-cafe-breakfast/) - The very first breakfast I ate in the UK was with Roland at a greasy cafe in Colliers Wood, London. The price has gone up over the years from £5 to £8 now, but the quality (or lack there of it) certainly hasn’t changed... but I still love it. - [Visualising Value](https://surfthedream.com.au/visualising-value/) - I came across this twitter account while going down a rabbit hole of linked tweets at 1am this morning. The images are super simple but do a great job of supporting the content that go along with them, here are some examples below. Constraint increases creativity This is something that I tend to hear from - [Morning Sunrise — Thame](https://surfthedream.com.au/morning-sunrise-thame/) - Despite this year being a bit of a disaster with regards to cancelled plans due to the virus, we were fortunate enough to plough ahead with some work on the house. As a result, we now are lucky to have these lovely views waking up on cold winter mornings. - [Mouth Blogging](https://surfthedream.com.au/mouth-blogging/) - It’s been awhile since I tried to do a mouth blog. I talked about it awhile ago in one of the posts about how to use your phone to take dictation so that you can write a blog post just while you talk.When I tried it out last time I found it really hard to - [Fed up with work at four](https://surfthedream.com.au/fed-up-with-work-at-four/) - Our youngest has taken to pretending to be a teacher while her class is in isolation, but only a few minutes into typing in the laptop she’d told me she’d had enough of work and looking after the kids. - [Annual leave blog run](https://surfthedream.com.au/annual-leave-blog-run/) - After a pretty shit year for everyone around the globe I find myself with a tonne of leave left over at the end of the year and not much time to take it. While we’re not going to be travelling anywhere anytime soon, I thought it would be worth trying to go on some exploration - [Work from home office changes](https://surfthedream.com.au/work-from-home-office-changes/) - A breakdown of turning a small room into a home office after seven months of working from home. - [Canon DSLR as a web cam](https://surfthedream.com.au/canon-50d-as-a-web-cam/) - Using CamTwist and Camera Live together with a USB connected Canon EOS camera you can turn your great camera and lenses into a webcam. - [Polaroid Notebook Cover](https://surfthedream.com.au/peter-greenwood-vector-illustration-folio-illustration-agency/) - I would love to do a series of notebook covers that contain the history of Polaroid Cameras. Portfolio of vector illustrator Peter Greenwood, he specialises in bold, colourful vector illustration for advertising campaigns. — Read on folioart.co.uk/illustrator/peter-greenwood/ - [Before and after](https://surfthedream.com.au/before-and-after/) - [Adding punctuation to dictation on the iPad](https://surfthedream.com.au/adding-punctuation-to-dictation-on-the-ipad/) - Today I was testing out the dictation capabilities of the keyboard on the iPad Pro. As I was dictating, I added pauses for commas and long pauses for full stops. Unfortunately, the dictation doesn't consider long pauses to be anything but a pause in thought, and didn’t add any punctuation in for me. Below are - [Semi-sentient, voice-first, dynamic websites are (not) coming anytime soon](https://surfthedream.com.au/semi-sentient-voice-first-dynamic-websites-are-not-coming-anytime-soon/) - One of my amazing colleagues wrote an article on a new form of Careers Website that is ready to launch right now (at least according to this article). Now let me be super clear: We produce some of the best Careers sites in the market using the tools/tech that is currently available in the wild. - [Supporting Multiple Authors in an Eleventy Blog](https://surfthedream.com.au/supporting-multiple-authors-in-an-eleventy-blog/) - One of the great things about Wordpress is the easy nature in which you can have multiple contributors, or authors, working on a single site. Each author has their own archive page and a list of all the articles that they've written in the past. It's something that comes default with Wordpress and it's one - [Adding emojis with iPad Pro Magic Keyboard](https://surfthedream.com.au/adding-emojis-with-ipad-pro-magic-keyboard/) - Yesterday my daughter was “helping” me in my home office (bedroom). While I tapped away on the keyboard with the laptop she was writing her memoirs using the Magic Keyboard. Somehow she wound up with the Emoji options on the screen, and then they disappeared again. She tapped me on the shoulder and asked “How - [How to rank on Google's first page for your ‘Name’ keyword](https://surfthedream.com.au/how-to-rank-page-one-google/) - Meet Matt Steel. I met Matt a few years ago while he was working as a freelancer at TMP when he would come in over the Summer months and help fill the gap when the work piled on. Recently I've been working with Matt to help get his site, Matt Steel — Creative Artworker, up - [Illustrated Animated Timeline](https://surfthedream.com.au/illustrated-animated-timeline/) - Using responsive SVG designs you can create a timeline that works for every device and brings your journey to life. - [Adding a recruitment message into Corporate content](https://surfthedream.com.au/adding-a-recruitment-message-into-corporate-content/) - Last week while I was reading about the implementation of Dark Mode onto the Guardian’s website (because that is genuinely how I spend my time) and I noticed this little “quick guide” that appeared within the article. The Guardian has realised that writing this kind of content will attract people like me, and people like - [Procreate Play — @designical.art](https://surfthedream.com.au/procreate-play-designical-art/) - Aside from the writing apps that I use on the iPad, I’ve been using the procreate app more than anything else. I can watch great artists producing amazing art using procreate for hours. Procreate seems to have everything that a professional artist’s needs to produce digital art, and as an added bonus it has a - [Procreate Lettering - Sunshine](https://surfthedream.com.au/procreate-lettering-sunshine/) - www.instagram.com/tv/CBQCK2zFfnG/ - [iPad Pro](https://surfthedream.com.au/ipad-pro/) - Six and half years ago I went camping with my wife and our 6 month old son. It was over the Easter weekend which turned out to be rather cold for camping, but a lot of fun none the less. Just after we set up at the camping site my wife pulled out an early - [Bootstrap dropping supper for IE and jQuery](https://surfthedream.com.au/bootstrap-dropping-supper-for-ie-and-jquery/) - Bootstrap 5 alpha! - [Don’t track my movements COVID app!](https://surfthedream.com.au/dont-track-my-movements-covid-app/) - Does anyone know the origin of this comic? I couldn't find the source even with a reverse image search on Google. - [My local Wordpress MAMP site slow](https://surfthedream.com.au/my-local-wordpress-mamp-site-slow/) - Making your local wordpress instance perform faster than it is today. - [Pride month - Google Sheets](https://surfthedream.com.au/pride-month-google-sheets/) - A few key strokes will turn your Google Sheets into a Pride rainbow of colour. - [Vic Lee's Corona Diary 2020](https://surfthedream.com.au/vic-lees-corona-diary-2020/) - Vic Lee is bringing his visual diary of the past few months of Corona Virus to us in a wonderfully illustrated book. - [VE Day country stroll](https://surfthedream.com.au/ve-day-country-stroll/) - [Covid-19 Antibody Tests - should you trust the results](https://surfthedream.com.au/covid-19-antibody-tests-should-you-trust-the-results/) - Tests for the antibodies for Covid-19 are an important step towards relaxing the restrictions placed on the public, but are they reliable? Let propublica do the math. - [Josh Wyatt Live Session](https://surfthedream.com.au/josh-wyatt-live-session/) - As part of my 40th birthday celebrations, Laura organised Josh, one of my favourite performers, to play a set online during a birthday Zoom call. - [Horizontal scroll on the web](https://surfthedream.com.au/horizontal-scroll-on-the-web/) - I really like this experiment from Jordan Moore on changing the scroll pattern on his website. While it goes against the users expectation, it does make you take a bit more notice of the page. Some key things to consider moving forward with this would be... Handling RTL contentHow does mouse scroll behaviour work with - [You matter](https://surfthedream.com.au/you-matter/) - www.reddit.com/r/funny/comments/g9sal7/you_matter/ - [Best bloke ever, friends forever](https://surfthedream.com.au/best-bloke-ever-friends-forever/) - [Eleventy Résumé Builder](https://surfthedream.com.au/eleventy-resume-builder/) - A free template to generate semantic, accessible & resilient résumés for the web and print. — Read on mxb.dev/blog/eleventy-resume-builder/ - [Visual Summary of the Wolfram Physics Projects](https://surfthedream.com.au/visual-summary-of-the-wolfram-physics-projects/) - From rule to potential universe hypergraph, a visual representation of states and graph types. — Read on www.wolframphysics.org/visual-summary/ - [Augmented Reality at the Science Museum](https://surfthedream.com.au/augmented-reality-at-the-science-museum/) - I took a couple of snaps while I was swanning around the science museum last night The great thing about this is that it only requires a phone with an internet connection and you can view it from anywhere in the world. - [Boost your business during Covid-19 with this Facebook programme](https://surfthedream.com.au/boost-your-business-during-covid-19-with-this-facebook-programme/) - Facebook are offering $100 million dollars in support for small businesses that are between 2-50 people in size and have been running for at least 12 months. At the moment the funds are only available to businesses based within the US but you can include you business email and country of residence and signup to - [Wordpress 5.4](https://surfthedream.com.au/wordpress-5-4/) - Now with some new blocks, new colour gradients, and you can even embed TikTok (what ever that is) Add a full colour Block The full colour block allows you to add either a solid colour or an image and then have content elements within that block as well. This is an excellent way to call - [They have a LOT of pasta](https://surfthedream.com.au/they-have-a-lot-of-pasta/) - [Build a website advice](https://surfthedream.com.au/build-a-website-advice/) - I’ve been doing a lot of scrolling through Reddit lately. Most of it has been looking for funny/entertaining clips of people doing silly things but I’m also trying to help out on the /web channels. Someone had posted that they wanted to build a site but didn’t want to pay monthly hosting. They had some - [How to configure Matomo Analytics with Wordpress](https://surfthedream.com.au/how-to-configure-matomo-analytics-with-wordpress/) - This is a step by step article on how to get started with Matomo analytics on Wordpress. This guide is literally being written as I go through each step, while lying in bed on a Thursday night after finishing off a newsletter. It started with me wondering if my recent return to writing on this - [Getting started with Notion](https://surfthedream.com.au/getting-started-with-notion/) - I’ve started using Notion for all kinds of things in my personal and work life. This includes Draft blog post ideas and publishing scheduleCollect and tag links for RWD WeeklyMaintain my life to-do listKeep my resume up-to-date and linked against job applicationsPlan presentations, containing all reference materialWriting technical specifications for development teams By no means - [Is JetPack for Wordpress worth it?](https://surfthedream.com.au/is-jetpack-for-wordpress-worth-it/) - While I was waiting for my coffee the other morning I received an email from Wordpress containing my monthly bill for JetPack. The JetPack instance was for this site and was a very modest $3.50, about the same price as the flat white coffee I was waiting for at Ole Steen. So, is it worth - [Best thing about Google Chrome](https://surfthedream.com.au/best-thing-about-google-chrome/) - Offline mode is the best thing about Google Chrome. For everything else I use Firefox. If you're not using Firefox I highly recommend it. It will go a long way to protecting your privacy online and stopping all the snooping that is done online. That combined with it being faster (for me at least) means - [Darwin Day](https://surfthedream.com.au/darwin-day/) - Happy Darwin Day! Today we celebrate the anniversary of Charles Darwin's birth, possibly the world's most famous biologist. I'm on the side of evolution rather than the creationist side of the coin, although truth be told you can have a bit of both if you really wanted to. Take a look at what Sir David - [Automatic srcset in Wordpress](https://surfthedream.com.au/automatic-srcset-in-wordpress/) - One of the best things that Wordpress did for the web was to roll out an automatic responsive images solution along with their out of the box installation and implementation of Wordpress. Below is an image which contains a lot of text, which from an accessibility point of view is terrible, but sometimes we need - [AMP Stories](https://surfthedream.com.au/amp-stories/) - This week I've turned to the darkside a little and I've been looking at the potential of using AMP Stories. I know right. While I have my own opinions about the direction that Google is trying to take the web with AMP I can not ignore the commercial benefits that it can provide clients by - [Australia Bush Fire Appeal 2020](https://surfthedream.com.au/australia-bush-fire-appeal-2020/) - It has been more 10 years since I last "lived" in Australia, but for the first time I'm feeling overwhelmingly home sick. This is down to a one reason, the catastrophic bush fires that rage across the entire country. Let's looks at some context Largest loss of land to wildfires in the world Worse Air - [Happy New Year 2020](https://surfthedream.com.au/happy-new-year-2020/) - Many happy returns to you for New Years! I hope your year ended as you intended, and that 2020 brings you all that you set out for. This year I'm not doing my New Years resolutions until February to give me a little bit of time to see where the year is heading and take - [Get your .com](https://surfthedream.com.au/get-your-com/) - I had an email from Go Daddy today to tell me that the dot com version of this domain, surfthedream.com.au “Brilliant” I thought, I can get away from the expensive Australian domains and go global. $2,999.99 I’m sure the domain squatters go looking for names of sites that have been around for 5-10 years and - [Visualising data in presentations](https://surfthedream.com.au/visualising-data-in-presentations/) - If your graphs don’t visually illustrate the percentages associated with them I literally stop listening to the point being made. It’s often not the speakers fault, and I don’t consciously stop listening up in my high horse, I just get so caught up in the inaccuracy that I can’t focus on what’s being said. - [Array.push()](https://surfthedream.com.au/array-push/) - In our review of Array.indexOf() we looked at using the check for -1 assigned to the indexOf() as an indication that that item was not part of the array. With Array.push() we can add items to the array. var family = ['Justin','Laura','Noah','Darcey']; if(family.indexOf('Waffle the wonder dog') === -1) { // Waffle isn't there, let's add - [Array.indexOf()](https://surfthedream.com.au/array-indexof/) - Using the indexOf() call in javascript allows you to... Get the index of the Array item you pass acrossCheck to see if an item exists within an Array If we have the following Array var family = ['Justin', 'Laura', 'Noah', 'Darcey']; we can then pass that array into the indexOf() function to find the index - [Good idea, great idea](https://surfthedream.com.au/good-idea-great-idea/) - Often when you’re on the way home from somewhere and you decide to drop in for one more drink it turns out to be a bad idea. Other times, you bump into one of your favourite musicians of all time. Tonight, that one more drink was an excellent idea. - [“They never played games when I was younger”... maybe they should have.](https://surfthedream.com.au/they-never-played-games-when-i-was-younger-maybe-they-should-have/) - www.reddit.com/r/todayilearned/comments/dkkoru/til_a_study_conducted_at_the_university_of/ - [What could really increase your life expectancy, lifespan and longevity?](https://surfthedream.com.au/what-could-really-increase-your-life-expectancy-lifespan-and-longevity/) - I love visualisations of any sort, but ones that show me how to live longer have to be a favourite. What could add years to your life? Why do women live longer than men? What's the best method of life extension? Diet and exercise? Or polygamy and pets? Let the latest data decide. — Read - [The D3 Graph Gallery – Simple charts made with d3.js](https://surfthedream.com.au/the-d3-graph-gallery-simple-charts-made-with-d3-js/) - The D3 graph gallery displays hundreds of charts made with D3.js, always providing the reproducible code. — Read on www.d3-graph-gallery.com/ - [How to tie fancy shoelaces](https://surfthedream.com.au/how-to-tie-fancy-shoelaces/) - twitter.com/bob_kitt/status/1107425602016026625 This is nothing short of friggin awesome. If there is ever going to be a day that I'm not rushing out the door at a million miles and hour because I'm late then I'm gong to take thi - [Getting the easy stuff right](https://surfthedream.com.au/getting-the-easy-stuff-right/) - This rang way too true for me. Robin writes about how he struggles to get the little things right and it was like reading my own report card in life. So much effort goes into the major stuff that I do, but the simple stuff I fail to do Answering an email from an inbound - [NASA release 8k CGI moon kit](https://surfthedream.com.au/nasa-release-8k-cgi-moon-kit/) - www.reddit.com/r/space/comments/dh4ak4/nasa_recently_released_a_cgi_moon_kit_in_8k_that/ - [It's a small world after all](https://surfthedream.com.au/its-a-small-world-after-all/) - It never ceases to amaze me just how small the world is. On my morning commute in to London Marylebone we pulled into High Wycombe as our last stop. The train itself is made up from 8 or 9 carriages, with each carriage holding between 80 - 110 people. Trains that will get me to - [Australian Doorbell](https://surfthedream.com.au/australian-doorbell/) - Offensive language follows... apologies if it causes offence but my friends back home in Australia will get a giggle www.reddit.com/r/funny/comments/dcp6sf/this_aussie_doorbell/ - [Inktober](https://surfthedream.com.au/inktober/) - Inktober is upon us again and I'm going to try and stick with it... AGAIN. I think the key to making it through the month is to never, under any circumstances, look at #inktober2019 on instagram and compare your own artwork with the artwork that everyone else is doing. There's no quicker way to be - [Charts | Create charts and maps with Datawrapper](https://surfthedream.com.au/charts-create-charts-and-maps-with-datawrapper/) - Create interactive, responsive charts with Datawrapper – no code or design skills required. — Read on www.datawrapper.de/charts/ - [Making money on the web with Coil.com](https://surfthedream.com.au/making-money-on-the-web-with-coil-com/) - As I was saying in my last post about migrating my podcasts with simplecast, I've been listening to the ShopTalk Show again. Last week Dave and Chris were talking about different ways to make money on the web and one that I hadn't heard of before was coil.com Coil is a bootstrapped approach to making - [Migrating Simplecast](https://surfthedream.com.au/migrating-simplecast/) - I started a podcast quite a fee years ago to go along with the weekly web design newsletter. The big push for the podcast came when I was writing a feature piece on Responsive Design for Net Magazine and I had the opportunity to speak with a number of talented folks in the industry. I - [Bringing the Science Museum to you through AR](https://surfthedream.com.au/bringing-the-science-museum-to-you-through-ar/) - This week we’re heading to the Science Museum for an event with work to speak with people about our vision for 2025 (thank goodness no one has called it our 2020 vision). The science museum is one of my favourite places to visit, especially with the kids. Our favourite room is the space room that - [Thru you](https://surfthedream.com.au/thru-you/) - I spent about 30 minutes a couple weeks ago looking for this. ThruYou is a mashup of different You Tube videos put together to make 6 or 7 songs, all very good. My faourite is "The Mother of all Funk Chords", but they're all pretty amazing. Check out the YouTube Video below (the site requires - [A love letter to my website - DESK Magazine](https://surfthedream.com.au/a-love-letter-to-my-website-desk-magazine/) - A love letter to my website - DESK Magazine — Read on www.vanschneider.com/a-love-letter-to-personal-websites I love the sentiments of this post and it reinforces the reason I've been in a quest to publish something in this site every day. Social networks are still for me though. My twitter stream is where I enjoy my updates of - [Color Collision](https://surfthedream.com.au/color-collision/) - A fun little game made inside of a CodePen. You start with two coloured dots on the screen, one red and one blue. You can switch their positions by clicking the mouse button. Random balls will come from the top or the bottom of the screen, and either Red or Blue in colour. You need - [Ashes 2019](https://surfthedream.com.au/ashes-2019/) - The ashes are over. After five games between the two biggest rivals in World Cricket the series has ended in a draw. 2-2. For a non cricket fan this would seem impossibly boring. How could you play 5 games and still end up in a draw? Especially when each game goes for 5 days, and - [Mapmal.io](https://surfthedream.com.au/mapmal-io/) - malmal.io/d/welcome A real time canvas drawing board collaboration. - [This seems about right](https://surfthedream.com.au/this-seems-about-right/) - www.reddit.com/r/funny/comments/d429qo/my_maturity_level_summed_up/ There are a few people hovering around this maturity level and I'm happy to call them friends. - [HMB Surfing](https://surfthedream.com.au/hmb-surfing/) - www.reddit.com/r/holdmybeer/comments/d3w34e/ill_hold_my_own_beer/ - [Stranger Things : Life](https://surfthedream.com.au/stranger-things-life/) - A new form of life has been found some 7,900 feet below the Earth's surface in a mine 350 miles north of Toronto, Canada. (see original article) This life exists without sunlight, doesn't breathe Oxygen, and feeds on Pyrite (Fools Gold). If this isn't something out of Science Fiction Movies I don't know what is.... - [How to - Randall Munro (XKCD)](https://surfthedream.com.au/how-to-randall-munro-xkcd/) - I was super excited yesterday to get a message from Amazon to tell me that my pre-ordered copy of Randall Munro’s “how to” was being delivered. I’ve loved Randall’s most well known work, XKCD, for many many years now and the below Sudo comic is one of my favourite and most reused. I bought both - [Save as draft, come back to it later](https://surfthedream.com.au/save-as-draft-come-back-to-it-later/) - This has always been my advice when writing an email/blogpost/sms/slack.... basically any form of communication that isn't direct when the message you are delivering is negative, verbalises criticism, is questioning someone's judgement, or is accusatatory. Emails to the boss That nasty email you've written your boss because you think they've over stepped the mark, or - [Insights in Microsoft Outlook](https://surfthedream.com.au/insights-in-microsoft-outlook/) - Yesterday I noticed a little icon in the menu bar on my Microsoft Outlook with the label "Insights" underneath it. I'm a sucker for any kind of analytical data. In the past, I've run Rescue Time to keep an eye on what I'm doing when I don't know I'm doing it. I use Toggl to - [Game 18 - Bucks 4's @ Home](https://surfthedream.com.au/game-18-bucks-4s-home/) - The final game of the year ended with a loss. The Bucks 4's team needed victory in the last game of the year to ensure that they were promoted from Division 8->7, and the final game happened to be against us (who had already clinched the division win and promotion). We started well with Humpers - [Improving performance: Removing Disqus Comments](https://surfthedream.com.au/improving-performance-removing-disqus-comments/) - Now that I'm writing her on a daily bais I want to make sure that I'm keeping this site as lean and fast as possible to increase the chances that people are going to be able to read the content. One of the most important aspects being able to read content is seeing it in - [Should conference speakers get paid?](https://surfthedream.com.au/should-conference-speakers-get-paid/) - Yes. End of. I came across a tweet this morning from Jen Simmons along the lines of this post title. As a professional speaker, I continue to be amazed at how many conferences ask their speakers to cover the event’s airfare and accommodation costs out of their own pockets. Be humble. It’s a privilege to - [Website Builds](https://surfthedream.com.au/website-builds/) - I was in a meeting the other day where I mentioned the we had (the royal we) built over 100 websites. It got me thinking about just how many websites I had been involved in over the years. To that end, I decided to try and keep an up-to-date list of all the sites I've - [Why is society so divided?](https://surfthedream.com.au/why-is-society-so-divided/) - When I arrived home last night I did the quick round of goodnight kisses and tuckins for the kids before I retired downstairs to have some dinner and unwind after a days work. As most of you would also do, I'm guessing, I flicked on the TV to see what was on so I could - [Just say "McDonalds"](https://surfthedream.com.au/just-say-mcdonalds/) - Today I came across Jordan Moore's tweet about a patent he came across... The patent itself is System for converting television commercials into interactive networked video games and looks scary as F. I can see that as soon as you yell out "McDonalds" your Google Home, Nest, Ring, Alexa, Cortana, and Siri will race to - [Game 17 - Abingdon](https://surfthedream.com.au/game-17-abingdon/) - We had a solid win today against the mid table Abingdon 3's. Winning the toss we elected to bat first in a 45 over win/lose game. Batting number 3 I managed to find the middle of the bat early but was caught out at point chasing a wide delivery from the first ball of a - [One post every day](https://surfthedream.com.au/one-post-every-day/) - Writing is hard. It is especially hard when you have to do it consistantly. The thing is that I love writing. I love telling stories. I love explaining things (whether it's through written word or voiced, and whether or not you want to hear it). When it comes to a blank page though it's difficult - [New Mac Book Pro](https://surfthedream.com.au/new-mac-book-pro/) - Today I had my work machine upgraded from a Dell laptop to the MacBook Pro (13-inch, 2018, Four Thunderbolt 3 Ports) running Mojave 10.14.5 with the touch bar. I have heard a lot of bad things about this laptop when compared against the current personal laptop I have, and late 2013 Mac Book Pro. So - [Google AMP tightens its grip](https://surfthedream.com.au/google-amp-tightens-its-grip/) - Owen Williams covers off all the current problems with AMP, the main one being that Google are continuing to systematically taking more control over the content on the web. By all means, make the web a faster place, but reward sites that are doing it on their own without using Google's proprietary markup and servers - [Ant Middleton 24 Hour Live Challenge](https://surfthedream.com.au/ant-middleton-24-hour-live-challenge/) - A technical overview of the Ant 24 Live Challenge and how it will come to life. - [Does a private video on Vimeo allow you to embed it?](https://surfthedream.com.au/does-a-private-video-on-vimeo-allow-you-to-embed-it/) - The answer will be revealed below.... AA - Ant Middleton - 'Very Soon' - Ready For Anything Adventure film from TMP Worldwide UK on Vimeo. - [Number two pictures](https://surfthedream.com.au/number-two-pictures/) - Not that kind of number two, ewwww. I left my phone with our number two child who wanted to look through the photos. Later in the day I was happy to find that she'd began taking her own pictures. - [Recce](https://surfthedream.com.au/recce/) - The Tmp recce. The base Patchy 3G connection 4x4 course 3G coverage about 50% Able to stream live to instagram Possibly not the most exciting start Possible drone footage The lake great 3G connection Access to FTP for updates. Good stream to instagram Live stream worked well Abseiling Wonderful location Zero signal, no chance of - [Second best bloke in the world](https://surfthedream.com.au/second-best-bloke-in-the-world/) - It's four years on today that I received the shittest news I've ever received from one of the the loveliest people that I know. The news came from Jess, and it was about her brother, and my best friend, Roland. I know you were both so very very close. He is gone. So sorry. What - [Songs are funny like that](https://surfthedream.com.au/songs-are-funny-like-that/) - Songs can have an amazing effect on people in a number of different ways. Over the past few months I've found that there are some key songs that take me back in history to my younger days, and the time that I enjoyed spending with friends who have since departed. In particular they remind me - [Visas, Permits, & ILRs](https://surfthedream.com.au/visas-permits-ilrs/) - It started in 2007 with an application to the UK embassy to grant me a two year working holiday visa. That worked well, for a time, until I found myself and great job and a new group of friends while I made London my second home. By the time that happened I was keen to - [St Paul’s in January](https://surfthedream.com.au/st-pauls-in-january/) - On the way back from the City of London today I decided to take a stroll past a very special place in London. When I first arrived in the UK I would sit in a coffee shop opposite St Paul’s and write in my blog, build websites, and film and edit. As a result of - [The operation couldn’t be completed. (WordPressKit.WordPressOrgXMLRPCApiError error 0.)](https://surfthedream.com.au/the-operation-couldnt-be-completed-wordpresskit-wordpressorgxmlrpcapierror-error-0/) - Every time I try and upload an image to Wordpress using the iOS Wordpress App I get this error... The operation couldn’t be completed. (WordPressKit.WordPressOrgXMLRPCApiError error 0.) Anyone have a fix? - [Happy 2019](https://surfthedream.com.au/happy-2019/) - With a tick of a the second hand we've hit 2019 and all our hopes and dreams have been renewed a fresh, a clean slate on which we can carve our new future. Truth be told, it's just another day and if you can't get off your arse and change for the other 365 days - [Justice.js](https://surfthedream.com.au/justice-js/) - https://okor.github.io/justice/ A performance metric bar with a streaming FPS graph.g How to use With options Justice.init({ metrics: { TTFB: { budget: 200 }, domInteractive: { budget: 250 }, domComplete: { budget: 800 }, firstPaint: { budget: 1000 }, pageLoad: { budget: 2000 }, - [We love you West Ham](https://surfthedream.com.au/we-love-you-west-ham/) - For the first time in a long while I'm on the way back to watch West Ham at the London stadium. This was a fortnightly adventure ten years ago and I'm happy to say we'll be revisiting the same prematch haunts, except for those around Upton Park sadly. COYI! - [Google Dinosaur Game](https://surfthedream.com.au/google-dinosaur-game/) - If you're on the road a lot there is no doubt that you will have come across the little 8 bit dinosaur page in Google Chrome. You know, the one that comes up to tell you that you're not longer able to access the internet because there's a problems with the connection? This is an - [Building with ARKit](https://surfthedream.com.au/building-with-arkit/) - I've been having some fun with some semi client work recently and exploring the capabilities of WebAR using Apple's ARKit. The fact that it works across the horizontal plane, meaning it needs some flat ground to attach something to, is great but it does limit the types of positions you want to get your models - [Freelance website performance roles](https://surfthedream.com.au/freelance-website-performance-roles/) - I'm on a few slack channels these days and one of my favourite ones has to be the Web Performance Channel. As someone who is incredible passionate about responsive design I've also picked up the performance flag and fly it where ever I can. Unfortunately for me, and most other people that care about the - [Standing on other planets is the killer app for augmented reality](https://surfthedream.com.au/standing-on-other-planets-is-the-killer-app-for-augmented-reality/) - I agree that it would be a killer app, but it's not augmented reality. An app that puts you on another world is not augmented reality, it’s virtual reality. Augmented reality provides layers of information upon your current reality, where as virtual reality takes you to another location to experience something. Check out the original - [Posting to medium from wordpress](https://surfthedream.com.au/posting-to-medium-from-wordpress/) - I wrote an article a while ago about my cross dressing posting on this blog. A few people clapped (thanks) but a couple of others said that they were having issues getting the plugin to work as it hasn't been touched in two years. This article will serve simply as a test to see if - [Easing to fitness](https://surfthedream.com.au/easing-to-fitness/) - I find it really hard sticking to a regular fitness regime. There are times when I go ALL in on it and exercise twice a day, eat really well, cut out alcohol.... but these "sprints" only last for a week or two before hibernating for the next 10-12 months. After years of Laura telling me - [Cross Posting to Medium](https://surfthedream.com.au/cross-posting-to-medium/) - Remy Sharp has published a post all about how to cross-post to medium, you can read it over here. The crux of the issue was that Medium had remove their IFTTT applet and therefore there was no longer a straight foward way to do this (although the meat and potatoes of the article is how - [Transparent Solar Panels Are "The Wave of the Future"](https://surfthedream.com.au/transparent-solar-panels-are-the-wave-of-the-future/) - Last night I watched Grand Designs where a guy went £90k over his £160k budget during his house build specifically because he kept adding the latest and greatest stuff as he built the house. Triple glazing went to quadruple glazing, cladding tripled, the boiler was a lower power state of the art blah blah blah. - [Time](https://surfthedream.com.au/time/) - Ticking away the moments that make up a dull day Fritter and waste the hours in an off-hand way Kicking around on a piece of ground in your home town Waiting for someone or something to show you the way I could certainly do with another five or six hours a day to fit in - [Tim League Refutes Netflix’s Reed Hastings On Movie Theater Innovation | IndieWire](https://surfthedream.com.au/tim-league-refutes-netflixs-reed-hastings-on-movie-theater-innovation-indiewire-5/) - A couple of my fondest memories involved a cinema or drive-in, not always movie related. A trip to the cinema is all about just that... it's a trip. It's a mini holiday you can take without leaving your home town. I hope that they will always be around... but then where are all the drive-ins - [Tim League Refutes Netflix’s Reed Hastings On Movie Theater Innovation | IndieWire](https://surfthedream.com.au/tim-league-refutes-netflixs-reed-hastings-on-movie-theater-innovation-indiewire-4/) - A couple of my fondest memories involved a cinema or drive-in, not always movie related. A trip to the cinema is all about just that... it's a trip. It's a mini holiday you can take without leaving your home town. I hope that they will always be around... but then where are all the drive-ins - [Tim League Refutes Netflix’s Reed Hastings On Movie Theater Innovation | IndieWire](https://surfthedream.com.au/tim-league-refutes-netflixs-reed-hastings-on-movie-theater-innovation-indiewire-3/) - A couple of my fondest memories involved a cinema or drive-in, not always movie related. A trip to the cinema is all about just that... it's a trip. It's a mini holiday you can take without leaving your home town. I hope that they will always be around... but then where are all the drive-ins - [Tim League Refutes Netflix’s Reed Hastings On Movie Theater Innovation | IndieWire](https://surfthedream.com.au/tim-league-refutes-netflixs-reed-hastings-on-movie-theater-innovation-indiewire-2/) - A couple of my fondest memories involved a cinema or drive-in, not always movie related. A trip to the cinema is all about just that... it's a trip. It's a mini holiday you can take without leaving your home town. I hope that they will always be around... but then where are all the drive-ins - [Tim League Refutes Netflix’s Reed Hastings On Movie Theater Innovation | IndieWire](https://surfthedream.com.au/tim-league-refutes-netflixs-reed-hastings-on-movie-theater-innovation-indiewire/) - A couple of my fondest memories involved a cinema or drive-in, not always movie related. A trip to the cinema is all about just that... it's a trip. It's a mini holiday you can take without leaving your home town. I hope that they will always be around... but then where are all the drive-ins - [Web calculator or pricing page in instant](https://surfthedream.com.au/web-calculator-or-pricing-page-in-instant-2/) - More interactivity and conversions for your website! Website visitors need quick and accurate answers and that is why calculoid is here. Calculoid provides users easy calculations thus gives them answers worthy of thousand words. And that will be your competitive advantage! Visit Link - [Web calculator or pricing page in instant](https://surfthedream.com.au/web-calculator-or-pricing-page-in-instant/) - More interactivity and conversions for your website! Website visitors need quick and accurate answers and that is why calculoid is here. Calculoid provides users easy calculations thus gives them answers worthy of thousand words. And that will be your competitive advantage! Visit Link - [IdeaBoardz](https://surfthedream.com.au/ideaboardz/) - This app lets you collaborate in a sticky note kind of way but online . It has both PDF and XLS export options as well. Visit Link - [How to become a public speaker in 1 year](https://surfthedream.com.au/how-to-become-a-public-speaker-in-1-year/) - Visit Link - [Using different permalink structures for custom post types](https://surfthedream.com.au/using-different-permalink-structures-for-custom-post-types/) - I'm in the process of shifting from Responsive Design site from the current CMS, Squiz Matrix, over on to Wordpress. There are a number of reasons for the move which I might put into a post at some point, but I've been enjoying the freedom to create Custom Post Types for the different types of - [Time tracking with Toggl](https://surfthedream.com.au/time-tracking-with-toggl/) - The pie chart for this XKCD Comic is me all over, and I often feel as though I'm turning into the procrastination monkey Time tracking is one of those things that I just hate doing for a few different reasons. I spend more time trying to remember how I spent my time then doing something - [Progressive Invision - Offline use](https://surfthedream.com.au/progressive-invision-offline-use/) - On the way home yesterday afternoon I was going through a couple of designs that had been uploaded onto Invision with the Account Manager on the project. “On the way home” entails a 40 minute train ride for which I fortunately have access to WIFI although it is pretty patchy from time to time. I - [Those mornings.](https://surfthedream.com.au/those-mornings/) - I hate those mornings… and hate is a really strong word. It’s the morning that one or two things go a little bit wrong and it puts you in one hell of a shitty foul mood with the world. This morning it was the scheduled training being cancelled before I left the house, then when - [loader.io](https://surfthedream.com.au/loader-io/) - Simple Cloud-based Load Testing. Loader.io is a FREE load testing service that allows you to stress test your web-apps & apis with thousands of concurrent connections. Visit Link - [UI Wireflows](https://surfthedream.com.au/ui-wireflows/) - These are a wonderful set of UI wireframes from the team at Graffletopia. I purchased a set back in 2011 which are now due for an upgrade... I'll be back soon :D Visit Link - [God creating animals](https://surfthedream.com.au/god-creating-animals/) - These are some brilliant tweets that people have written about God creating animals. Warning, you will most likely giggle out loud at work. - [YouCanBook.me](https://surfthedream.com.au/youcanbook-me/) - YouCanBook.me is booking software that integrates with your Google or iCloud Calendar. Get a personalized scheduling page so your customers can book you online. Visit Link - [Quantum Tapestry](https://surfthedream.com.au/quantum-tapestry/) - Beautiful Programming — Click to randomize and reset animation. Press “A” to toggle autoplay – autoplay will automatically clear and redraw the screen when it is full. Press “R” to reset the draw color to white. Press “C” to randomize the current draw color. This sketch was made with Processing 2 in Javascript mode. Visit - [Datamaps.co](https://surfthedream.com.au/datamaps-co/) - This week we used this to illustrate the distribution of subscribers around the world. Visit Link - [SpaceX Notebooks — Phobos & Deimos](https://surfthedream.com.au/spacex-notebooks-phobos-deimos/) - As you may be aware I started a small Notebook business recently, Back Pocket Notebooks, with a set of responsive design notebooks for my responsively designed audience. This week I received the next batch of notebooks which I have added to the stock list — a set of SpaceX Mars Posters. Over the next couple - [Chilling with my daughter](https://surfthedream.com.au/chilling-with-my-daughter/) - On Thursday afternoon at 1830 we added another member to our family in the form of a 8'6, or 3.8kg, baby girl. Both her (still unnamed) and Mum are doing great. We watched the Champions League final together last night, but just like her dad she was far more interested in the drinks/food than the - [Google Search Console Updates - Content Keywords & Site Grouping](https://surfthedream.com.au/google-search-console-updates-content-keywords-site-grouping/) - If you manage a website the chances are that you've heard of and use the Google Search Console, the artist formally known as Webmaster Tools. If you're sitting there scratching your head and wondering what I'm talking about then go and check out this article from Moz and get yourself started. The console is always - [Getting back to podcasting](https://surfthedream.com.au/getting-back-to-podcasting/) - Podcasting isn't always as easy as people make out. With these two key ingredients you'll be on top of your podcasting in no time. - [Is CriticalCSS harming our site performance?](https://surfthedream.com.au/is-criticalcss-harming-our-site-performance/) - In a recent article on Medium, JP DeVries wrote about "Unfolding Critical CSS". Are you building a single web page that users will visit once never to return to or are you building a multi–page website that most users click around on for a while? If you inline an average of ~20kB of critical CSS - [Accessibility Dashboard - Pa11y Dashboard](https://surfthedream.com.au/accessibility-dashboard-pa11y-dashboard/) - Today I came across a wonderful article by Una Kravitz, a UI Engineer over at Digital Ocean, about how to set up an accessibility dashboard for your site/s in just 15 minutes. Usually these kinds of articles say “it’s easy! All you need to do is after you set up NPM, Gulp, Grunt, Node, Ruby, - [Min | A smarter faster web browser](https://surfthedream.com.au/min-a-smarter-faster-web-browser/) - This is a pretty fast little browser that I can see myself using more and more. It's light weight and at the moment not the hog that some of the others are (looking at you Chrome on Mac). It doesn't have anything in the way of dev tools so it's not practical for work, but - [GoldenLayout](https://surfthedream.com.au/goldenlayout/) - Golden layout is a multi-window javascript layout manager for webapps Visit Link - [Katie Leamon Design](https://surfthedream.com.au/katie-leamon-design/) - Moving Katie Leamon from Joomla across to Wordpress with a hint of redesign thrown into the mix. - [HTML Responsive Images Extension](https://surfthedream.com.au/html-responsive-images-extension/) - This proposal adds new elements and attribute to [HTML5] to enable different sources of images based on browser and display characteristics. The proposal addresses multiple use cases such as images used in responsive web designs and different images needed for high density displays. http://dvcs.w3.org/hg/html-proposals/raw-file/tip/responsive-images/responsive-images.html - [flare.js](https://surfthedream.com.au/flare-js/) - Unobtrusive event emitter API for Google Universal Analytics event tracking Visit Link - [Delete Google Analytics Properties](https://surfthedream.com.au/delete-google-analytics-properties/) - Over the past few years I've picked up more than my fair share of domain names, and along with them Google Accounts. It's recently got so bad that I can't actually add any more GA accounts any more. - [vintageJS](https://surfthedream.com.au/vintagejs/) - Vintage.JS is a fun little jquery plugin that adds some awesome retro and vintage style to your images with the HTML5 canvas element. Great to use as a fallback for the CSS3 Image filters. Visit Link - [XKCD Garden](https://surfthedream.com.au/xkcd-garden/) - This is a strange XKCD, but also a little bit of fun. The page loads blank with the ability to add up to three grow lights. You can position them on the screen, change the angle of the light, change the light focus (wider and lighter or narrow and brighter). Apparently you can also change - [tmux](https://surfthedream.com.au/tmux/) - A program that sits on top of iTerm. It lets you switch easily between several programs in one terminal, detach them (they keep running in the background) and reattach them to a different terminal. And do a lot more. Visit Link - [Analytics Academy](https://surfthedream.com.au/analytics-academy/) - Subscribe to get your free email course! You’ll learn the basics of how to think about analytics and level-up to implementation strategies for what data to collect—each as one lesson per week. Visit Link - [OneSignal](https://surfthedream.com.au/onesignal/) - High volume, cross platform push notification delivery. Visit Link - [wp-admin redirect loop on https](https://surfthedream.com.au/wp-admin-redirect-loop-on-https/) - Running your website on HTTPS has many benefits which doesn't stop at being safer, it also allows you to run on http2/SPDY and offers things like Service Workers. I use CloudFlare and their Flexible SSL to secure most of my sites. It's easy to set up and it costs nothing which is just amazing as - [Plain White vs Full Bleed Images](https://surfthedream.com.au/plain-white-vs-full-bleed-images/) - I've recently added HotJar to the Back Pocket Notebooks site to see how people are using the site. I was interested in where people were dropping off, how they were getting from the home page to the product page and where they might be getting distracted. The more I looked into it the more I - [User generated content in a multi platform publishing world](https://surfthedream.com.au/user-generated-content-in-a-multi-platform-publishing-world/) - I've just finished reading Snooks article User Generated Content in a Classy World, which is turn was a follow up to Chris Coyiers article Class up Content. Recently I've been trying to apply AMP templates to the Responsive Design Knowledge Hub and it's been a learning curve. The thing I can not fix is the - [Toggl](https://surfthedream.com.au/toggl/) - Free Time Tracking Software & App, great for keeping on what you're doing for which projects and it's FREE"! Visit Link - [Craft by InVision LABS](https://surfthedream.com.au/craft-by-invision-labs/) - Craft is a plugin for Sketch and Photoshop that will pull in real content, both imagery and text, to get away from the Lorem Ipsum and see how your designs will really be used. Visit Link - [How to manage future products in Shopify](https://surfthedream.com.au/how-to-manage-future-products-in-shopify/) - As you may be aware of I've started selling notebooks online. This started almost a year ago when I had the idea of putting together some notebooks that focused on the three tenets of responsive design... and from that was born the first set of 3 responsive design notebooks. I didn't just want to create - [Planet - by Oskar Stålberg](https://surfthedream.com.au/planet-by-oskar-stalberg/) - A fantastic little WebGL project that allows you to build up your world with oceans, land, hills/mountains and villages. Visit Link - [tota11y - An accessibility visualization toolkit](https://surfthedream.com.au/tota11y-an-accessibility-visualization-toolkit/) - tota11y is a single JavaScript file that inserts a small button in the bottom corner of your document. (It's on this very page.) The toolbar consists of several plugins that each provide their own functionality. Many of these plugins "annotate" elements on the page. Sometimes to show their existence, other times to point out when - [Condescending Popups](https://surfthedream.com.au/condescending-popups/) - A list of condescending popups that appear before you ask for them. - [ARO: native mobile web performance monitoring](https://surfthedream.com.au/aro-native-mobile-web-performance-monitoring/) - Tonight I was privileged to make it to London web performance meet up to catch Doug Sillars @dougsillars talk about native app performance. Doug works at ATT In Seatle and showcased a free app that ATT develop to monitor native web apps.... think webpagetest.org but for native apps. I highly recommend checking it out at http://developer.att.com/ARO - [Intern: Software testing for humans](https://surfthedream.com.au/intern-software-testing-for-humans/) - A node.js package that will allow you to write tests easily and perform tests on the command line, in your browser or offload it to something like BrowserStack Visit Link - [The Shard and the Moon](https://surfthedream.com.au/the-shard-and-the-moon/) - Last night, christmas eve, we were fortunate to have the clouds disappear and watch the moon rise next to The Shard in London Bridge. - [Wordpress redirect loop wp-admin changing from http to https](https://surfthedream.com.au/wordpress-redirect-loop-wp-admin-changing-from-http-to-https/) - Today I've been looking in to updating this site to HTTPS through the use of the free Cloudflare https service available. The thing that I really like about Cloudflare is not only is it free but it is offering you free HTTPS as well as free HTTP2. FREE!!! The free plan is kind of faux - [Back Pocket Notebooks have arrived!](https://surfthedream.com.au/back-pocket-notebooks-have-arrived/) - It's with huge excitement that I came home yesterday to find all my notebooks sitting in the Studio entrance. It's take many months but I"m really happy with the results. Next step is to get the sleeves printed and put up the Shopify Store. - [CSS Cursor](https://surfthedream.com.au/css-cursor/) - This small web app helps you to choose cursor type from the showcase for use in your application. Visit Link - [atome with GOO & CSS (need chrome)](https://surfthedream.com.au/atome-with-goo-css-need-chrome/) - As a lover of space I love this little atom example. If I knew more about how this was working I'd try and make a scale version of the solar system using the same approach... Visit Link - [Responsive Design Notebooks - covers done](https://surfthedream.com.au/responsive-design-notebooks-covers-done/) - This week the RWD Notebook proofs have gone to the printers and the covers are now done. Because there was so much red used for the covers (you can't print the white text on a red stock, so it's all red printed onto white stock) they need to dry for a few days before going - [CMYK to Pantone - Find PMS colors close to CMYK color](https://surfthedream.com.au/cmyk-to-pantone-find-pms-colors-close-to-cmyk-color/) - This handy tool takes your CMYK colour and matches it as closely as possible to a Pantone or PMS colour. Visit Link - [MissPlete: Misspelling-tolerant autocomplete](https://surfthedream.com.au/missplete-misspelling-tolerant-autocomplete/) - MissPlete supports synonyms and it can be customized with any algorithm to select and sort the completions. Visit Link - [labyrinth](https://surfthedream.com.au/labyrinth/) - Element on delight when moving the mouse or touching the screen. Stop, and they'll disappear. Visit Link - [gridster.js](https://surfthedream.com.au/gridster-js/) - Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. Visit Link - [Download more than 500 rows from Google Analytics](https://surfthedream.com.au/download-more-than-500-rows-from-google-analytics/) - I decided to put together a visualisation of all the urls that have been tested on Am I Responsive so I needed to do a bit of digging into Google Analytics. - [Is it illegal to park across someone's driveway?](https://surfthedream.com.au/is-it-illegal-to-park-across-someones-driveway/) - No. How frustrating is that!!!! We have a car parking place in London that is included in our contact running the studios. There are a few business that also are within the area we park, but there's one that is always annoying. The London kitchen The Lndon Kitchen decides that it's a great idea to - [Curated](https://surfthedream.com.au/curated/) - Create newsletters easier than ever with this bookmarklet come email configuration tool. Visit Link - [Vector Lightsabers](https://surfthedream.com.au/vector-lightsabers/) - For all your Star Wars fans out there you can now get a vector setof light sabres. OH: "Not sure why they all look so different, there's only one button isn't there?".... Visit Link - [Stamps & Sons](https://surfthedream.com.au/stamps-sons/) - Upload your logo and get a stamp in the mail. So simple Visit Link - [Animated SVG – Event Map](https://surfthedream.com.au/animated-svg-event-map/) - A great little animated SVG map that will look sharp across any device. Visit Link - [Off to Adobe Max](https://surfthedream.com.au/off-to-adobe-max/) - Today I'm off on an adventure after very fortunately being invited to speak at the Adobe max conference in LA. I'm going to be talking about 5 things to take your RWD to the next level, and as always I'm concerned that the talk won't be good enough of miss the mark with the attendees. - [Side project 378](https://surfthedream.com.au/side-project-378/) - I've decided to take on another side project. The aim of it is to provide people with facts and interesting content about the history of time and the universe in an easy to consume site. The benefits for me is to try out a bit more progressive enhancement techniques. Really starting with the content and - [Design in Sketch Then Animate In Keynote](https://surfthedream.com.au/design-in-sketch-then-animate-in-keynote/) - Prototyping UI animations using Sketch for the design and Keynote for the animation Visit Link - [STF | Smartphone Test Farm](https://surfthedream.com.au/stf-smartphone-test-farm/) - Control and manage real Smartphone devices from your browser Visit Link - [Design Methods - toolkit Using the toolkit](https://surfthedream.com.au/design-methods-toolkit-using-the-toolkit/) - The MediaLAB Amsterdam method card collection is a very wide range of design and research methods that can be used to get the necessary insights. The methods are divided in categories relating to the type of insights that can be gained with them. The methods can be about defining goals, knowing context, knowing the user, - [Space Alphabet](https://surfthedream.com.au/space-alphabet/) - As you should be well aware I love Space (I'm pretty fond of the alphabet as well). That's why when I came across this yesterday I thought it would be remiss of me not to post about how wonderful this print really is. It's something that your little ones will love, but also that they'll - [Responsive Performance](https://surfthedream.com.au/responsive-performance/) - I'm setting up a new page over on the RWD.is site looking for some lucky volunteers to receive recommendations around their website performance. - [The WordPress Warchest](https://surfthedream.com.au/the-wordpress-warchest/) - Some of the best plugins for just about any development requirement on worpdress. Visit Link - [A Walkthrough on Conditional Tags in WordPress](https://surfthedream.com.au/a-walkthrough-on-conditional-tags-in-wordpress/) - Some really useful tags for anyone playing around with WordPress. The codex has this stuff already but there are some good usage ideas listed here (and it's more of a blog post than documentations so easier to consume) Visit Link - [Automated Website Testing and Monitoring - Ghost Inspector](https://surfthedream.com.au/automated-website-testing-and-monitoring-ghost-inspector/) - Ghost Inspector lets you create and manage UI tests that check specific functionality in your website or application. We execute these tests continuously from the cloud and alert you if anything breaks. Visit Link - [Grow Your MailChimp List with Instapage](https://surfthedream.com.au/grow-your-mailchimp-list-with-instapage/) - A quality landing page could make the difference between attracting a subscription and getting another bounce. Instapage can make that a little bit easier if you're not very confident in creating one yourself. Visit Link - [Flow XO](https://surfthedream.com.au/flow-xo/) - Build automated sales and marketing workflows on top of your existing cloud apps. Visit Link - [How to HTTPS](https://surfthedream.com.au/how-to-https/) - A great overview on how to get started with SSL and HTTPS. A huge thanks to Francois for helping me out with this. Visit Link - [Enabling https SSL on your site](https://surfthedream.com.au/enabling-https-ssl-on-your-site/) - Update 3pm: After MUCH research I finally found that Plesk sucks. Further to this there are some fixes that were required for Plesk to ensure it was more SSL friendly. These updates moved me from an F to a B - http://kb.odin.com/en/123160 Update 11am: The certificate was just the first step. I'm getting an F - [Enabling https SSL on your site](https://surfthedream.com.au/enabling-https-ssl-on-your-site-2/) - An overview on getting SSL or https working with Namecheap, Media Temple and Plesk. Visit Link - [ANALOG MEMORY DESK](https://surfthedream.com.au/analog-memory-desk/) - This desk uses a clever paper despencer to keep track of all your notes to look back over in years to come. Visit Link - [Forms Done Awesomely | Typeform](https://surfthedream.com.au/forms-done-awesomely-typeform/) - Typeform is a free (but there are paid plans) tool that allows you to create easy to use interactive forms without any html knowledge what-so-ever. Visit Link - [Roland Davies](https://surfthedream.com.au/roland-davies/) - I first met Roland Davies playing U12's cricket in Darwin. I was playing batting at the time playing for PINTS and Roland was the wicket keeper for Darwin Cricket Club. He didn't keep quite. "Go on, this bowlers rubbish, smash him out of the park" .... and more and more of the same. He managed - [Egg.js](https://surfthedream.com.au/egg-js/) - A simple javascript library to add easter eggs to web pages. Visit Link - [IxD (Interaction Design) Checklist](https://surfthedream.com.au/ixd-interaction-design-checklist/) - A user interaction checklist. Visit Link - [Two-Factor Authentication | Authy](https://surfthedream.com.au/two-factor-authentication-authy/) - Authy protects people and the enterprise against malicious attack. Our Two-Factor Authentication security solution enables organizations to minimize risk while enhancing the user experience. Visit Link - [Keynude, the naked Keynote theme](https://surfthedream.com.au/keynude-the-naked-keynote-theme/) - The naked Keynote theme. You can download it for the price you want. Visit Link - [CriticalCSS Bookmarklet and Devtool Snippet.js](https://surfthedream.com.au/criticalcss-bookmarklet-and-devtool-snippet-js/) - Visit Link - [Codeply](https://surfthedream.com.au/codeply/) - Use, compare & test responsive frameworks & micro-libraries. Find code snippets & examples. Visit Link - [Adding responsive images to your wordpress](https://surfthedream.com.au/adding-responsive-images-to-your-wordpress/) - These are some responsive awesome images. - [How to host your podcasts](https://surfthedream.com.au/how-to-host-your-podcasts/) - Jeremy Keith recently wrote about podcasting over at https://adactio.com/journal/8091. The article starts off as a bit of an overview of the article Ten Years of Podcasting: Fight Human Nature (https://medium.com/technology-musings/ten-years-of-podcasting-fighting-human-nature-1bf2de96d6e4) In the article by Matt he gives kudos to HuffDuffer, a little web app that Jeremy put together that allows you to capture a list - [Designing a Mobile App](https://surfthedream.com.au/designing-a-mobile-app/) - Mobile apps go through a variety of what I would refer to as "Design" stages. In this article I"m not talking about the visual design of the application, that's certainly not where my skills lie, but instead I'm talking about the functional design of the application, the user experience and the data required to make - [PerfBar](https://surfthedream.com.au/perfbar-2/) - Simple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. Visit Link - [StyleStats - Useful tool to collect CSS statistics](https://surfthedream.com.au/stylestats-useful-tool-to-collect-css-statistics-2/) - Find out how many em units your setting, how many width/float/height/padding declarations your making. See how many colors you've declared. Very cool. Visit Link - [Responsive Answers](https://surfthedream.com.au/responsive-answers/) - The other day I came across a post from Paul Robert Lloyd answering some responsive questions for Net Magazine and I realised that I did the same thing last year, I should share my answers as well. These are from 13th November 2013.... - [Aaron Draplin on logo design](https://surfthedream.com.au/aaron-draplin-on-logo-design/) - This is a fantastic short video as Aaron Draper takes you through the approach to designing a logo. Super inspirational and made me want to start creating immediately. - [Web design feedback tool for project teams](https://surfthedream.com.au/web-design-feedback-tool-for-project-teams/) - Ideas occur to me at the strangest times. Being on the internet all of the time means that it can be a bit of a struggle to stay focussed on just one thing. One of the benefits of this is that I occasionally have a moment of clarity and realise "Yes, this is exactly what - [Staying focussed when tired](https://surfthedream.com.au/staying-focussed-when-tired/) - Woah. I must be friggin tired. It's only 9:27 and I've already have 3 occasions where I thought of something that I could do, went to do it, and then struggled to recall just what I was trying to achieve. The forgetfulness of what the task that I'm currently on is made worse by the - [xvfb-run: error: Xvfb failed to start](https://surfthedream.com.au/xvfb-run-error-xvfb-failed-to-start/) - When trying to run Sitespeed.io in two different terminals on the same server I received the error that Xvfb could not run. By adding -a as an argument it will automatically pick up another thread to run with instead of the default. do xvfb-run -a sitespeed.io - [List directory with file sizes on Linux (ubuntu)](https://surfthedream.com.au/list-directory-with-file-sizes-on-linux-ubuntu/) - du -sh * I wanted to be able to list ls the files and folders on the server to find out which ones were taking up the most disk space (as part of the sitespeed.io project i've been working on). This worked a treat. - [UX Project Checklist](https://surfthedream.com.au/ux-project-checklist/) - If you're running a project make sure you take a look at this checklist and make sure you follow research, plan, explore, communicate, create, feedback, delight and analyse (and then probably repeat) Visit Link - [Monitoring Performance with Digital Ocean](https://surfthedream.com.au/monitoring-performance-with-digital-ocean/) - Performance is the most important thing when it comes to your website. A lot of people say it's the content, but a poor performing website will see users leaving in their droves if the load times are too slow (although they wouldn't be going there in the first place if it weren't for the content, - [Write as you do](https://surfthedream.com.au/write-as-you-do/) - As you work your way through a problem that you haven't faced before always try and make some time to document your process. Lately I've been working on a few projects that have been out of my usual comfort zone. They've involved a little more javascript and a bit more system administration work. While I - [The Pain of Duplicate Scripts](https://surfthedream.com.au/the-pain-of-duplicate-scripts/) - Duplicate scripts on a page means multiple downloads (for Firefox) and a performance hit. You can help this by following Facebooks lead and opting out of an async load if the script element is already in place with if (d.getElementById(id)) {return;} Visit Link - [“How to Make a Performance Budget”](https://surfthedream.com.au/how-to-make-a-performance-budget/) - A detailed article from Dan Mall about what we mean when we say performance budget and how do you go about setting them. Visit Link - [Lining.js](https://surfthedream.com.au/lining-js/) - In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. Lining.JS gives you the ability to achieve this. Visit Link - [The Art of Innovation - Guy Kawasaki at Gartner Barcelona](https://surfthedream.com.au/the-art-of-innovation-guy-kawasaki-at-gartner-barcelona/) - 1) Make Meaning… not money Make the world a better place. When you are building something ask yourself "is this making the world a better place?" 2) Make Mantra Most people come up with a Mission Statement. Most mission statements are developed through the following process. 50 senior employees have an off site week. This - [Sketch-Notebook](https://surfthedream.com.au/sketch-notebook/) - Easily manage sidebar comments for documenting design. Visit Link - [CSS Grid Polyfill Level 1](https://surfthedream.com.au/css-grid-polyfill-level-1/) - If you're lookingg at experimenting with CSS Grids this polyfill might be just the thing you need to tip thhe scales. Probably not ready for large scale production sites, but try it on your personal blog. Visit Link - [Reducing JavaScript Bloat with Shoestring](https://surfthedream.com.au/reducing-javascript-bloat-with-shoestring/) - A lightweight, simple DOM utility made to run on a tight budget. Visit Link - [The Web Is Thursday night playlist](https://surfthedream.com.au/the-web-is-thursday-night-playlist/) - One of the great things about The Web Is conference is the sideshows. This year on the Thursday night there's a musical get together at the Founders Hub. Apparently there are plenty of instruments for people to join in with, you just need to learn Walk (Foo Fighters) and 20th Century Boy (T. Red). - [Nightmare](https://surfthedream.com.au/nightmare/) - Nightmare lets you simplify deeply nested callbacks into a few sequential statements. Visit Link - [Options for SSL in WordPress](https://surfthedream.com.au/options-for-ssl-in-wordpress/) - an overview of everything you need to know in gettingg https working on your site... with the exception of buying the SSL certificate. Visit Link - [Learning Gulp](https://surfthedream.com.au/learning-gulp/) - A great primer for getting started with Gulp to help your front end workflow. Visit Link - [Gridlock vs. Bottlenecks](https://surfthedream.com.au/gridlock-vs-bottlenecks/) - This is an awesome data visualisation to show the difference between gridlock and bottlenecks. A great use of D3.js and a beautiful design. Visit Link - [Creating content in less than 5 minutes a day](https://surfthedream.com.au/blogging-easy/) - Creating content is one of the hardest things to do when it comes to having a website or a blog. I’m going to share with you the easiest way to create great content daily on your site and across a series of social networks in under 5 minutes. - [Building Am I Responsive](https://surfthedream.com.au/building-am-i-responsive/) - Eighteen months ago I put together a very crude webpage that used iFrames to preview a few of the popular viewports as a quick and dirty test for a responsive project we were working on. There were plans to improve the tools to something with quite a bit of sophistication, but with time constraints in - [TextTailor.js](https://surfthedream.com.au/texttailor-js/) - Responsive text to fill the height of the parent element or ellipse it when it doesn't fit. Visit Link - [Fibonacci Flexbox Composer](https://surfthedream.com.au/fibonacci-flexbox-composer/) - This is an amazing piece of kit. Start with a box and add columns or rows. Then, from within each resulting box, create another set of evenly spaced columns or rows. It provides some exciting layout ideas. Check out the layout I created in 34 seconds. http://ift.tt/1w2To2y Visit Link - [SVG Editor](https://surfthedream.com.au/svg-editor/) - Cut all of the guff out of your SVG and save a few extra kb. When SVG's are created inside products like Adobe Illustrator they tend to come with a lot of additional markup that isn't related to the actual drawing. This tool lets you remove the extra content and goes further by short handing - [BromBone](https://surfthedream.com.au/brombone/) - To start with you should never have created a site that only works with Javascript. Naughty! Bad! Take a look in the mirror.... for shame. If you have though, sometimes these things are required, this tool will visit your pages and build out a proper page that Google will be able to index and rank - [DIY Web Server: Raspberry Pi + CloudFlare](https://surfthedream.com.au/diy-web-server-raspberry-pi-cloudflare/) - I've just been speaking about setting up a testing environment for some responsive sites and needed a web server, this could be the answer... and if not it's surely worth a try. Exciting to see the possibilities of hosting a website on a rasberry pi with cloudflare in front, I wonder how much traffic it - [Shepherd](https://surfthedream.com.au/shepherd/) - Guide your users through a tour of your app. Visit Link - [Command Line API Reference - Google Chrome](https://surfthedream.com.au/command-line-api-reference-google-chrome/) - The Command Line API is a collection of functions for performing common tasks with the Chrome Developer Tools. Visit Link - [One Step Ahead: Improving Performance with Prebrowsing · An A List Apart Article](https://surfthedream.com.au/one-step-ahead-improving-performance-with-prebrowsing-·-an-a-list-apart-article/) - Visit Link - [PerfBar](https://surfthedream.com.au/perfbar/) - Simple way to collect and look at your website performance metrics quickly, that supports budgeting and adding custom metrics. Visit Link - [Croppola - online photo cropping](https://surfthedream.com.au/croppola-online-photo-cropping/) - Croppola analyzes the composition of your picture and calculates the best crop. Just drop a photo onto the canvas above, select the desired aspect ratio, and watch croppola do its magic! Visit Link - [Middleman: Hand-crafted frontend development](https://surfthedream.com.au/middleman-hand-crafted-frontend-development/) - Middleman is a static site generator using all the shortcuts and tools in modern web development. Visit Link - [Scoping Web Projects](https://surfthedream.com.au/scoping-web-projects/) - Scoping web projects can be a long painful process, but done right you can make it an enjoyable process for you and the client and the project will be much more successful because of it. - [Permission errors when using sudo](https://surfthedream.com.au/permission-errors-when-using-sudo/) - Sudo is usually the command that gets me past any permission issues on the server or my Mac. Usually. - [Creating Flows for better User Experience](https://surfthedream.com.au/creating-flows-for-better-user-experience/) - [Chaining pseudo selectors](https://surfthedream.com.au/chaining-pseudo-selectors/) - I've been working on a sales dashboard for work that highlights the number of sales, number of meeting, contribution to the overall targets and a few other things that make a member of the sales team proud they're hitting their targets. The layout requirements I had for this part of the dashboard was Zebra background - [Responsive Design is still hard/easy — Dan Mall](https://surfthedream.com.au/responsive-design-is-still-hardeasy-dan-mall/) - During the 2014 Beyond Tellerand Conference Dan Mall shared his tips and tricks on how to work smarter in todays responsive world. Henry Ford: 1907 : A motor car for the great multitude. He had a dream that everyone should have access to a motor car. He created an auto line assembly. Moving line assembly - [MathJax](https://surfthedream.com.au/mathjax/) - MathJax is an open source JavaScript display engine for mathematics that works in all browsers. Visit Link - [Content in a Zombie apocalypse](https://surfthedream.com.au/content-in-a-zombie-apocalypse/) - @karenmcgrane - president of the WYSIWYG haters club Print is amazing, you put the words on the paper and there it stays. No updates. We're fine. 100 of years of printing press history, thousand of years of experience in written material. The web was created to allow anyone to update a URL from anywhere and - [Technology - the power and the promise](https://surfthedream.com.au/technology-the-power-and-the-promise/) - Robin Christopherson @AbilityNet - UK accessibility charity. Computers can cater for everyones needs. You don't need to use the keyboard, the monitor, the tower could be in your room/in the screen/ or on the other side of the world. Accessibility is often approached as a bolt on, something that costs more and you have to - [Chris Coyier — SVG is for everybody](https://surfthedream.com.au/chris-coyier-svg-is-for-everybody/) - Chinese Year of the Horse. Horse.svg - looks beautiful everyone. it's 13.7 k EVERYWHERE. Phone, tablet, desktop.... everywhere!!!! SVG is Flexible, sharp, small and accessible. SVG is responsive and responsible. SVG is as easy as including it in the tag. Supported in all current browsers and two versions back. SVG could be learned, but you - [StyleStats - Useful tool to collect CSS statistics](https://surfthedream.com.au/stylestats-useful-tool-to-collect-css-statistics/) - Find out how many em units your setting, how many width/float/height/padding declarations your making. See how many colors you've declared. Very cool. Visit Link - [Quaderno - Invoicing for Stripe](https://surfthedream.com.au/quaderno-invoicing-for-stripe/) - Quaderno for Stripe is the simplest way to bill your customers without programming a single line of code. Every time a credit card is charged in Stripe, they'll send a beautiful invoice to your customer. That's all! Visit Link - [The Ultimate Mobile App](https://surfthedream.com.au/the-ultimate-mobile-app/) - XKCD hit the nail on the head today. I've had several conversations with clients over the past few years about wanting to create an app when a specific mobile site, or responsive site, would do the job just as well. Over the next few years I can see the gap between what needs to be - [Waypoints.io](https://surfthedream.com.au/waypoints-io/) - a simple tool to keep track of your projects Visit Link - [Unexpected prerender in Chrome](https://surfthedream.com.au/unexpected-prerender-in-chrome/) - Visit Link - [Multi Channel Authoring CMS Interface](https://surfthedream.com.au/multi-channel-authoring-cms-interface/) - Content some times starts as a small idea and grows. It might grow from a title of an idea into a snippet, and then again into an article or even further as a feature story. It is important to keep this as a single piece of content that maintains it's structure from each stage. This - [WordPress Filesystem Permissions And Ownerships](https://surfthedream.com.au/wordpress-filesystem-permissions-and-ownerships/) - Find out all the best settings for your files and folders on the server with these best practice permission setting for wordpress. Visit Link - [Dealing with Content Images in Email](https://surfthedream.com.au/dealing-with-content-images-in-email/) - Visit Link - [State of the Browser 2014](https://surfthedream.com.au/state-of-the-browser-2014/) - State of the Browser is a one day event that is put on by the London Web Standards team and it brings together evangelists and developers from browser vendors such as Internet Explorer, Firefox, Chrome, and Opera. - [Isomer](https://surfthedream.com.au/isomer/) - an isometric graphics library for HTML5 canvas Visit Link - [Restive.JS - The Easiest Way to Make your Website Responsive or Adaptive](https://surfthedream.com.au/restive-js-the-easiest-way-to-make-your-website-responsive-or-adaptive/) - Restive.JS is a JQuery Plugin that helps enable a static site to respond and adapt to virtually every Web-enabled Device using a combination of Device Detection, Advanced Breakpoints Management, and Orientation Management. Visit Link - [Tracking tiny url analytics using tr.im](https://surfthedream.com.au/tracking-tiny-url-analytics-using-tr-im/) - Tiny URLs, what are they?Tiny URLs are a facility to take a long url, lets take this blog post for example http://www.surfthedream.com.local/blog/Archives/may-2009/tracking-tiny-url-analytics-using-tr.im, enter it into a text box and magically watch it transform into something smaller but albeit unreadable http://tr.im/luzK.Why use Tiny URLs?A lot of people are using twitter these days, I myself am running - [migrating a wordpress site to a new domain](https://surfthedream.com.au/migrating-a-wordpress-site-to-a-new-domain/) - I previously pointed out the reasons behind needing and wanting to move content from one domain to another. Moving your wordpress website from one domain to another is a tricky process. Aside from the problems you will have to deal with specifically with your site (links), you don't want to damage your page rank and - [Sprite CSS Generator — a script plugin for Adobe Illustrator](https://surfthedream.com.au/sprite-css-generator-a-script-plugin-for-adobe-illustrator/) - “Sprite CSS Generator” is tested and works fine with Adobe Illustrator CC on Mac. It should also work with Adobe Illustrator CS4 and newer. Visit Link - [2013 dConstruct review](https://surfthedream.com.au/2013-dconstruct-review/) - Today was killer. As I hit send on the weekly newsletter at 1:30am I was regretting the time I spent and amount of beer I consumed at the Moo Summer Party. Actually it wasn't so much regretting as pondering if it was the wisest way to spend my Thursday evening. As my head hit the - [sassdown](https://surfthedream.com.au/sassdown/) - Generates a documentation styleguide from Markdown comments in sass/scss directories using Handlebars Visit Link - [BLUE VERTIGO](https://surfthedream.com.au/blue-vertigo/) - A list of amazing web resources from images to sound to graphics to logos to icons to photoshop brushes Visit Link - [How To Not Suck Online](https://surfthedream.com.au/how-to-not-suck-online/) - 18 Tips, Tricks and resources for online marketing, design and advertising campaigns. Visit Link - [Bridle JavaScript Charting Library](https://surfthedream.com.au/bridle-javascript-charting-library/) - Bridle is a repository of charts built following the reusable chart paradigm. The library is in its infancy, and still requires a bunch of work. We decided to still use d3 to invoke the chart, so that you can integrate them in your d3 workflow as seamlessly as possible: Visit Link - [Headroom.js](https://surfthedream.com.au/headroom-js/) - Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Visit Link - [Type Rendering Mix](https://surfthedream.com.au/type-rendering-mix/) - Apply CSS based on the text rasterizer and antialiasing your browser is using Visit Link - [Smooth Scroll](https://surfthedream.com.au/smooth-scroll/) - Smooth Scroll is a lightweight script for animating the scrolling of anchor links. It includes multiple easing options for smoother animations. Visit Link - [TypoGui.de](https://surfthedream.com.au/typogui-de/) - A Pocket Guide to Master Every Day’s Typographic Adventures Visit Link - [Naview](https://surfthedream.com.au/naview/) - Create easier navigations through prototyping and testing. It's free for up to 100 items, 4 levels and 10 siblings. Visit Link - [speaking.io](https://surfthedream.com.au/speaking-io/) - Great advice for public speaking from the preparation to after the delivery. Visit Link - [Wireframing With Illustrator and InDesign](https://surfthedream.com.au/wireframing-with-illustrator-and-indesign/) - I usually use OmniGraffle and Keynote, but this is quite cool Visit Link - [Monitor and Manage your Elasticsearch cluster](https://surfthedream.com.au/monitor-and-manage-your-elasticsearch-cluster/) - Elasticsearch have just announced an amazing new product: Elasticsearch Marvel. Marvel is a monitoring and cluster management dashboard enabling you to understand and visualize the health and status of your Elasticsearch infastructure. Visit Link - [HTML5 clone of Facebook's Paper photo tilt gesture/UX](https://surfthedream.com.au/html5-clone-of-facebooks-paper-photo-tilt-gestureux/) - Visit Link - [A new blog](https://surfthedream.com.au/a-new-blog/) - After many many months without being to update this site I was finally able to set aside enough time to finish off the migration - [Get 'Designing for the Web' for free](https://surfthedream.com.au/get-designing-for-the-web-for-free/) - In 2009 I wanted to improve my web design capabilities. I was recommended reading Mark Boulton's book "Designing for the Web" and it was the best thing that could have happened. - [Mapbox | Design and publish beautiful maps](https://surfthedream.com.au/mapbox-design-and-publish-beautiful-maps/) - Mapbox is an open source mapping platform for developers and designers at enterprise scale. Visit Link - [Project Questionnaire](https://surfthedream.com.au/project-questionnaire/) - When kicking off with any new project I like to try and find out as much information from the client as possible before getting back to them with a quote or project plan. It's a fine balance, you don't want to put the client off with too much work to begin with but you need - [Server Monitoring with New Relic](https://surfthedream.com.au/server-monitoring-with-new-relic/) - I've decided to test out New Relic for no other reason then I'm interested in what the server is doing and it's something that I wanted to know how to do. It has nothing at all to do with the free trip to New York they are giving away this month. Nothing. Honest. One of - [Content Organisation](https://surfthedream.com.au/content-organisation/) - If you're anything like me you've probably got several domain names. My count at the moment heads into the late teens, but over the course of the next year I'll let a few of those lapse. The main issues I have is that I have 3 domains for myself. What do I mean by "myself"? - [Do you like, like Frameworks?](https://surfthedream.com.au/do-you-like-like-frameworks/) - Creating your own framework is hard. Building a responsive website is hard. Crafting a website that is as good on mobile as it is on a 50" television as it is on a PS3 is really hard. Someone posted a question about writing your own framework vs using an existing tool and it got me - [Setting Cache with Amazon S3](https://surfthedream.com.au/setting-cache-with-amazon-s3/) - As part of my other post about Alexander Headland surf I had to get the images from the camera to the laptop to the server to you. Most of those steps are pretty straight forward, but the path from the laptop to the server can be done better than you might think. I use Amazon - [Disable jquery effects for touch screens](https://surfthedream.com.au/disable-jquery-effects-for-touch-screens/) - There was a recent question of Stack Overflow looking to disable mouse hover events in jQuery on touch devices. My first thought was why disable them on touch when you could just enable them when touch wasn't available.To achieve this you should look at working the other way and instead of disabling mouse over events - [Converting photoshop points to website ems](https://surfthedream.com.au/converting-photoshop-points-to-website-ems/) - When you first get a comp from the designer it is best to get the base typography set in your style sheet before you move onto creating the CSS for the rest of the site. The problem is that photoshop measures type in pt's, and we build in Ems (never pixels). How do we make - [Performance Tips from CSS Wizardry](https://surfthedream.com.au/performance-tips-from-css-wizardry/) - This is a brilliant article from Harry Roberts. Harry can be found on CSS Wizardry and has built some awesome things including inuit.css It - [Saving changes to CSS in Development Tools (chrome & firefox)](https://surfthedream.com.au/saving-changes-to-css-in-development-tools-chrome-firefox/) - A little known fact is that you can save the CSS changes you make in your development tools. I wish I knew this a few years ago. From the google blog... Upon an external style sheet rule modification, the respective resource text is updated in the Resources panel, and the revision history is stored for - [Alexander Headland Surf](https://surfthedream.com.au/alexander-headland-surf/) - This morning I woke up at 04:50 to make it down to the beach to take a few pictures of the rising swell before the sun came up. It wasn't as big as I was hoping but here are a few choice shots from the morning. - [Finding inspiration for writing](https://surfthedream.com.au/finding-inspiration-for-writing/) - Blogging is something that can be really hard. Sometimes the topics come thick and fast and we have too much to write about, but often we sit down in front of our site and stare at the last post from more than a month ago while we beat ourselves up about how we need to - [Review of the Slide and Stage](https://surfthedream.com.au/review-of-the-slide-and-stage/) - Thank you. That's how today ended, with a rousing applause of Aral Balkan's day long speaking workshop he finished with a simple thank you. The conclusion tied the day nicely together though. Speaking isn't rocket science, but it is a science. There are things that you can do to prepare and make the entire experience - [Slide and Stage](https://surfthedream.com.au/slide-and-stage/) - Today's weather might be grey but I'm in a good mood. Today I'm not taking my usual journey up the Northern Line to Old Street, instead I'm on the train in the opposite direction down to Brighton to attend the Slide & Stage one day workshop with Aral Balken. A few years ago I made - [.net Magazine Awards 2013](https://surfthedream.com.au/net-magazine-awards-2013/) - Holy F&CK. That is the message that I sent to my pregnant finance just after I picked up the award for Best Side Project of the Year at the .net magazine awards ceremony. As I write this I'm on the train up to Leeds to spend the weekend with Laura and our friends which also - [Running a Successful Weekly Newsletter](https://surfthedream.com.au/running-a-successful-weekly-newsletter/) - I umm'd and ahh'd about the title of this post for a while because I wasn't sure I could call the responsive design newsletter successful. To me that seems a little big headed and it wasn't until I had someone at a bar come up and tell me that they loved the newsletter that I - [Vote for Am I Responsive as .net](https://surfthedream.com.au/vote-for-am-i-responsive-as-nets-side-project-of-the-year/) - Am I Responsive has been nominated for Side Project of the Year in this years's .net Awards. I am honoured to have made the shortlist along side the other wonderful nominations and am thrilled to know that a project that I started to help save me time has assisted so many people. If you have - [Alistair Mennie Waves](https://surfthedream.com.au/alistair-mennie-waves/) - Alistair Mennie catches some of the biggest waves ever ridden in Ireland and ever caught on Video. Update: The crazy Irish West Coast has now unleashed a new beast, Prowlers. Prowlers is the latest uncovered big wave spot, watch the guys surfing Prowlers here. - [Homepage - Docker, The linux container engine](https://surfthedream.com.au/homepage-docker-the-linux-container-engine/) - Docker is an open-source project to easily create lightweight, portable, self-sufficient containers from any application. Visit Link - [Progression.js](https://surfthedream.com.au/progression-js/) - A jQuery plugin that gives users real time hints & progress updates as they complete forms DEMO Visit Link - [I Didn't Know My Browser Can Do That!](https://surfthedream.com.au/i-didnt-know-my-browser-can-do-that/) - A great presentation showing the work that adobe are doing to improve the browsers native capabilities Visit Link - [Comcast/Xooie](https://surfthedream.com.au/comcastxooie/) - Xooie is a library of JavaScript UI widgets designed to be extremely modular and agnostic of markup and styles. With Xooie, you can create almost any interface you want. Key components are tagged with data attributes, informing Xooie to bind the associated widget functionality. Visit Link - [Flippant.js](https://surfthedream.com.au/flippant-js/) - A mini js+css library for flipping things over. Visit Link - [ImageOptim-CLI · GitHub](https://surfthedream.com.au/imageoptim-cli-·-github/) - Make lossless optimisation of images part of your automated build process Visit Link - [Trigger.io - mobile platform for web developers](https://surfthedream.com.au/trigger-io-mobile-platform-for-web-developers/) - The simplest way to build amazing mobile apps, better than phonegap! Visit Link - [Invoice-o-matic's Free Invoice Template](https://surfthedream.com.au/invoice-o-matics-free-invoice-template/) - Invoice-o-matic is a free online invoice tool - just enter your details into the invoice template and our astounding invoice machine will send a PDF directly to your client’s inbox and your own. All this, free of charge! Visit Link - [iubenda - Privacy Policy generator](https://surfthedream.com.au/iubenda-privacy-policy-generator/) - Have a mobile app? You need a privacy policy. Generate your app's privacy policy with just a few clicks. It's easy, fast & beautiful. Let us show you why and how. Visit Link - [Get a free and easy online store - Tictail](https://surfthedream.com.au/get-a-free-and-easy-online-store-tictail/) - All you need to start selling online, for free! You'll be up and running in a few minutes. No matter who you are, setting up a store on Tictail is super simple. Visit Link - [Framer - Prototyping Tool](https://surfthedream.com.au/framer-prototyping-tool/) - Framer can help you to quickly build interactions and animations. Built for designers and integrates with Photoshop. Great alternative to Quartz Composer, Flash or Keynote. Visit Link - [Prepros :: Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.](https://surfthedream.com.au/prepros-compile-less-sass-scss-stylus-jade-coffeescript-haml-and-markdown-with-live-browser-refresh/) - Preprocessing just got easier with Prepros An app that makes web design and development workflow simpler than ever. For Windows! Visit Link - [Make Client Side Data Available Server Side](https://surfthedream.com.au/make-client-side-data-available-server-side/) - What you really want to know is stuff like "how big is the screen I'm serving to?" or "does the device I'm serving to have touch events?" - that way you can serve resources that are appropriate to those questions. Is there a way to get accurate client side information on the server side? Visit - [Codeblock.js](https://surfthedream.com.au/codeblock-js/) - Codeblock.js turns example code into editable, runnable code blocks that visitors can poke at and play with to better understand your API. Visit Link - [htaccess tester](https://surfthedream.com.au/htaccess-tester/) - Test you htaccess rewrite rules with this handy web site before breaking things on your site. Visit Link - [Retinize It - Photoshop actions for slicing retina graphics](https://surfthedream.com.au/retinize-it-photoshop-actions-for-slicing-retina-graphics/) - The best Photoshop actions for preparing designs for iOS or optimized for Retina-display websites Visit Link - [Hex Color Tool](https://surfthedream.com.au/hex-color-tool/) - This tool allows you a few variations of your existing colours used on your site for slight variations. Great for working out what you might want to use in a gradient. Visit Link - [Project Management and Embracing Imperfection](https://surfthedream.com.au/project-management-and-embracing-imperfection/) - A great overview of some very good techniques for project management Visit Link - [Countable.js—live word-counting in JavaScript](https://surfthedream.com.au/countable-js-live-word-counting-in-javascript/) - Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable does not rely on any libraries and is very small in size. Visit Link - [Colours](https://surfthedream.com.au/colours/) - A great way to see what colors are being used across your site, just simply add your url and GET COLOURS. Visit Link - [Responsive Multi-Level Menu - Demo 1](https://surfthedream.com.au/responsive-multi-level-menu-demo-1/) - Another solution for those of you struggling to come up with navigation patterns for your responsive design. Visit Link - [Designer School - An online course teaching more than just web development syntax](https://surfthedream.com.au/designer-school-an-online-course-teaching-more-than-just-web-development-syntax/) - For anyone who is looking to improve their basic knowledge of the web you can subscribe to this weekly updated course. Visit Link - [Website Performance Checklist](https://surfthedream.com.au/website-performance-checklist/) - We curated this checklist to make our own website testing more efficient. We run through it before we launch a client's site. We're sharing it with other designers and developers to make the web as a whole better. Visit Link - [hull, Introducing sass-getunicode](https://surfthedream.com.au/hull-introducing-sass-getunicode/) - This Sass plugin allows you to work with unicode a little easier in your css. Visit Link - [Icon Stacks](https://surfthedream.com.au/icon-stacks/) - Combining icon font glyphs to create complex mega-icons. Visit Link - [looking at something](https://surfthedream.com.au/looking-at-something/) - An awesome time wasting tool. Move your mouse around the screen to control rain, direction and darkness. Visit Link - [Intro.js](https://surfthedream.com.au/intro-js/) - A better way for new feature introduction and step-by-step users guide Visit Link - [Enigma64 – fastest way to get images from Photoshop](https://surfthedream.com.au/enigma64-fastest-way-to-get-images-from-photoshop/) - Enigma64 – the fastest way to get images from Photoshop Save a minute for each image. Visit Link - [pixelplant.com - convert Flash to HTML5](https://surfthedream.com.au/pixelplant-com-convert-flash-to-html5/) - Convert your old SWF Flash files to HTML5. The tool has a few examples and is only Beta but the site looks great Visit Link - [Learn CSS Layout](https://surfthedream.com.au/learn-css-layout/) - This site teaches the CSS fundamentals that are used in any website's layout. They assume you already know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. Visit Link - [typeahead.js](https://surfthedream.com.au/typeahead-js-2/) - a fast and fully-featured autocomplete library Visit Link - [typeahead.js](https://surfthedream.com.au/typeahead-js/) - a fast and fully-featured autocomplete library Visit Link - [Typeup](https://surfthedream.com.au/typeup/) - A nifty Compass extension for quick typesetting without hours of math churning. Visit Link - [color.hailpixel.com · Swatch you doing?](https://surfthedream.com.au/color-hailpixel-com-·-swatch-you-doing/) - A great colour picker too. Move the cursor up and down for brightness, left and right for hue and scroll up and down for saturations. Clicking on the screen saves the current colour and opens another column for you to choose a new one. Visit Link - [Backgrid.js](https://surfthedream.com.au/backgrid-js/) - This may be a good solution to use along with enquire.js to responsively change the data grid based on the viewport Visit Link - [Responsive Retrofitting: NathalieLussier.com](https://surfthedream.com.au/responsive-retrofitting-nathalielussier-com/) - Natalie Lussier's site is clean and vibrant on a desktop, but I found it a little difficult to sign up for some email marketing tips while I browsed the site on my smartphone. Retrofitting time! Queue the "laptop and developer tools"! For around twenty minutes I went through the websites CSS in the chrome developer - [Workshop Notes from InControl Hawaii | CSS-Tricks](https://surfthedream.com.au/workshop-notes-from-incontrol-hawaii-css-tricks/) - Check out this great approach to building websites Visit Link - [Should I charge more for Responsive Design?](https://surfthedream.com.au/should-i-charge-more-for-responsive-design/) - There is a lot of debate around whether we should be charging extra for building sites responsively, or whether it has become a standard and should be included as part of your current pricing structure. After reading a few posts on CSS-Tricks Forums I decided to reply with my thoughts. Responsive design has come about - [Tracking Home Page & Product Event Clicks](https://surfthedream.com.au/tracking-home-page-product-event-clicks/) - Recently I read a tweet by Chris Coyier rejoicing in the ease at which you can set up Google Analytic Events on your website and it reminded me about a post I had drafted but never published around setting Goals & Events. I had begun to write up this post 2 years ago after I - [Plaaan - Nice looking calendars for you to print :)](https://surfthedream.com.au/plaaan-nice-looking-calendars-for-you-to-print/) - A customisable PDF calendar for you to print. Visit Link - [Managing a Mailchimp email list](https://surfthedream.com.au/managing-a-mailchimp-email-list/) - Despite what people have said in the past, emails are still very popular was to communicate with your audience (even if your audience are technical savvy blog readers and RSS subscribers like web developers and designers). My first foray into email marketing was a disaster! I set up a mail chimp account and proceeded to - [Twitter Bootstrap or Foundation?](https://surfthedream.com.au/twitter-bootstrap-or-foundation/) - A question came up on linkedin the other day and it is one which I've seen come up quite a few times on Twitter and in Stack Overflow Which CSS Framework Do You Prefer? Not sure why though, probably because it was the first responsive Framework that I used. Twitter bootstrap is much more popular, - [JavaScript - RoyalSlider – Touch-Enabled jQuery Image Gallery | CodeCanyon](https://surfthedream.com.au/javascript-royalslider-touch-enabled-jquery-image-gallery-codecanyon/) - RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of - [Sequence.js and Sequence Themes](https://surfthedream.com.au/sequence-js-and-sequence-themes/) - SquenceJS is a new take on responsive sliders. You can use it out of the box or purchase one of the themes - Visit Link - [A/B Testing using Pure JavaScript & Google Analytics | Web Resources | WebAppers](https://surfthedream.com.au/ab-testing-using-pure-javascript-google-analytics-web-resources-webappers/) - ABalytics.js is a pure javascript library allows you to do simple A/B testing working only on your client-side code. All data is registered as custom variables in your website Google Analytics profile, so you don’t need to configure anything server side. Visit Link - [5 Tips for Responsive Builds – David Bushell – Web Design & Front-end Development](https://surfthedream.com.au/5-tips-for-responsive-builds-david-bushell-web-design-front-end-development/) - Five great tips from Dave Bushell that everyone embarking on a responsive design project should read before they start. Visit Link - [Media Temple and external DNS management for .is TLD](https://surfthedream.com.au/media-temple-and-external-dns-management-for-is-tld/) - Setting up a .is domain can be tricky with Media Temple, here's how you can get it done. - [Dive into Flexbox - Bocoup](https://surfthedream.com.au/dive-into-flexbox-bocoup/) - Flexbox is a new layout mode in CSS3 that is designed for the more sophisticated needs of the modern web. This article will describe the newly-stablized Flexbox syntax in technical detail. Browser support is going to grow quickly, so you’ll be ahead of the game when support is wide enough for Flexbox to be practical. - [Infinite Soul Healing](https://surfthedream.com.au/infinite-soul-healing/) - Infinite soul healing was a site built for a sole trader small business with a very limited budget. The client was looking for something light and simple, and above all a website that was easy for them to maintain and create new content. Due to the limited budget the on going hosting costs would have - [Responsive Web Design: Clever Tips and Techniques](https://surfthedream.com.au/responsive-web-design-clever-tips-and-techniques/) - Visit Link - [How To Track Form Abandonment in Google Analytics](https://surfthedream.com.au/how-to-track-form-abandonment-in-google-analytics/) - Find out where your customers are bailing on your form. This technique allows you to find exactly what people are doing with your forms and highlights areas that need improvement Visit Link - [Long Press](https://surfthedream.com.au/long-press/) - This jquery plugin allows easy access to some of the accented characters for a, e, o, u etc etc. Visit Link - [Brand identity style guides from around the world | Logo Design Love](https://surfthedream.com.au/brand-identity-style-guides-from-around-the-world-logo-design-love/) - A brilliant overview of brand guidelines. Visit Link - [Typograph – Scale & Rhythm](https://surfthedream.com.au/typograph-scale-rhythm/) - A great tool for understanding scale & rhythm with your typography. Visit Link - [Tower - The most powerful Git client for Mac](https://surfthedream.com.au/tower-the-most-powerful-git-client-for-mac/) - Easy. Efficient. Powerful. Git is the future of version control. But using it on the command line can be difficult. Make your life easier with Tower - the most powerful Git client for your Mac. Visit Link - [jResize Plugin, for one window responsive development : Todd Motto: Front-End Web Developer](https://surfthedream.com.au/jresize-plugin-for-one-window-responsive-development-todd-motto-front-end-web-developer/) - jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside - [Save For Later | Mozilla UX](https://surfthedream.com.au/save-for-later-mozilla-ux/) - All browsers support two functions: searching and revisiting. My research questions whether constructs like bookmarks really are the right model to support revisiting. I worked closely with Mozilla user experience researchers and designers to rethink how Firefox can better offer “save for later” in the browser. Firefox front-end developers and product managers for mobile and - [jQuery Smooth Div Scroll](https://surfthedream.com.au/jquery-smooth-div-scroll/) - Smooth Div Scroll is a jquery plugin by Thomas Kahn that scrolls content smoothly from right to left. It works across mobile devices for touch friendly controls and allows the user to take control of the content. Visit Link - [Snugug/toolkit for SASS and Responsive Design](https://surfthedream.com.au/snugugtoolkit-for-sass-and-responsive-design/) - Think of Toolkit as your swiss army knife for Progressive Enhancement and Responsive Web Design. Those little bits and bobs that make your life easy and you want to reuse throughout projects but never really had a place to put? They're here, and they're designed to make your life happy. Toolkit is broken out into - [Media Query Snippets - list of media queries](https://surfthedream.com.au/media-query-snippets-list-of-media-queries/) - This little web page gives you @media queries for monitors, smart phones and tablets. They don't go into the detail of pixel density, but focus mainly on device-widths and orientations. This is great to give you an idea about the number of media query possibilities, but I would recommend coming up with your own set - [Turn.js: Make a flipbook with HTML5](https://surfthedream.com.au/turn-js-make-a-flipbook-with-html5/) - Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. Visit Link - [How to Build a WordPress Theme with Twitter Bootstrap](https://surfthedream.com.au/how-to-build-a-wordpress-theme-with-twitter-bootstrap/) - Follow the path along to enlightenment..... or at least follow this path to find our how to build a wordpress theme with twitter bootstrap. Visit Link - [LungoJS - Mobile Framework... and stuff.](https://surfthedream.com.au/lungojs-mobile-framework-and-stuff/) - Meet the first Mobile Framework that uses the actual features of HTML5, CSS3 and JavaScript. The Core Features include Make Apps for iOS, Android & Blackberry devices. Leverages the capabilities of current mobile devices. Easy implementation of HTML5 features like WebSQL, Orientation, Connection and more... Capture touch events like swipe, tap, doubletap... Easy to extend - [Vector & Icon Webfonts](https://surfthedream.com.au/vector-icon-webfonts/) - This is a corker of a list of icons and web fonts to make life a little more pretty on your site. Visit Link - [Proto: Rapid Prototyping for Responsive Web Design](https://surfthedream.com.au/proto-rapid-prototyping-for-responsive-web-design/) - Proto helps you knock up quick responsive layout concepts by providing a set of predefined CSS classes. All that's needed to get going is the proto.scss file and some basic HTML. Visit Link - [Are you monitoring your website with Google Analytics?](https://surfthedream.com.au/are-you-monitoring-your-website-with-google-analytics/) - Websites are created to achieve particular actions/goals. What you need is a way monitor and track those goals to ensure that, just like an employee, your website is doing what it's been paid to do. - [Specificity Calculator](https://surfthedream.com.au/specificity-calculator/) - A visual way to understand CSS Specificity Visit Link - [Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!](https://surfthedream.com.au/contrast-ratio-easily-calculate-color-contrast-ratios-passing-wcag-was-never-this-easy/) - As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over. Visit Link - [Setup to Build Responsive Websites](https://surfthedream.com.au/setup-to-build-responsive-websites/) - Have you ever been stuck with testing your responsive designs? In this post Eric takes us through some tricks on Chrome Developer Tools, Bookmarklets, Adobe Edge Inspect and getting it working with LiveReload plus another bunch of techniques Visit Link - [Responsive Design Weekly goes crazy!](https://surfthedream.com.au/responsive-design-weekly-goes-crazy/) - When Chris Coyier posted a tweet and added a link on css tricks about repsonsive design weekly things went crazy. - [Animate.css - a bunch of plug-and-play CSS animations](https://surfthedream.com.au/animate-css-a-bunch-of-plug-and-play-css-animations/) - animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. Visit Link - [Ultimate CSS Gradient Generator - ColorZilla.com](https://surfthedream.com.au/ultimate-css-gradient-generator-colorzilla-com/) - This cool little gradient generator helped me develop the gradient for my navigation on responsivedesign.is -> http://codepen.io/justincavery/pen/viepz Visit Link - [Cropp.me | The easiest and smartest online crop tool](https://surfthedream.com.au/cropp-me-the-easiest-and-smartest-online-crop-tool/) - An online image cropping service that means you don't have to open photoshop when you need to crop. Visit Link - [Creating a Grid for Product View in PHP for a eCommerce Site](https://surfthedream.com.au/creating-a-grid-for-product-view-in-php-for-a-ecommerce-site/) - Visit Link - [(un)clrd – The world wide web in black and white!](https://surfthedream.com.au/unclrd-the-world-wide-web-in-black-and-white/) - (Un)clrd is a firefox and chrome plugin that turns your browsing experience into black and white only. Great for looking at a site design for design ascetics without color/colour. Visit Link - [Bricss - box-shadow vs filter: drop-shadow](https://surfthedream.com.au/bricss-box-shadow-vs-filter-drop-shadow/) - Have you ever wanted a box-shadow that followed the shape of an element, including generated content, like a tooltip with an arrow? Or you wanted a box-shadow to take transparent parts of a .png into account? That’s exactly what filter: drop-shadow() does. It has the exact same syntax as the box-shadow property, except that inset - [Stylus](https://surfthedream.com.au/stylus/) - If you want an expressive css language for nodejs with these features or the features listed below, head over toGitHub for more information. Visit Link - [Getting started with Git](https://surfthedream.com.au/getting-started-with-git/) - Hello! My name is Dan Eden, and I recently updated my workflow to include Git and GitHub. It’s made my work more portable, my workflow more secure, and helped me learn more about the command line interface, thus making me look awesome. But what’s the point in looking and acting smart if you can’t help - [Restoring mySQL database from the file system MT](https://surfthedream.com.au/restoring-mysql-database-from-the-file-system-mt/) - When you get a flat backup of your server the SQL is useless to you. Unless you've run SQL exports and backups your self you're going to have to recover the databases from these flat unusable files. Fortunately there's a tool in the Media Temple back end that allows for this. Simple connect to the - [Warning remote host identification has changed ssh](https://surfthedream.com.au/warning-remote-host-identification-has-changed-ssh/) - This was another fun error message that I received while putting back together my hacked server. This appears when trying to SSH into the Media Temple server through the Terminal Application on Mac OSX. The solution. You need to clear the key that already exists in your known host.... perl -p -i -e 's/^example.com.*n//;' ~/.ssh/known_hosts - [Making email designers lives easier | Fractal](https://surfthedream.com.au/making-email-designers-lives-easier-fractal/) - Fractal is an online email template building and testing tool. Visit Link - [Wordpress Bulk Page Creator](https://surfthedream.com.au/wordpress-bulk-page-creator/) - If you've decided to use Wordpress for your site you're going to need to create some pages. For Websites that are blog/news/article based you will probably migrating a few posts across, however if you're looking to use Wordpress as a CMS rather than simply a blog then you will be building pages to form your - [Custom Post Type UI | WebDevStudios.com](https://surfthedream.com.au/custom-post-type-ui-webdevstudios-com/) - The Custom Post Type UI plugin adds easy to use control over post types and custom taxonomies in WordPress. New WordPress 3.1 features Create and edit custom post types Create and edit custom taxonomies Attach Built-in and custom taxonomies to post types Advanced labeling for post types Below is a slightly outdated example video showing - [SlickMap CSS — A Visual Sitemapping Tool for Web Developers - Astuteo™](https://surfthedream.com.au/slickmap-css-a-visual-sitemapping-tool-for-web-developers-astuteo/) - Visit Link - [Adobe Edge Reflow | Edge Tools & Services | Adobe & HTML](https://surfthedream.com.au/adobe-edge-reflow-edge-tools-services-adobe-html/) - Adobe are releasing their next suite of products and some of the focus is on responsive design. The Reflow tool kind of reminds me of an existing grid tool that allows you to set responsive layouts, however this is a little more hi-fidelity. Since the release of Adobe Shadow I've started to admire the Adobe - [Facebooks stance on HTML5](https://surfthedream.com.au/facebooks-stance-on-html5/) - There has been a lot of talk around Mark Zuckerbergs comments on html5. As usual the Internet has taken the comments somewhat out of context.... And by somewhat I mean hugely. This is what Mark actually said. When I'm introspective about the last few years I think the biggest mistake that we made, as a - [WordPress Plugins I Use | CSS-Tricks](https://surfthedream.com.au/wordpress-plugins-i-use-css-tricks/) - A super awesome list of wordpress plugins that go a long way to making your wordpress installation hum like a humming bird thing. Visit Link - [The truth about structuring an HTML5 page](https://surfthedream.com.au/the-truth-about-structuring-an-html5-page/) - Follow the best practices in this article on how to correctly structure a HTML5 template and basically telling you not to. It's an interesting read and eventually settles on the idea that you should be using the ARIA roles for this instead. Visit Link - [Creating A Pattern Library With Evernote And Fireworks - Smashing Magazine | Smashing Magazine](https://surfthedream.com.au/creating-a-pattern-library-with-evernote-and-fireworks-smashing-magazine-smashing-magazine/) - A well-functioning pattern library is a beautiful thing. It is a powerful resource that you and your entire team can use to efficiently create consistent user experiences for your website or service. It cuts out repetitive design work, allowing you to focus your energy on creating new user experiences; and it creates a common UI - [Respondu 0.0.4 – Up to date with proposed picture sytax | Responsive Images Community Group](https://surfthedream.com.au/respondu-0-0-4-up-to-date-with-proposed-picture-sytax-responsive-images-community-group/) - Respondu version 0.0.4, a responsive image poly fill solution that piggy backs on the noscript idea using a hack to extract the noscript content cross-browser, has been released. This is unlike the solution from Filament Groups Scott Jehl. Worth checking out.. Visit Link - [jq-idealforms](https://surfthedream.com.au/jq-idealforms/) - Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms. http://elclanrs.github.com/jq-idealforms/ - [jsPlumb 1.3.13 demo - jQuery](https://surfthedream.com.au/jsplumb-1-3-13-demo-jquery/) - jsPlumb provides a way to "plumb" elements of a UI together. This page contains examples of the various types of connections you can make with jsPlumb. There are several other demonstrations that offer a more focused look at some specific part of jsPlumb's functionality - pick one from the drop down on the left or - [Chronoline.js](https://surfthedream.com.au/chronoline-js/) - Welcome to the chronoline.js demo page. chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale. From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more. Below are 3 examples with events from the 2012 MLB Regular Season. http://stoicloofah.github.com/chronoline.js/ - [Gmvault: gmail backup](https://surfthedream.com.au/gmvault-gmail-backup/) - Backup and restore your gmail account at will. Liberate your emails and never lose that part of your life. http://gmvault.org/ - [Modernizr 2.6.2 released](https://surfthedream.com.au/modernizr-2-6-2-released/) - Modernizr is probably the most used item in all of the responsive sites that I've reviewed so far. Now that summer is over they've come home from the pub and gone back to work with the release of Modernizr 2.6.2 with a number of new detects, bug fixes, and test improvements for your modern development - [enquire.js - Awesome Media Queries in JavaScript](https://surfthedream.com.au/enquire-js-awesome-media-queries-in-javascript/) - A lightweight JavaScript library for handling CSS media queries. Deal with your media queries being matched (and even unmatched!) Respond to browser events with aplomb And if you want to get really fancy, run one-time setup routines http://wickynilliams.github.com/enquire.js/ - [Responsive Web Design Patterns | This Is Responsive](https://surfthedream.com.au/responsive-web-design-patterns-this-is-responsive/) - With a twang of jealously because I may or may not be 80% through something extremely simliar, you should definitely check out Brad Frosts examples page. There are working examples of layouts, navigation, images, media, forms and modules. If there's one thing you click on for this newsletter this should be it http://bradfrost.github.com/this-is-responsive/patterns.html - [CSS Values | CSS Reference, Properties and Values, CSS3](https://surfthedream.com.au/css-values-css-reference-properties-and-values-css3/) - This is an awesome way to quickly review CSS property option values http://cssvalues.com/#box-sizing - [BonsaiJS Demos - Pie Chart](https://surfthedream.com.au/bonsaijs-demos-pie-chart/) - A lightweight graphics library with an intuitive graphics API and an SVG renderer. http://demos.bonsaijs.org/demos/pie/index.html - [daneden/Baseline.js](https://surfthedream.com.au/danedenbaseline-js/) - Baseline.js Baseline.js is a simple jQuery plugin for restoring baselines thrown off by odd image sizes. Simply call the plugin like so, passing the height of your baseline as a variable. It even works on responsive designs! https://github.com/daneden/Baseline.js - [Off Canvas](https://surfthedream.com.au/off-canvas/) - Inspired by the observations of Luke Wroblewski, this Off Canvas layout demo has 3 panels that display differently depending on the viewport width. The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports. Off Canvas is - [CSS-Only Sticky Headers for Tables, Using ‘position: sticky’](https://surfthedream.com.au/css-only-sticky-headers-for-tables-using-position-sticky/) - What’s neat about this is that you get the effect of the static table headers by introducing a few lines of css. No jQuery, no weird css that breaks the semantic intent of the content, and no javascript handlers built off scroll events. It's not ready for prime time just yet, but it's worth keeping - [Clearing Browser Data | High Performance Web Sites](https://surfthedream.com.au/clearing-browser-data-high-performance-web-sites/) - In Keys to a Fast Web App I listed caching as a big performance win. I’m going to focus on caching for the next few months. The first step is a study I launched a few days ago called the Clear Browser Experiment. Before trying to measure the frequency and benefits of caching, I wanted - [Fresco - A Beautiful Responsive Lightbox](https://surfthedream.com.au/fresco-a-beautiful-responsive-lightbox/) - There has been a lot of repsonsive sliders but not many responsive lightboxes. Fresco JS does just that. It is strange though that the website itself is not responsive. http://www.frescojs.com/ - [Introducing Foundation 3.1, Now with HTML Templates! by ZURB](https://surfthedream.com.au/introducing-foundation-3-1-now-with-html-templates-by-zurb/) - We've been working hard over the last couple weeks to incorporate new features into Foundation that make it even better than before! Today we are excited to announce the release of version 3.1 of Foundation, go get it now at http://foundation.zurb.com. http://www.zurb.com/article/1070/introducing-foundation-31-now-with-html-t - [elefontpress/rwd-grid-example](https://surfthedream.com.au/elefontpressrwd-grid-example/) - Following up from last weeks excellent article on vertical responsiveness, Bearded have shared their very own responsive grid on GitHub. Jolly good show chaps! https://github.com/elefontpress/rwd-grid-example - [Responsive Measure: A jQuery plugin for responsive typography](https://surfthedream.com.au/responsive-measure-a-jquery-plugin-for-responsive-typography/) - Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text. http://jbrewer.github.com/Responsive-Measure/ - [Full Screen Responsive jQuery Image and Content Slider:RSlider | EGrappler](https://surfthedream.com.au/full-screen-responsive-jquery-image-and-content-sliderrslider-egrappler/) - RSlider is a full screen responsive image and content slider, with a nice and simple design it adjusted automatically to the width of your browser screen. http://www.egrappler.com/full-screen-responsive-jquery-image-and-content-sliderrslider/ - [CSS-Tricks](https://surfthedream.com.au/css-tricks/) - This is an awwwwesome site. http://css-tricks.com/ - [Underscores | A Starter Theme for WordPress](https://surfthedream.com.au/underscores-a-starter-theme-for-wordpress/) - This wordpress theme gets you started with your projects fast and clutter free. Visit Link - [How to track external links on google analytics](https://surfthedream.com.au/how-to-track-external-links-on-google-analytics/) - Tracking user movements within your site provide you with an insight into how your site is being used. This article outlines how you can track users events even when they are leaving your site. - [CSS3 Image Filters](https://surfthedream.com.au/css3-image-filters/) - Everyone loves instagram, and before instagram was around everyone loved to use the image filters on their point and shoot cameras because lets face it, who doesn't look better in Sepia or Black and White. - [3D CSS Solar System](https://surfthedream.com.au/3d-css-solar-system/) - I'm forever and continually amazed by what people can do with a little bit of HTML, CSS and Javacript. This code pen example is certainly no exception to the rule. You can change between 2D and 3D view, compare the speed, the distance and also the size of each of the planets and the sun. - [jQuery Socialist](https://surfthedream.com.au/jquery-socialist/) - Display all your social channels in one location with this Pinterest styled layout - [Nonserif Web by Henning Gjerde](https://surfthedream.com.au/nonserif-web-by-henning-gjerde/) - http://drbl.in/fdJR - [Easel](https://surfthedream.com.au/easel/) - https://www.easel.io/ - [HTML EMAIL BOILERPLATE v 0.5 updated 11/5](https://surfthedream.com.au/html-email-boilerplate-v-0-5-updated-115/) - Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc http://htmlemailboilerplate.com/ - [Hootsuite partner image loading problem](https://surfthedream.com.au/hootsuite-partner-image-loading-problem/) - A quick fix to the image loading problem with the Hootsuite partner program. - [Retrofitting Responsive Design Bookmarklet](https://surfthedream.com.au/retrofitting-responsive-design-bookmarklet/) - This bookmarklet allows you to retrofit any site with a responsive design. - [Duplex - Retina Image Converter](https://surfthedream.com.au/duplex-retina-image-converter/) - Duplex is a very simple Macintosh application that handles batch scaling of images. The main purpose of Duplex is to provide a quick way for designers or developers to produce assets to improve the look of their existing sites on retina displays. http://moople.co.uk/duplex/ - [Mobile Navigation Icons](https://surfthedream.com.au/mobile-navigation-icons/) - http://timkadlec.com/2012/08/mobile-navigation-icons/ - [Olympic Social Media Infographic](https://surfthedream.com.au/olympic-social-media-infographic/) - Four years ago in Beijing the world was well on the way to becoming "social", however due to the fact that it was still an emerging trend and that it was also held deep inside a internet exclusion zone (not really, but you know what I mean) means that the London Olympics were the first true social games. - [Hootsuite Solution Partner](https://surfthedream.com.au/hootsuite-solution-partner/) - [two_third] Javery Design is proud to announce that we are now a HootSuite Pro Solution Partner. HootSuite is a social media management system for businesses and organizations to collaboratively execute campaigns across multiple social networks from one secure, web-based dashboard. Key social network integrations include Facebook, Twitter, and LinkedIn, plus a suite of social content - [HTML5 & CSS3 Darwin Workshop tomorrow](https://surfthedream.com.au/html5-css3-darwin-workshop-tomorrow/) - If you haven't booked your place in tomorrows HTML5 and CSS3 Workshop with John Allsopp you still have time (albeit not much time). - [Mobify.js JavaScript for client-side adaptation](https://surfthedream.com.au/mobify-js-javascript-for-client-side-adaptation/) - Mobify.js is a framework for client-side adaptation of any site to any device. It consists of four key parts: a JavaScript snippet that does device detection and bootstraps the adaptation. This is known as the Mobify.js tag and needs to go right after the head tag. the tag loads the Mobify.js payload file that contains - [The Web Ahead #29: Smart Responsive Web Design Implementation with Scott Jehl](https://surfthedream.com.au/the-web-ahead-29-smart-responsive-web-design-implementation-with-scott-jehl/) - Responsive web design creates a new set of development demands. How should we best implement complex sites to load quickly and meet the needs of a wide range of devices? Scott Jehl joins Jen Simmons to talk about the South Street toolset and other Filament Group discoveries of best practices. Link - [http://lab.hakim.se/meny/](https://surfthedream.com.au/httplab-hakim-semeny/) - Meny A three dimensional and space efficient menu concept. Move your mouse to the left edge of this page — or swipe in from the left edge if you're on a touch device — to expand the menu. CSS 3D transforms are used for the transition effect and JavaScript is used to track mouse/touch movement. - [Responsive Design Podcast in the UK](https://surfthedream.com.au/responsive-design-podcast-in-the-uk/) - Two weeks ago I received an email from the British Tech Network who were looking for a guest speaker for a podcast on Responsive Design and someone suggested they get in touch with the curator of RWD Weekly. It turns out that while in London I worked with the organiser of the podcast and from there on it was all roses and raspberry cakes. - [Disable preloading on HTML5 Videos](https://surfthedream.com.au/disable-preloading-on-html5-videos/) - The preload attribute informs the browser whether or not the video data should begin downloading as soon as the video tag is loaded. It gets even better than that, you can chose how much preloading is done with the options auto, metadata, and none. - [Should You Keep Ideas To Yourself? by ZURB](https://surfthedream.com.au/should-you-keep-ideas-to-yourself-by-zurb/) - If you don't know who Zurb is then I highly recommend that you head over to their website and check out the Foundation 3.0. Today they posted about sharing ideas... - [Exoplanet Diagram from XKCD](https://surfthedream.com.au/exoplanet-diagram-from-xkcd/) - XKCD have come up with another awesome comic reviewing the planets that we have identified. If you take a look at the planets in our solar system you'll notice that we have two medium/smallish planets. That's Jupiter and Saturn. They're freaking massing. To give you a better idea just how big they are take a - [ManageWP: 5 Reasons Why Responsive Design Is Not Worth It](https://surfthedream.com.au/managewp-5-reasons-why-responsive-design-is-not-worth-it/) - The guys over at ManageWP have released an article on 5 Reasons Why Responsive Design Is Not Worth It . What a load of shit rubbish. The caveat Thankfully this wasn't an entirely one sided article with this quote, however it wasn't all that far off it was it. I am about to explain why - [Sneaky sketches for an upcoming site](https://surfthedream.com.au/sneaky-sketches-for-an-upcoming-site/) - We thought we'd give you a sneak view at the very beginning of our web design process. From these sketches we either make a more detailed version of a wireframe or jump straight in to prototyping the layout so the client has a better understanding of how it works in the browser. Next up will - [The iPads have it](https://surfthedream.com.au/the-ipads-have-it/) - This is an amazing set of statistics that Luke Wrobleski has revealed after this years Apple developers conference. It’s not surprising that Apple’s iPad is a popular computing device. But the numbers behind it’s growth are sure to raise a few eyebrows. In 2 years, Apple sold 67 million iPads. It took the company 24 - [Power and Water Bill](https://surfthedream.com.au/power-and-water-bill/) - Bills are perhaps the most boring and uneventful things that can arrive in your letterbox. The simply show you what you've been using, what the going rate is for the consumption of what every they've provided and request you pay a fee. Every business needs to produce bills though, so why are they so boring? - [Responsive Design Project Process](https://surfthedream.com.au/responsive-design-project-process/) - It takes a lot of time and a lot of planning. - [HTML5 - Beyond the make up workshop in Darwin](https://surfthedream.com.au/html5-beyond-the-make-up-workshop-in-darwin/) - For web developers and design enthusiasts this really is an exciting opportunity to learn from the very best. For managers this is a great chance for you to reward, train and develop your staff to learn more without the added burden of flights and accommodation. - [The true size of Africa](https://surfthedream.com.au/the-true-size-of-africa/) - Africa is a big place. In fact, judging by this infographic is HUGE. - [Why responsive design is like more than just water](https://surfthedream.com.au/why-responsive-design-is-like-more-than-just-water/) - I love surfing. As much as I love surfing though I was born and bred in a town that produces surfable waves 10 days a year and they always coincide with the natural disaster that a cyclone brings. If that wasn't bad enough you can throw into the mix that our ocean is full of - [Infographic on Wildfire Jobs](https://surfthedream.com.au/infographic-on-wildfire-jobs/) - I was initially really keen to show off the Wildfire jobs infographic however I recently received a letter from them denying my request for a job that I had sent through aaaages ago. If I'm perfectly honest the application was a bit rubbish. There was no resume and the cover letter was just asking to - [Responsive Web Design Resources](https://surfthedream.com.au/responsive-web-design-resources-2/) - We built the website Responsive Web Design because there was a lack of centralised resources for web developers that wanted to learn more about Responsive Web Design. The site is still in production at the moment and will live on responsivedesign.is once our awesome designers come up with a skin for our media query based - [Responsive Web Design Resources](https://surfthedream.com.au/responsive-web-design-resources/) - We built the website Responsive Web Design because there was a lack of centralised resources for web developers that wanted to learn more about Responsive Web Design. - [Stop Mobile Safari from Zooming when rotating device](https://surfthedream.com.au/stop-mobile-safari-from-zooming-when-rotating-device/) - When ever you are testing responsive design sites across multiple devices you need rotate the device. Sometimes doing this means that you're layout/design is zoomed in more than the normal size. - [Spotify Play Button](https://surfthedream.com.au/spotify-play-button/) - Spotify have released a Spotify Play Button to allow you to share songs and playlists. - [#fbwebinar Facebook Timeline Webinar with Amy Porterfield](https://surfthedream.com.au/fbwebinar-facebook-timeline-webinar-with-amy-porterfield/) - With all the new changes to the Facebook Page Timeline Amy Porterfield decided to run a webinar to discuss the elements that have changed and how you can use these changes to benefit your business or your clients business. - [Watch out IOS, Android is here - infographic](https://surfthedream.com.au/watch-out-ios-android-is-here-infographic/) - The infographic included below, created by mobile security startup Lookout, puts it all into perspective, highlighting the major Android and iOS milestones over the course of the past five years. So sit back, grab a cup of coffee (or mimosa), and soak in this rather astonishing history-in-the-making lesson. - [SEO and Mobile vs Responsive Web Design](https://surfthedream.com.au/seo-and-mobile-vs-responsive-web-design/) - When looking at Mobile vs Responsive when it comes to SEO there are some things that you need to understand before making your decision. - [The hottest web job trends for 2012](https://surfthedream.com.au/the-hottest-web-job-trends-for-2012/) - Take a look through the popular areas of the web industry and find the pay scale, skill needs, who's hiring and bunch of other information. It's very much focussed at the United States, so take everything with a grain of salt. - [Communication](https://surfthedream.com.au/communication/) - People learn from being shown rather than being told The most effective use of communication is visual communication. You can explain how to do something to someone ten times and they will tell you they understand it. As soon as they "SEE" you do it they won't really know what the hell you really meant - [Create Visual.ly Infographics with Facebook Pages & Twitter Tags](https://surfthedream.com.au/create-visual-ly-infographics-with-facebook-pages-twitter-tags/) - Visual.ly has come out with a new way to create infographics..... or poster type pictures that everyone now accepts as being an infographic The London Ballet I thought I would give a quick preview about what they are like with a #ballet tag from Twitter based on the work from The London Ballet Create your - [Facebook Timeline for Pages](https://surfthedream.com.au/facebook-timeline-for-pages/) - Facebook have launched Timeline for pages and in the process fundamentally changed the way businesses will interact with their customers. This post takes a look at the major changes. - [Valentines Day - I Love You](https://surfthedream.com.au/valentines-day-i-love-you/) - Valentines Day is always a tough day. Do you get flowers, do you go out for dinner, do you just throw money at a shopping spree? This year I decided to use some of the time I'm spending developing designs and typography and put it towards a poster design for my wonderful girlfriend Laura. - [Facebook Influence Tools](https://surfthedream.com.au/facebook-influence-tools/) - This project took inspiration from Nerdi.net and takes the form of a series of helpful tools that have been categorised in an easy to search. - [Bombing of Darwin](https://surfthedream.com.au/bombing-of-darwin/) - In 1942 on 19th February Darwin was bombed. This poster tells the story in a minimilist style. - [PWC Darwin River Dam Graphs](https://surfthedream.com.au/power-and-water-darwin-river-dam-graphs/) - Power and Water are moving from PDF and image based graphs to dynamic based graphs that can be viewed across a multitude of devices. - [Optimising Facebook fan page performance](https://surfthedream.com.au/optimising-facebook-fan-page-performance/) - I've been doing a bit of work lately trying to improve the production value of the Facebook pages that I manage not to mention putting my clients on the right track. - [New Ways to Increase Engagement through your Facebook Page ](https://surfthedream.com.au/new-ways-to-increase-engagement-through-your-facebook-page/) - Increasing your user/fans engagement on your Facebook page means more people are talking about your brand, and your image will extend to your friends friends. - [Lauloves Yoga](https://surfthedream.com.au/lauloves-yoga/) - Lauloves yoga needed her wordpress template rebranded to reflect her style and persona. - [Paul William Jewellery](https://surfthedream.com.au/paul-william-jewellery-designs/) - We talked about all the things that http://www.paulwilliamdesigns.com/ would eventually contain on the site. - [Facebook Page Branded Image Marketing](https://surfthedream.com.au/facebook-page-branded-image-marketing/) - One of the great things that Facebook has done over the years is giving us the opportunity to create Fan Pages, learn how to get the most out of your Wall photo - [CSS3 multiple column lists](https://surfthedream.com.au/css3-multiple-column-lists/) - CSS3 multiple column lists are a great solution that does not require javascript. - [HTML5 offline web apps & debugging the cache manifest](https://surfthedream.com.au/html5-offline-web-apps-debugging-the-cache-manifest/) - Cache Manifest is the perfect tool for taking your web application and making it available offline. The problem is it can be tough to debug what is happening when something goes wrong. Thankfully there's a bit of code to help with you out with that. - [Weekly Update 4](https://surfthedream.com.au/weekly-update-4/) - I'm going to change up the timing on these weekly updates. First thing to do is make sure they come out weekly instead of once every month. Sorry about that. The second thing I'm going to do is send them out on Sunday evening so they are waiting in your inbox on Monday morning. This - [Developing iPad web applications](https://surfthedream.com.au/developing-ipad-web-application/) - Creating an iPad App doesn't necessarily mean you need a IOS developer. You can go a long way towards making a web application look, behave and function just as a native app from the app store using only HTML, CSS and Javascript. - [Surfer Magazine](https://surfthedream.com.au/surfer-magazine/) - SurferM.ag is a wordpress based magazine site that has now been running since 2008. - [Unformatted notes from a practical guide to creating web content workshop](https://surfthedream.com.au/unformatted-notes-from-a-practical-guide-to-creating-web-content-workshop/) - Just a quick note that these are uncheck notes and may not be entirely accurate. If you think something is wrong, it probably is. I recommend you following @RellyAB and going to see one of her talks/workshops. If you gleam anything as useful from this, you will learn a LOT more by checking it out - [Steve Jobs 1955 - 2011](https://surfthedream.com.au/steve-jobs-1955-2011/) - Today is a sad day as we have lost one of the great visionaries of our time. Steve Jobs achieved so much in just 56 short years and his legacy will live on for many years to come. From the Apple website..... Apple has lost a visionary and creative genius, and the world has lost - [Making your website faster](https://surfthedream.com.au/making-your-website-faster/) - Quite a few months ago Google came out with Google Page Speed Online. This is a great tool for anyone to test how their web page is performing, but it's nothing new when it comes to reporting performance - [Responsive Design](https://surfthedream.com.au/responsive-design-surf-the-dream/) - Responsive design has taken the world by storm over the past 12 months as more and more devices are being released and browsers are adding more and more capabilities for CSS, and in particular the @media queries in CSS3. - [Responsive Design Preview](https://surfthedream.com.au/responsive-design-preview/) - Demo Contribute on GitHub I recently did a presentation to the Darwin Web Standards Group on Responsive Design. I stole gleamed a lot of the ideas from John Allsops famous "Dao of Web Design", Jeremy Keiths talk on Responsive Web Design as part of the ASYNCJS group in Brighton, work I did with Imogen Levy - [jQuery Table of Contents](https://surfthedream.com.au/jquery-table-of-contents/) - This is a headingThere are occasions when you want to be able to preview the headings that come further down the page, but you won't want to have to maintain them every time the content might change. This is where this little snippet of jquery comes in handy. It takes all the H2 elements on - [Weekly Web Update #3](https://surfthedream.com.au/weekly-web-update-3/) - This week we take a look at Typography Tools, Rethinking the CSS Grid, is HTML5 Web Apps really the answer and making beautiful shapes with CSS3 - [Weekly Update #2](https://surfthedream.com.au/weekly-update-2/) - Welcome to all the new subscibers especially seeing as I had a bit of a mishap with the first mail out and my gmail integration. - [The Shape of Design](https://surfthedream.com.au/the-shape-of-design/) - [XKCD The Core](https://surfthedream.com.au/xkcd-the-core/) - This has been around for a little while, but I had to giggle about this when I saw it this morning.I have the same thoughts about the Earth's Core ever since reading a book about it in 1996, although I remember also reading that the Earth's Core was as hot as the Sun. Temperature of - [EPS Vector Soccer Football Pitch](https://surfthedream.com.au/eps-vector-soccer-football-pitch/) - Today I made some changes to the West Ham United Season Results Prediction to include a football pitch as a background image to the tabled data.I wanted to download a vector image to include rather than recreate one, but everywhere I looked I was presented with "please pay".This is the internet though, and I only - [IA Writer for Mac](https://surfthedream.com.au/ia-writer-for-mac/) - I have just purchased IA Writer for Mac through the Mac Store. $21.99 for a writing program so it had better be worth the money! It was only released a few hours ago, and I was excited to see if the app that people went crazy over for the iPad was going to live up - [OmniFocus for the iPad](https://surfthedream.com.au/omnifocus-for-the-ipad/) - As I mentioned in an earlier post, I have a new iPad! To get more use than just flicking through FlipBoard, trawling through Twitter or playing FIFA 2011, I've made the big step and forked over the money for OmniFocus. This has taken my OmniFocus purchases up to 3. OmniFocus for the Mac OmniFocus for - [How to manage a team](https://surfthedream.com.au/how-to-manage-a-team/) - A few days ago I received an email from an old work colleague. “This is a bit of a random, out-of-the-blue question, but I was wondering if there were any words of wisdom you had on being a team leader? Back in the UK, you always seemed to maintain control of your projects and keep - [Tips for using Omni Graffle](https://surfthedream.com.au/tips-for-using-omni-graffle/) - OmniGraffle is a tool used to produce wireframes. It is powerful due to the popularity of the product and number of stencils that are contributed by the community. Stencils Stencils can be found (Window - Stencils) or by pressing (Apple + 0). You will notice that you are presentend with a list of stencils you - [treesaver.js](https://surfthedream.com.au/treesaver-js/) - I'm making a few changes to this site to improve how it appears through Flipboard. I've added an extra RSS feed that makes better use of the page content and includes images where required, add this site of Flipboard if you want to see how it changes. In my quest to improve I came across - [name bench - google dns performance tool](https://surfthedream.com.au/name-bench-google-dns-performance-tool/) - name bench is a great little application that has been by one of the 20% Google Development projects. What is a 20% project? It's time that google employees are given to prototype new ideas. The ideas are then taken up by other employees as part of their own 20% of time and voila, something like - [Television - doing progressive enhancement since 1960](https://surfthedream.com.au/television-doing-progressive-enhancement-since-1960/) - [Nerdy Thursday Links #15](https://surfthedream.com.au/nerdy-thursday-links-15/) - New movements again this week, and in the past few weeks. I've bought a new car with Laura and taken a job back with Squiz but this time the Australian branch, and I'm setting up in my home town of Darwin. But as always enough is enough, we're here for links so here they are..... - [Google Page Speed Online](https://surfthedream.com.au/google-page-speed-online/) - A few days ago Google came out with Google Page Speed Online. This is a great tool for anyone to test how their web page is performing, but it's nothing new when it comes to reporting performance. YSlow YSlow was the first of the products released by Yahoo as a plugin for Firefox. It was - [Nerdy Thursday Links #14](https://surfthedream.com.au/nerdy-thursday-links-14/) - New movements again this week, and in the past few weeks. I've bought a new car with Laura and taken a job back with Squiz but this time the Australian branch, and I'm setting up in my home town of Darwin. But as always enough is enough, we're here for links so here they are..... - [Sunset from Tiger Brennan Road](https://surfthedream.com.au/sunset-from-tiger-brennan-road/) - [Gamification](https://surfthedream.com.au/gamification/) - The dictionary definition for Gamification" is......... well it's not in the dictionary because it's not a real word. It doesn't even appear in the Urban Dictionary (for those of you that haven't used the Urban Dictionary before, give it a go and have a giggle at the terms people come up with) Some people, like - [Trailer Boat Club Sunset](https://surfthedream.com.au/trailer-boat-club-sunset/) - This was the sunset at the Trailer Boat Club in Darwin on Sunday 20th March 2011 as we had dinner for Mums birthday. - [iPad 2 available in Apple stores](https://surfthedream.com.au/ipad-2-available-in-apple-stores/) - After a quick browse in Dick Smiths this morning I was shocked to see how cheap the iPad was, and then I get online to find that the iPad 2 has been released by Apple. Everything is just as announced: the 16 GB, Wi-Fi-only iPad 2 starts at $499, and the price climbs to $829 - [Nerdy Thursday Links #13](https://surfthedream.com.au/nerdy-thursday-links-13/) - We've had a wee bit of a break over the past few weeks with some new developments. Nothing actually developer like, but new stages in our lives. We've had a quick move from London to Australia with a holiday in Bali thrown into the mix. There are some photos up on flickr from the Bali - [Typography with Bibliotype](https://surfthedream.com.au/typography-with-bibliotype/) - While researching the iPad book that I'm currently building I've been taking a closer look at Typography. The first Smashing Mag Book says - [Multi-lingual content context, contextable, non-contextable](https://surfthedream.com.au/multi-lingual-content-context-contextable-non-contextable/) - Haga clic aqu - [Taking sketchnotes like a pro](https://surfthedream.com.au/taking-sketchnotes-like-a-pro/) - Yesterday I came across a tweet from @intranation - [Getting Started with Keynotopia](https://surfthedream.com.au/getting-started-with-keynotopia/) - Getting started with Keynotopia requires two things....and you can probably already guess what they are.... Keynote Keynotopia Previously KeyNote was a bit of a luxury item as iWork was overpriced for what you got in the package (in my opinion), however since the release of the Apple App Store you can pick up Keynote on - [Nerdy Thursday Links #12](https://surfthedream.com.au/nerdy-thursday-links-12/) - This week I was down in Brighton twice learning about the iOS platform and taking a closer look at Google Chrome Browser Extensions with @mahemoff. I've not got as much time this week, so there's links to more information on the iOS Development Course and Building Google Chrome Extensions. Mobile Web Development http://www.vodori.com/blog/phantom-limb.html - Phantom - [Creating Chrome Browser Extensions](https://surfthedream.com.au/creating-chrome-browser-extensions/) - Before I get a chance to write this up properly I've updated my list of notes taken during the session. It is the second time I've seen Michael Mahemoff. You can also read his blog of the event. google developer relations. periodic table of elements. Existing extensions: awesome screenshot control freak - update css and - [404 Page not found](https://surfthedream.com.au/404-page-not-found/) - You've been duped into thinking there was something at this URL when there really isn't. I've built this site and moved some of that pages around and removed some of the others. Seeing as we've got off on the wrong foot let me introduce myself. My name is Justin Avery and I work for a - [Mojo Dojo - a one day iOS development course](https://surfthedream.com.au/mojo-dojo-a-one-day-ios-development-course/) - *note that this is a first draft of this and most of the links have been omitted. check back in a day to get the updates with links to all resouces* Well it's the end of a very long day in Brighton and I've managed to yet again find myself with a pint of Landlords - [Painting the picture of contractors](https://surfthedream.com.au/painting-the-picture-of-contractors/) - Today is a good day.Looking out the window of my train to Brighton I can see the sun is just peaking through the clouds as we pass the Battersea Power Station on my way to an iOS course run by Aral Baker.A few minutes earlier I was sat at Caffe Ritazza at the Victoria Station - [Mac OSX fixing home & end keys](https://surfthedream.com.au/mac-osx-fixing-home-end-keys/) - This article is courtesy of the extremely intelligent Adam Fisher. Thanks Fisher! If anyone wants the home and end keys on the macs to work in a more standard way like windows (put the cursor to the end or beginning of the current line), this quick process will fix them nicely in many programs (including - [Studio 180](https://surfthedream.com.au/studio-180/) - A few friends of mine are opening a set of studios in SE1. I spent the weekend snowboarding with the owners and the guys running the studios and they're all very sound and talented peoples. About Studio 180 The Studio Studio 180 is a converted Georgian terrace containing five unique artists studios. Ideally situated in - [Ideas are formed from other ideas](https://surfthedream.com.au/ideas-are-formed-from-other-ideas/) - I've just read Scott Berkuns article about how "All ideas are made of other ideas. It was a short post, however I'd also seen his Keynote presentation on the same topic during the Web Directions Conference in London. It got me thinking, at 8am, and this is what I managed to get out of my - [Creating a timeline on your site](https://surfthedream.com.au/creating-a-timeline-on-your-site/) - Today we had a client looking to represent some renovation work on a historic piece of pavement dating back to the 10th Century. Before we embarked on sketching out the possible layouts for the time line we discussed the data/information that we needed to display to the user so that we could work out the - [Nerdy Thursday Links #11](https://surfthedream.com.au/nerdy-thursday-links-11/) - Random http://clientsfromhell.net - please don't post any thing from our clients here, but it's nice to have a quick look through and see that people go through the same pain (and often worse)http://stopwilson.com - DOS style blog site. Very cool!http://superuser.com/questions/231273/what-are-the-windows-a-and-b-drives-used-for - Seriously, kids these days have no idea how easy they've got it. Anyone for - [HTML5 Video Formats](https://surfthedream.com.au/html5-video-formats/) - If you're not already aware, I'm moving this site across from the www version to a html5 non-subdomained version.As part of the move I'm going to update all my video file formats so that it can be enjoyed in all HTML5 wonder.There are hundreds, thousands, of resources on the internet for HTML5 Video formats, however - [AV to Firewire Video for Mac](https://surfthedream.com.au/av-to-firewire-video-for-mac/) - Today Laura and I are back in Thame for Charlie (her fathers) birthday. - [IE7 testing on Mac OSX with Virtual Box](https://surfthedream.com.au/ie7-testing-on-mac-osx-with-virtual-box/) - I've decided I'm tired of looking at Laura's laptop with IE and seeing this site render like shit.To overcome this I've decided to get Virtual Box running on my Mac with at least IE 7 and IE 8 (which has been later dropped off to just running IE7).Unfortunately there is no ready made download for - [England dominate Australia in 5th Ashes Test 2011](https://surfthedream.com.au/england-dominate-australia-in-5th-ashes-test-2011/) - fuck fuck FUCK!That was just plain embarrassing. Australia's batting attack can't muster 180 runs between them, while a cross eyed metro columnist can rack that up on his own. Lucky he's not from SA.Which brings me to the busted tooth baldheaded beard wearing GIT Prior. I swear the sight of him irritates me as much - [Inaccurate Science Space Movies](https://surfthedream.com.au/inaccurate-science-space-movies/) - I thought this was a pretty funny way of looking at movies in Space and the pure rubbish that goes along with it.Surprisingly we're missing a few well known space orientated movies including E.T and Star Trek, but at least they covered all of the Star Wars Movies.Here's a better look at the categoriesThere's no - [Untitled by Dave Johnson](https://surfthedream.com.au/untitled-by-dave-johnson/) - Here is an awesome video put together by David Johnson.The whole thing was hand painted by Dave. - [World War II Simple Version Cartoon](https://surfthedream.com.au/world-war-ii-simple-version-cartoon/) - My good friend Ed came across this cartoon while investigating map graphics for a website.While it's not entirely accurate, it's an awesome way to get someone interested in WWII and maps - [iPad HTML5 Video Issues](https://surfthedream.com.au/ipad-html5-video-issues/) - As you may be aware I'm trying to build an iPad application for a friends book, and one of the main elements of his book is going to be the video element.I've been able to convert some of my existing flv videos to mp4 and they are working great, but for some reason this one - [Create an iPad Application in html5 & css3](https://surfthedream.com.au/create-an-ipad-application-in-html5-css3/) - A friend of mine has asked me to turn his book into an iPad application. The first thing I asked him was "Why do you want an iPad application when you can have an ebook that is available across multiple devices?" He replied with "Because I want a cool book." I can't argue with that. - [Looks like good design](https://surfthedream.com.au/looks-like-good-design/) - I've just come across this pretty amazing site that features some excellent design examples. Looks like good design is updated on a daily basis, so it's worth adding to your RSS Reader or making it one of your morning stops when getting set for work in the morning. There are some risque sites featured here, - [Holiday Shopping Infographic](https://surfthedream.com.au/holiday-shopping-infographic/) - What better time than Christmas to show an infographic about the joy of giving - [Hyphenator.js or html5 word break](https://surfthedream.com.au/hyphenator-js-or-html5-word-break/) - Tom Shand of the http://www.theinternet.co.nz sent me an email earlier today to show me Hyphenator.js, but I'm wondering why the demo didn't include the example below...... This is a very long sentance and right at the end of it there seems to be a breakintheword. This is a very long sentence and right at the - [SVG Maps in HTML](https://surfthedream.com.au/svg-maps-in-html/) - A work colleague approached me the other day with a requirement to build a flashy world map interface, minus the flash.I thought about the requirements for a while before I turned to my Green Men with the same question.They came back with SVG Vector images.What are SVG Maps in HTML?SVG is a way of visually - [Image editing HTML 5 Canvas](https://surfthedream.com.au/image-editing-html-5-canvas/) - This is a great tutorial featuring some of the upcoming features of HTML 5.I say upcoming, when in fact this is available right now, however there is still a while to go before we will see this accessible across the greater browser share.Find out more about using HTML5 Canvas as on offline image editor and - [24 Ways](https://surfthedream.com.au/24-ways/) - There must be 50 ways to leave your lover, but December brings us 24 ways to impress your friends.a href="http://24ways.org/">http://24ways.org is a website that updates it's content 24 times a year, and it all comes out in the lead up to Christmas.For those of you that don't have an advent calendar (see Bart Simpson on - [Ruth Theodore - Overexpanding](https://surfthedream.com.au/ruth-theodore-overexpanding/) - A Wednesday night at the Green Note saw me back behind the HV20 camera filming Ruth Theodore for the fourth time. - [XFN Friend Network](https://surfthedream.com.au/xfn-friend-network/) - I'm increasingly excited about the possibilities of including XFN tags within the link structure of sites.There is a neat little form which helps those that aren't strong on their HTML but would like to include these formats within their URL structures. XFN 1.1 Creator Name URL - [How to add pod casts to your web site](https://surfthedream.com.au/how-to-add-pod-casts-to-your-web-site/) - Pod casts have been around for a few years now, and there is no sign of them dying off anytime soon. With more and more people making the switch to iPods, iPhones and the iPod Touch, pod casts are now reaching a wider market than ever before.Of course you don't need a portable "i" device - [Twitter](https://surfthedream.com.au/twitter/) - Your browser does not support the audio element. Please download the podcast instead. - [Elsewhere](https://surfthedream.com.au/elsewhere/) - Hire Me Twitter Flickr Facebook Linked In - [Writing](https://surfthedream.com.au/writing/) - [Visual](https://surfthedream.com.au/visual/) - [Home](https://surfthedream.com.au/home/) - 2013 dConstruct review 07 Sep 2013 dConstruct is a bizarre conference. This year it featured some amazing speakers, but not talking about the things that they are more commonly well known for but instead about something completely different. Read more migrating a wordpress site to a new domain 07 Sep 2013 Moving your wordpress website - [autolink urls with jquery](https://surfthedream.com.au/autolink-urls-with-jquery/) - There are occasions where you want to allow site visitors to leave feedback on your site, and we usually do this through the comment feature using a combination of paint layouts, asset builders and asset listings.As part of the feedback the user will often include url links, after all linking is what keeps the internet - [Clear Mysource Matrix Cache from the Command Line](https://surfthedream.com.au/clear-mysource-matrix-cache-from-the-command-line/) - While upgrading from Mysource Matrix 3.20.2 to 3.22.1 you need to turn off and clear the cache from the system.Unfortunately, if you are running a large system you may not have the memory allocation to perform the system wide clear cache option that can be found under the System Management - Cache Manager - Clear - [Adding URLs to Mysource Matrix](https://surfthedream.com.au/adding-urls-to-mysource-matrix/) - I've recently been asked to build a site for a friend of mine, and what better system to build it on then Mysource Matrix?Other then setting the site and all its elements in mysource matrix itself, there are a few fundamental tasks that are required to get a website running.First off is to buy a - [Using Postgres SQL (psql) from the terminal window](https://surfthedream.com.au/using-postgres-sql-psql-from-the-terminal-window/) - While upgrading from Mysource Matrix version 3.20.1 - 3.22.1 I needed to make some changes to the database in Postgres.Do you think I had any recollection on how this might be done? - [How to test restart apache](https://surfthedream.com.au/how-to-test-restart-apache/) - If you're new to Linux, and to Apache, chances are you are going to make a couple of mistakes when updating configuration files.Fortunately there are a few commands to help you fix these issues before you make the changes matter.With most changes to the Apache configuration file, you are required to restart Apache for the - [Victor Mennace #7](https://surfthedream.com.au/victor-mennace-7/) - Victor mennace rocked! - [Introduction to video on the web](https://surfthedream.com.au/introduction-to-video-on-the-web/) - You tube is great because it's simple, easy, and cheap.You don't have to pay for bandwidth if all of a sudden your clip goes viral and is watched by 2 million people around the world.It's also another way that you can drive traffic to your site. Users will find your video on You Tube rather - [Mysource Matrix Demo System](https://surfthedream.com.au/mysource-matrix-demo-system/) - The Surf the Dream site started out as a blogspot blog in 2005 but was moved over to a Mysource Matrix site when I started with Squiz UK in November 2007.It started as a basic site with just 4 standard pages, but quick evolved to includeAsset ListingsContact FormVideo ListingsImage ListingsPaint LayoutsVideo PlayerBlogEnabled/Disabled CommentingDynamic Home Page - [Rosie Burgess - Big Watery Sky](https://surfthedream.com.au/rosie-burgess-big-watery-sky/) - [Rosie Burgess - Road Kill](https://surfthedream.com.au/rosie-burgess-road-kill/) - [Video Tutorial 101](https://surfthedream.com.au/video-tutorial-101/) - With the internet so jam packed with sites about everything it is rare to come across a video 101 course that covers the topics as well as http://www.video101course.comThe site provides an excellent and indepth look into the following of Video production...video editingvideo recordingcamcorders shots camera lens sound lighting mounts video camera technical details video graphics - [How to split a movie file into multiple parts](https://surfthedream.com.au/how-to-split-a-movie-file-into-multiple-parts/) - In an earlier post I talked about settings for ffmpeg for flash video, and today I came across another helpful setting for ffmpeg.Sometimes your video will run for 30 minutes, however you only want to upload it in 10 minute segments.The following command will split a movie fileffmpeg -i myfiletosplit.flv -ss 00:00:00 -t 00:10:00 mydestinationsplit_1.flv - [Sarah's Birthday](https://surfthedream.com.au/sarahs-birthday/) - You're no blue smarty in my book!I wanted to spend more time on the video but I would have had to start the project before I met you to do what I wanted to do. - [SPL Water Housing for Canon HV20](https://surfthedream.com.au/spl-water-housing-for-canon-hv20/) - Last December I flew over to Ireland on a chance and ended up filming the biggest waves ever surfed.Once I had returned and downloaded the footage I was a little disappointed that I wasn't able to capture the full enormity of waves and the feeling you get when you're there watching. - [Quicksilver Pro France 2008 Taj Burrow](https://surfthedream.com.au/quicksilver-pro-france-2008-taj-burrow/) - [Quicksilver Pro Hossegor France 2008](https://surfthedream.com.au/quicksilver-pro-hossegor-france-2008/) - [FFMpeg Settings for Flash Video](https://surfthedream.com.au/ffmpeg-settings-for-flash-video/) - Flash Video is currently the best format to share your videos on the web. Sites such as You Tube, Vimeo, and Myspace all use the .flv format to deliver videos to the end user.Some of the latest versions of video editing software have included .flv as an export option, however if you are using a - [Mindil Beach Sunset](https://surfthedream.com.au/mindil-beach-sunset/) - [Colliers Wood](https://surfthedream.com.au/colliers-wood/) - [Pamplona Muscle Bar](https://surfthedream.com.au/pamplona-muscle-bar/) - [Pamplona Running of the Bulls](https://surfthedream.com.au/pamplona-running-of-the-bulls/) - [Tate Modern Mountain Bike Freestyle Event](https://surfthedream.com.au/tate-modern-mountain-bike-freestyle-event/) - [Edinburgh Pictures](https://surfthedream.com.au/edinburgh-pictures/) - [Edinburgh Movie](https://surfthedream.com.au/edinburgh-movie/) - [Edinburgh Introduction](https://surfthedream.com.au/edinburgh-introduction/) - [Billabong XXL Awards](https://surfthedream.com.au/billabong-xxl-awards/) - [Rosie Burgess - Dollars and Cents](https://surfthedream.com.au/rosie-burgess-dollars-and-cents/) - [Puerto Escondido](https://surfthedream.com.au/puerto-escondido/) - Puerto Escondido - Mexican Pipeline - [28 Days - Plastic F$ck](https://surfthedream.com.au/28-days-plastic-fck/) - [28 Days - Rip it Up](https://surfthedream.com.au/28-days-rip-it-up/) - 28 Day Rip it Up - [Margaret River Classic 2006](https://surfthedream.com.au/margaret-river-classic-2006/) - Margaret River 2006 - [Mexico 2007](https://surfthedream.com.au/mexico-2007/) - Mexico 2007Add to My Profile | More Videos - [O'Neill Marketing Clip](https://surfthedream.com.au/oneill-marketing-clip/) - [Drive through Mexico](https://surfthedream.com.au/drive-through-mexico/) - Drive through Mexico - [Big Wave Surfing in Ireland](https://surfthedream.com.au/big-wave-surfing-in-ireland/) ## Pages - [Hello, my name is Justin.](https://surfthedream.com.au/) - The personal site of Justin Avery. Here you are likely to find my latest blogs, articles, links, and a range of side projects. Stop by and say hello. - [Links](https://surfthedream.com.au/links/) - [Search](https://surfthedream.com.au/search/) - [giggle](https://surfthedream.com.au/giggle/) ## Projects - [Online Yoga Membership](https://surfthedream.com.au/portfolio/online-yoga-membership/) - With the changes that Covid-19 has brought to the world we personally were impacted as a family by my wife no longer being able to work in studios or gyms as a Yoga teacher. She very quickly got over the disappointment of the changes and overcame her fear of being in front of a camera ## Categories - [Writing](https://surfthedream.com.au/category/writing/) - [Work](https://surfthedream.com.au/category/work/) - A look into our Portfolio of work. - [Wordpress](https://surfthedream.com.au/category/writing/wordpress/) - [Newsletter](https://surfthedream.com.au/category/writing/newsletter/) - [Links](https://surfthedream.com.au/category/links/) - [Snippets](https://surfthedream.com.au/category/snippets/) - [Personal](https://surfthedream.com.au/category/personal/) - [Random](https://surfthedream.com.au/category/random/) - [Cricket](https://surfthedream.com.au/category/cricket/) - [Stuff](https://surfthedream.com.au/category/stuff/) - [Life](https://surfthedream.com.au/category/life/) - [Technology](https://surfthedream.com.au/category/technology/) - [Creative](https://surfthedream.com.au/category/creative/) - [Photography](https://surfthedream.com.au/category/photography/) - [Crypto](https://surfthedream.com.au/category/crypto/) - [NFTs](https://surfthedream.com.au/category/crypto/nfts/) - [DevOps](https://surfthedream.com.au/category/devops/) ## Tags - [Migration](https://surfthedream.com.au/tag/migration/) - [London](https://surfthedream.com.au/tag/london/) - [UK](https://surfthedream.com.au/tag/uk/) - [Development](https://surfthedream.com.au/tag/development/) - [Design](https://surfthedream.com.au/tag/design/) - [Facebook](https://surfthedream.com.au/tag/facebook/) - [Twitter](https://surfthedream.com.au/tag/twitter/) - [Etsy](https://surfthedream.com.au/tag/etsy/) - [CMS](https://surfthedream.com.au/tag/cms/) - [Microformats](https://surfthedream.com.au/tag/microformats/) - [Australia](https://surfthedream.com.au/tag/australia/) - [Google Analytics](https://surfthedream.com.au/tag/google-analytics/) - [Mobile](https://surfthedream.com.au/tag/mobile/) - [HTML5](https://surfthedream.com.au/tag/html5/) - [Javascript](https://surfthedream.com.au/tag/javascript/) - [Business](https://surfthedream.com.au/tag/business/) - [Social Media](https://surfthedream.com.au/tag/social-media/) - [CSS3](https://surfthedream.com.au/tag/css3/) - [Special Entities](https://surfthedream.com.au/tag/special-entities/) - [Performance](https://surfthedream.com.au/tag/performance/) - [Typography](https://surfthedream.com.au/tag/typography/) - [Responsive Design](https://surfthedream.com.au/tag/responsive-design/) - [Site performance](https://surfthedream.com.au/tag/site-performance/) - [site speed](https://surfthedream.com.au/tag/site-speed/) - [High Performance](https://surfthedream.com.au/tag/high-performance/) - [Faster Websites](https://surfthedream.com.au/tag/faster-websites/) - [ySlow](https://surfthedream.com.au/tag/yslow/) - [Page Speed](https://surfthedream.com.au/tag/page-speed/) - [Google](https://surfthedream.com.au/tag/google/) - [webkit](https://surfthedream.com.au/tag/webkit/) - [apple](https://surfthedream.com.au/tag/apple/) - [ipad](https://surfthedream.com.au/tag/ipad/) - [iphone](https://surfthedream.com.au/tag/iphone/) - [web application](https://surfthedream.com.au/tag/web-application/) - [android](https://surfthedream.com.au/tag/android/) - [darwin](https://surfthedream.com.au/tag/darwin/) - [web development](https://surfthedream.com.au/tag/web-development/) - [weekly updates](https://surfthedream.com.au/tag/weekly-updates/) - [analytics](https://surfthedream.com.au/tag/analytics/) - [mobile development](https://surfthedream.com.au/tag/mobile-development/) - [cache manifest](https://surfthedream.com.au/tag/cache-manifest/) - [offline](https://surfthedream.com.au/tag/offline/) - [web app](https://surfthedream.com.au/tag/web-app/) - [ipad web app](https://surfthedream.com.au/tag/ipad-web-app/) - [mobile web app](https://surfthedream.com.au/tag/mobile-web-app/) - [Logo Design](https://surfthedream.com.au/tag/logo-design/) - [Web Design](https://surfthedream.com.au/tag/web-design/) - [Redesign](https://surfthedream.com.au/tag/redesign/) - [Facebook Fan Page](https://surfthedream.com.au/tag/facebook-fan-page/) - [brand page](https://surfthedream.com.au/tag/brand-page/) - [Fan Pages](https://surfthedream.com.au/tag/fan-pages/) - [Graph](https://surfthedream.com.au/tag/graph/) - [Data](https://surfthedream.com.au/tag/data/) - [High Charts](https://surfthedream.com.au/tag/high-charts/) - [Power and Water](https://surfthedream.com.au/tag/power-and-water/) - [Bombing of Darwin](https://surfthedream.com.au/tag/bombing-of-darwin/) - [1942](https://surfthedream.com.au/tag/1942/) - [Poster](https://surfthedream.com.au/tag/poster/) - [eps](https://surfthedream.com.au/tag/eps/) - [psd](https://surfthedream.com.au/tag/psd/) - [FBInfluence](https://surfthedream.com.au/tag/fbinfluence/) - [FB Influence Tools](https://surfthedream.com.au/tag/fb-influence-tools/) - [Outbound Links](https://surfthedream.com.au/tag/outbound-links/) - [External Links](https://surfthedream.com.au/tag/external-links/) - [Tracking](https://surfthedream.com.au/tag/tracking/) - [Event Tracking](https://surfthedream.com.au/tag/event-tracking/) - [Facebook Timeline](https://surfthedream.com.au/tag/facebook-timeline/) - [facebook profile dimensions](https://surfthedream.com.au/tag/facebook-profile-dimensions/) - [Webinar](https://surfthedream.com.au/tag/webinar/) - [Responsive Web Design](https://surfthedream.com.au/tag/responsive-web-design/) - [RWD](https://surfthedream.com.au/tag/rwd/) - [Media Queries](https://surfthedream.com.au/tag/media-queries/) - [SEO](https://surfthedream.com.au/tag/seo/) - [Mobile Web](https://surfthedream.com.au/tag/mobile-web/) - [Spotify](https://surfthedream.com.au/tag/spotify/) - [Music](https://surfthedream.com.au/tag/music/) - [zoom safari](https://surfthedream.com.au/tag/zoom-safari/) - [meta tags](https://surfthedream.com.au/tag/meta-tags/) - [device orientation](https://surfthedream.com.au/tag/device-orientation/) - [fluid grid](https://surfthedream.com.au/tag/fluid-grid/) - [desktop](https://surfthedream.com.au/tag/desktop/) - [htlm5 workshop](https://surfthedream.com.au/tag/htlm5-workshop/) - [web courses darwin](https://surfthedream.com.au/tag/web-courses-darwin/) - [lukew](https://surfthedream.com.au/tag/lukew/) - [statistics](https://surfthedream.com.au/tag/statistics/) - [tablets](https://surfthedream.com.au/tag/tablets/) - [video](https://surfthedream.com.au/tag/video/) - [podcast](https://surfthedream.com.au/tag/podcast/) - [rwd17](https://surfthedream.com.au/tag/rwd17/) - [resource](https://surfthedream.com.au/tag/resource/) - [post](https://surfthedream.com.au/tag/post/) - [audio](https://surfthedream.com.au/tag/audio/) - [framework](https://surfthedream.com.au/tag/framework/) - [Filter](https://surfthedream.com.au/tag/filter/) - [images](https://surfthedream.com.au/tag/images/) - [infographic](https://surfthedream.com.au/tag/infographic/) - [olympics](https://surfthedream.com.au/tag/olympics/) - [article](https://surfthedream.com.au/tag/article/) - [newslettered](https://surfthedream.com.au/tag/newslettered/) - [postjd](https://surfthedream.com.au/tag/postjd/) - [postrwd](https://surfthedream.com.au/tag/postrwd/) - [Rwd20](https://surfthedream.com.au/tag/rwd20/) - [tools](https://surfthedream.com.au/tag/tools/) - [headline](https://surfthedream.com.au/tag/headline/) - [bookmarklet](https://surfthedream.com.au/tag/bookmarklet/) - [experiments](https://surfthedream.com.au/tag/experiments/) - [inspiration](https://surfthedream.com.au/tag/inspiration/) - [Hootsuite](https://surfthedream.com.au/tag/hootsuite/) - [rwd21](https://surfthedream.com.au/tag/rwd21/) - [jquery](https://surfthedream.com.au/tag/jquery/) - [timelines](https://surfthedream.com.au/tag/timelines/) - [gmail](https://surfthedream.com.au/tag/gmail/) - [backup](https://surfthedream.com.au/tag/backup/) - [tool](https://surfthedream.com.au/tag/tool/) - [Plugin](https://surfthedream.com.au/tag/plugin/) - [rwd22](https://surfthedream.com.au/tag/rwd22/) - [chart](https://surfthedream.com.au/tag/chart/) - [svg](https://surfthedream.com.au/tag/svg/) - [navigation](https://surfthedream.com.au/tag/navigation/) - [tutorial](https://surfthedream.com.au/tag/tutorial/) - [offcanvas](https://surfthedream.com.au/tag/offcanvas/) - [souders](https://surfthedream.com.au/tag/souders/) - [rwd23](https://surfthedream.com.au/tag/rwd23/) - [responsive](https://surfthedream.com.au/tag/responsive/) - [grid](https://surfthedream.com.au/tag/grid/) - [slider](https://surfthedream.com.au/tag/slider/) - [theme](https://surfthedream.com.au/tag/theme/) - [starter](https://surfthedream.com.au/tag/starter/) - [fireworks](https://surfthedream.com.au/tag/fireworks/) - [structure](https://surfthedream.com.au/tag/structure/) - [semantics](https://surfthedream.com.au/tag/semantics/) - [opinion](https://surfthedream.com.au/tag/opinion/) - [css-tricks](https://surfthedream.com.au/tag/css-tricks/) - [plugins](https://surfthedream.com.au/tag/plugins/) - [rwd24](https://surfthedream.com.au/tag/rwd24/) - [Information](https://surfthedream.com.au/tag/information/) - [Architecture](https://surfthedream.com.au/tag/architecture/) - [email](https://surfthedream.com.au/tag/email/) - [template](https://surfthedream.com.au/tag/template/) - [saas](https://surfthedream.com.au/tag/saas/) - [Media Temple](https://surfthedream.com.au/tag/media-temple/) - [Server](https://surfthedream.com.au/tag/server/) - [SSH](https://surfthedream.com.au/tag/ssh/) - [Terminal](https://surfthedream.com.au/tag/terminal/) - [Mac](https://surfthedream.com.au/tag/mac/) - [MySQL](https://surfthedream.com.au/tag/mysql/) - [Database](https://surfthedream.com.au/tag/database/) - [Restore](https://surfthedream.com.au/tag/restore/) - [GIT](https://surfthedream.com.au/tag/git/) - [github](https://surfthedream.com.au/tag/github/) - [Preprocessor](https://surfthedream.com.au/tag/preprocessor/) - [CSS](https://surfthedream.com.au/tag/css/) - [drop shadow](https://surfthedream.com.au/tag/drop-shadow/) - [browser](https://surfthedream.com.au/tag/browser/) - [testing](https://surfthedream.com.au/tag/testing/) - [black&white](https://surfthedream.com.au/tag/blackwhite/) - [inline-block](https://surfthedream.com.au/tag/inline-block/) - [photoshop](https://surfthedream.com.au/tag/photoshop/) - [online-tools](https://surfthedream.com.au/tag/online-tools/) - [gradient](https://surfthedream.com.au/tag/gradient/) - [generator](https://surfthedream.com.au/tag/generator/) - [animations](https://surfthedream.com.au/tag/animations/) - [rwd27](https://surfthedream.com.au/tag/rwd27/) - [WCAG2.0](https://surfthedream.com.au/tag/wcag2-0/) - [contrast](https://surfthedream.com.au/tag/contrast/) - [Specificity](https://surfthedream.com.au/tag/specificity/) - [rwd28](https://surfthedream.com.au/tag/rwd28/) - [prototyping](https://surfthedream.com.au/tag/prototyping/) - [icons](https://surfthedream.com.au/tag/icons/) - [bootstrap](https://surfthedream.com.au/tag/bootstrap/) - [flipbook](https://surfthedream.com.au/tag/flipbook/) - [Rwd29](https://surfthedream.com.au/tag/rwd29/) - [mediaqueries](https://surfthedream.com.au/tag/mediaqueries/) - [SASS](https://surfthedream.com.au/tag/sass/) - [scss](https://surfthedream.com.au/tag/scss/) - [scroll](https://surfthedream.com.au/tag/scroll/) - [carousel](https://surfthedream.com.au/tag/carousel/) - [bookmarks](https://surfthedream.com.au/tag/bookmarks/) - [UX](https://surfthedream.com.au/tag/ux/) - [UI](https://surfthedream.com.au/tag/ui/) - [Mozilla](https://surfthedream.com.au/tag/mozilla/) - [Rwd30](https://surfthedream.com.au/tag/rwd30/) - [workflow](https://surfthedream.com.au/tag/workflow/) - [software](https://surfthedream.com.au/tag/software/) - [rwd31](https://surfthedream.com.au/tag/rwd31/) - [logo](https://surfthedream.com.au/tag/logo/) - [brand](https://surfthedream.com.au/tag/brand/) - [forms](https://surfthedream.com.au/tag/forms/) - [news](https://surfthedream.com.au/tag/news/) - [RWD33](https://surfthedream.com.au/tag/rwd33/) - [Square Space](https://surfthedream.com.au/tag/square-space/) - [layout](https://surfthedream.com.au/tag/layout/) - [flexbox](https://surfthedream.com.au/tag/flexbox/) - [rwd32](https://surfthedream.com.au/tag/rwd32/) - [planning](https://surfthedream.com.au/tag/planning/) - [calendar](https://surfthedream.com.au/tag/calendar/) - [rwd44](https://surfthedream.com.au/tag/rwd44/) - [colour](https://surfthedream.com.au/tag/colour/) - [Compass](https://surfthedream.com.au/tag/compass/) - [typsetting](https://surfthedream.com.au/tag/typsetting/) - [HTML](https://surfthedream.com.au/tag/html/) - [swf](https://surfthedream.com.au/tag/swf/) - [flash](https://surfthedream.com.au/tag/flash/) - [base64](https://surfthedream.com.au/tag/base64/) - [intro](https://surfthedream.com.au/tag/intro/) - [demo](https://surfthedream.com.au/tag/demo/) - [Fun](https://surfthedream.com.au/tag/fun/) - [rwd50](https://surfthedream.com.au/tag/rwd50/) - [website](https://surfthedream.com.au/tag/website/) - [checklist](https://surfthedream.com.au/tag/checklist/) - [basics](https://surfthedream.com.au/tag/basics/) - [Rwd54](https://surfthedream.com.au/tag/rwd54/) - [count](https://surfthedream.com.au/tag/count/) - [project-management](https://surfthedream.com.au/tag/project-management/) - [projects](https://surfthedream.com.au/tag/projects/) - [rwd56](https://surfthedream.com.au/tag/rwd56/) - [retina](https://surfthedream.com.au/tag/retina/) - [htaccess](https://surfthedream.com.au/tag/htaccess/) - [examples](https://surfthedream.com.au/tag/examples/) - [cookie](https://surfthedream.com.au/tag/cookie/) - [windows](https://surfthedream.com.au/tag/windows/) - [haml](https://surfthedream.com.au/tag/haml/) - [LESS](https://surfthedream.com.au/tag/less/) - [webapps](https://surfthedream.com.au/tag/webapps/) - [ecommerce](https://surfthedream.com.au/tag/ecommerce/) - [online](https://surfthedream.com.au/tag/online/) - [store](https://surfthedream.com.au/tag/store/) - [privacy](https://surfthedream.com.au/tag/privacy/) - [app](https://surfthedream.com.au/tag/app/) - [freelance](https://surfthedream.com.au/tag/freelance/) - [pdf](https://surfthedream.com.au/tag/pdf/) - [invoicing](https://surfthedream.com.au/tag/invoicing/) - [apps](https://surfthedream.com.au/tag/apps/) - [optimisation](https://surfthedream.com.au/tag/optimisation/) - [flip](https://surfthedream.com.au/tag/flip/) - [adobe](https://surfthedream.com.au/tag/adobe/) - [opensource](https://surfthedream.com.au/tag/opensource/) - [application](https://surfthedream.com.au/tag/application/) - [VM](https://surfthedream.com.au/tag/vm/) - [illustrator](https://surfthedream.com.au/tag/illustrator/) - [style-guide](https://surfthedream.com.au/tag/style-guide/) - [resources](https://surfthedream.com.au/tag/resources/) - [tips](https://surfthedream.com.au/tag/tips/) - [tricks](https://surfthedream.com.au/tag/tricks/) - [marketing](https://surfthedream.com.au/tag/marketing/) - [visualisation](https://surfthedream.com.au/tag/visualisation/) - [realtime](https://surfthedream.com.au/tag/realtime/) - [presentation](https://surfthedream.com.au/tag/presentation/) - [wireframing](https://surfthedream.com.au/tag/wireframing/) - [search](https://surfthedream.com.au/tag/search/) - [reporting](https://surfthedream.com.au/tag/reporting/) - [monitoring](https://surfthedream.com.au/tag/monitoring/) - [Paper](https://surfthedream.com.au/tag/paper/) - [photo](https://surfthedream.com.au/tag/photo/) - [Squiz Matrix](https://surfthedream.com.au/tag/squiz-matrix/) - [maps](https://surfthedream.com.au/tag/maps/) - [typekit](https://surfthedream.com.au/tag/typekit/) - [codepen](https://surfthedream.com.au/tag/codepen/) - [short url](https://surfthedream.com.au/tag/short-url/) - [library](https://surfthedream.com.au/tag/library/) - [Conference](https://surfthedream.com.au/tag/conference/) - [Baby](https://surfthedream.com.au/tag/baby/) - [Responsive Images](https://surfthedream.com.au/tag/responsive-images/) - [rss](https://surfthedream.com.au/tag/rss/) - [permissions](https://surfthedream.com.au/tag/permissions/) - [chrome](https://surfthedream.com.au/tag/chrome/) - [preloader](https://surfthedream.com.au/tag/preloader/) - [Stripe](https://surfthedream.com.au/tag/stripe/) - [invoice](https://surfthedream.com.au/tag/invoice/) - [Review](https://surfthedream.com.au/tag/review/) - [Chris Coyier](https://surfthedream.com.au/tag/chris-coyier/) - [BTConf](https://surfthedream.com.au/tag/btconf/) - [Beyond Tellerand](https://surfthedream.com.au/tag/beyond-tellerand/) - [Accessibility](https://surfthedream.com.au/tag/accessibility/) - [mathematics](https://surfthedream.com.au/tag/mathematics/) - [Pseudo Elements](https://surfthedream.com.au/tag/pseudo-elements/) - [technical consultation](https://surfthedream.com.au/tag/technical-consultation/) - [mobile app](https://surfthedream.com.au/tag/mobile-app/) - [mac osx](https://surfthedream.com.au/tag/mac-osx/) - [sudo](https://surfthedream.com.au/tag/sudo/) - [Grunt](https://surfthedream.com.au/tag/grunt/) - [static](https://surfthedream.com.au/tag/static/) - [site-generator](https://surfthedream.com.au/tag/site-generator/) - [ruby](https://surfthedream.com.au/tag/ruby/) - [sinatra](https://surfthedream.com.au/tag/sinatra/) - [cropping](https://surfthedream.com.au/tag/cropping/) - [photo-editing](https://surfthedream.com.au/tag/photo-editing/) - [art direction](https://surfthedream.com.au/tag/art-direction/) - [prerender](https://surfthedream.com.au/tag/prerender/) - [prefetch](https://surfthedream.com.au/tag/prefetch/) - [developer](https://surfthedream.com.au/tag/developer/) - [api](https://surfthedream.com.au/tag/api/) - [progressive-enhancement](https://surfthedream.com.au/tag/progressive-enhancement/) - [onboarding](https://surfthedream.com.au/tag/onboarding/) - [rasberry-pi](https://surfthedream.com.au/tag/rasberry-pi/) - [web-server](https://surfthedream.com.au/tag/web-server/) - [cloudflare](https://surfthedream.com.au/tag/cloudflare/) - [AngularJS](https://surfthedream.com.au/tag/angularjs/) - [EmberJS](https://surfthedream.com.au/tag/emberjs/) - [RWD124](https://surfthedream.com.au/tag/rwd124/) - [editor](https://surfthedream.com.au/tag/editor/) - [rwd125](https://surfthedream.com.au/tag/rwd125/) - [writing](https://surfthedream.com.au/tag/writing-2/) - [blogging](https://surfthedream.com.au/tag/blogging/) - [ifttt](https://surfthedream.com.au/tag/ifttt/) - [content](https://surfthedream.com.au/tag/content/) - [Am I Responsive](https://surfthedream.com.au/tag/am-i-responsive/) - [data-visualisation](https://surfthedream.com.au/tag/data-visualisation/) - [D3.js](https://surfthedream.com.au/tag/d3-js/) - [gulp](https://surfthedream.com.au/tag/gulp/) - [SSL](https://surfthedream.com.au/tag/ssl/) - [phantomjs](https://surfthedream.com.au/tag/phantomjs/) - [npm](https://surfthedream.com.au/tag/npm/) - [rwd133](https://surfthedream.com.au/tag/rwd133/) - [feedback](https://surfthedream.com.au/tag/feedback/) - [Guy Kawasaki](https://surfthedream.com.au/tag/guy-kawasaki/) - [Gartner](https://surfthedream.com.au/tag/gartner/) - [Innovation](https://surfthedream.com.au/tag/innovation/) - [rwd136](https://surfthedream.com.au/tag/rwd136/) - [rwd138](https://surfthedream.com.au/tag/rwd138/) - [linux](https://surfthedream.com.au/tag/linux/) - [command line](https://surfthedream.com.au/tag/command-line/) - [ubuntu](https://surfthedream.com.au/tag/ubuntu/) - [snippet](https://surfthedream.com.au/tag/snippet/) - [750words](https://surfthedream.com.au/tag/750words/) - [rwd podcast](https://surfthedream.com.au/tag/rwd-podcast/) - [hosting](https://surfthedream.com.au/tag/hosting/) - [soundcloud](https://surfthedream.com.au/tag/soundcloud/) - [Net Magazine](https://surfthedream.com.au/tag/net-magazine/) - [Q&A](https://surfthedream.com.au/tag/qa/) - [rwd155](https://surfthedream.com.au/tag/rwd155/) - [two-factor](https://surfthedream.com.au/tag/two-factor/) - [authentication](https://surfthedream.com.au/tag/authentication/) - [interaction](https://surfthedream.com.au/tag/interaction/) - [easter egg](https://surfthedream.com.au/tag/easteregg/) - [Form](https://surfthedream.com.au/tag/form/) - [Survey](https://surfthedream.com.au/tag/survey/) - [desk](https://surfthedream.com.au/tag/desk/) - [workspace](https://surfthedream.com.au/tag/workspace/) - [analog](https://surfthedream.com.au/tag/analog/) - [Security](https://surfthedream.com.au/tag/security/) - [Secure](https://surfthedream.com.au/tag/secure/) - [indieweb](https://surfthedream.com.au/tag/indieweb/) - [https](https://surfthedream.com.au/tag/https/) - [automation](https://surfthedream.com.au/tag/automation/) - [mailchimp](https://surfthedream.com.au/tag/mailchimp/) - [automated](https://surfthedream.com.au/tag/automated/) - [cloud](https://surfthedream.com.au/tag/cloud/) - [conditionals](https://surfthedream.com.au/tag/conditionals/) - [Creative](https://surfthedream.com.au/tag/creative/) - [Research](https://surfthedream.com.au/tag/research/) - [ios](https://surfthedream.com.au/tag/ios/) - [sketch](https://surfthedream.com.au/tag/sketch/) - [Keynote](https://surfthedream.com.au/tag/keynote/) - [Wordpress](https://surfthedream.com.au/tag/wordpress/) - [Links](https://surfthedream.com.au/tag/links/) - [speaking](https://surfthedream.com.au/tag/speaking/) - [map](https://surfthedream.com.au/tag/map/) - [vector](https://surfthedream.com.au/tag/vector/) - [starwars](https://surfthedream.com.au/tag/starwars/) - [newsletter](https://surfthedream.com.au/tag/newsletter/) - [polygon](https://surfthedream.com.au/tag/polygon/) - [touch](https://surfthedream.com.au/tag/touch/) - [print](https://surfthedream.com.au/tag/print/) - [CMYK](https://surfthedream.com.au/tag/cmyk/) - [Pantone](https://surfthedream.com.au/tag/pantone/) - [atom](https://surfthedream.com.au/tag/atom/) - [usability](https://surfthedream.com.au/tag/usability/) - [wp-admin](https://surfthedream.com.au/tag/wp-admin/) - [redirect loop](https://surfthedream.com.au/tag/redirect-loop/) - [Photography](https://surfthedream.com.au/tag/photography/) - [Space](https://surfthedream.com.au/tag/space/) - [Moon](https://surfthedream.com.au/tag/moon/) - [node](https://surfthedream.com.au/tag/node/) - [selenium](https://surfthedream.com.au/tag/selenium/) - [Popups](https://surfthedream.com.au/tag/popups/) - [accessability](https://surfthedream.com.au/tag/accessability/) - [WebGL](https://surfthedream.com.au/tag/webgl/) - [timesheets](https://surfthedream.com.au/tag/timesheets/) - [AMP](https://surfthedream.com.au/tag/amp/) - [Conversions](https://surfthedream.com.au/tag/conversions/) - [Shopify](https://surfthedream.com.au/tag/shopify/) - [Notebooks](https://surfthedream.com.au/tag/notebooks/) - [push](https://surfthedream.com.au/tag/push/) - [notfications](https://surfthedream.com.au/tag/notfications/) - [native](https://surfthedream.com.au/tag/native/) - [education](https://surfthedream.com.au/tag/education/) - [course](https://surfthedream.com.au/tag/course/) - [XKCD](https://surfthedream.com.au/tag/xkcd/) - [rwd205](https://surfthedream.com.au/tag/rwd205/) - [Dashboard](https://surfthedream.com.au/tag/dashboard/) - [Backend](https://surfthedream.com.au/tag/backend/) - [Google Search Console](https://surfthedream.com.au/tag/google-search-console/) - [Family](https://surfthedream.com.au/tag/family/) - [Noah](https://surfthedream.com.au/tag/noah/) - [SpaceX](https://surfthedream.com.au/tag/spacex/) - [BackPocket](https://surfthedream.com.au/tag/backpocket/) - [Side Project](https://surfthedream.com.au/tag/side-project/) - [rwd213](https://surfthedream.com.au/tag/rwd213/) - [meeting](https://surfthedream.com.au/tag/meeting/) - [Creation](https://surfthedream.com.au/tag/creation/) - [God](https://surfthedream.com.au/tag/god/) - [rwd218](https://surfthedream.com.au/tag/rwd218/) - [Random](https://surfthedream.com.au/tag/random/) - [Life](https://surfthedream.com.au/tag/life/) - [Invision](https://surfthedream.com.au/tag/invision/) - [PWA](https://surfthedream.com.au/tag/pwa/) - [Timing](https://surfthedream.com.au/tag/timing/) - [work](https://surfthedream.com.au/tag/work/) - [estimates](https://surfthedream.com.au/tag/estimates/) - [staff](https://surfthedream.com.au/tag/staff/) - [employees](https://surfthedream.com.au/tag/employees/) - [collaborate](https://surfthedream.com.au/tag/collaborate/) - [calculator](https://surfthedream.com.au/tag/calculator/) - [interactive](https://surfthedream.com.au/tag/interactive/) - [VR](https://surfthedream.com.au/tag/vr/) - [Time Management](https://surfthedream.com.au/tag/time-management/) - [solar](https://surfthedream.com.au/tag/solar/) - [Medium](https://surfthedream.com.au/tag/medium/) - [fitness](https://surfthedream.com.au/tag/fitness/) - [AR](https://surfthedream.com.au/tag/ar/) - [Augmented Reality](https://surfthedream.com.au/tag/augmented-reality/) - [Virtual Reality](https://surfthedream.com.au/tag/virtual-reality/) - [XR](https://surfthedream.com.au/tag/xr/) - [service workers](https://surfthedream.com.au/tag/service-workers/) - [progress sive-enhancement](https://surfthedream.com.au/tag/progress-sive-enhancement/) - [West Ham](https://surfthedream.com.au/tag/west-ham/) - [Error](https://surfthedream.com.au/tag/error/) - [Landmarks](https://surfthedream.com.au/tag/landmarks/) - [Rols](https://surfthedream.com.au/tag/rols/) - [Mac Pro](https://surfthedream.com.au/tag/mac-pro/) - [Wait But Why](https://surfthedream.com.au/tag/wait-but-why/) - [Cricket](https://surfthedream.com.au/tag/cricket/) - [Science](https://surfthedream.com.au/tag/science/) - [Aliens](https://surfthedream.com.au/tag/aliens/) - [Productivity](https://surfthedream.com.au/tag/productivity/) - [Books](https://surfthedream.com.au/tag/books/) - [reddit](https://surfthedream.com.au/tag/reddit/) - [indie web](https://surfthedream.com.au/tag/indie-web/) - [blog](https://surfthedream.com.au/tag/blog/) - [personal](https://surfthedream.com.au/tag/personal/) - [Guitar](https://surfthedream.com.au/tag/guitar/) - [Advertising](https://surfthedream.com.au/tag/advertising/) - [Money](https://surfthedream.com.au/tag/money/) - [science Museum](https://surfthedream.com.au/tag/science-museum/) - [Charts](https://surfthedream.com.au/tag/charts/) - [Inktober](https://surfthedream.com.au/tag/inktober/) - [funny](https://surfthedream.com.au/tag/funny/) - [3D](https://surfthedream.com.au/tag/3d/) - [d3](https://surfthedream.com.au/tag/d3/) - [g love](https://surfthedream.com.au/tag/g-love/) - [Charles Darwin](https://surfthedream.com.au/tag/charles-darwin/) - [Evolution](https://surfthedream.com.au/tag/evolution/) - [Notion](https://surfthedream.com.au/tag/notion/) - [Covid-19](https://surfthedream.com.au/tag/covid-19/) - [WFH](https://surfthedream.com.au/tag/wfh/) - [Streaming](https://surfthedream.com.au/tag/streaming/) - [Eleventy](https://surfthedream.com.au/tag/eleventy/) - [Resume](https://surfthedream.com.au/tag/resume/) - [Friends](https://surfthedream.com.au/tag/friends/) - [Birthday](https://surfthedream.com.au/tag/birthday/) - [Illustration](https://surfthedream.com.au/tag/illustration/) - [Procreate](https://surfthedream.com.au/tag/procreate/) - [Artwork](https://surfthedream.com.au/tag/artwork/) - [Recruitment Marketing](https://surfthedream.com.au/tag/recruitment-marketing/) - [Recruitment Communications](https://surfthedream.com.au/tag/recruitment-communications/) - [Netlify](https://surfthedream.com.au/tag/netlify/) - [11ty](https://surfthedream.com.au/tag/11ty/) - [AI](https://surfthedream.com.au/tag/ai/) - [Voice](https://surfthedream.com.au/tag/voice/) - [Recruitment](https://surfthedream.com.au/tag/recruitment/) - [Notebook Covers](https://surfthedream.com.au/tag/notebook-covers/) - [Photos](https://surfthedream.com.au/tag/photos/) - [Vinyassa](https://surfthedream.com.au/tag/vinyassa/) - [Technology](https://surfthedream.com.au/tag/technology/) - [Office](https://surfthedream.com.au/tag/office/) - [product](https://surfthedream.com.au/tag/product/) - [Food](https://surfthedream.com.au/tag/food/) - [Beer](https://surfthedream.com.au/tag/beer/) - [Back to the Future](https://surfthedream.com.au/tag/back-to-the-future/) - [FaceID](https://surfthedream.com.au/tag/faceid/) - [Crypto](https://surfthedream.com.au/tag/crypto/) - [NFTX](https://surfthedream.com.au/tag/nftx/) - [To Do](https://surfthedream.com.au/tag/to-do/) - [Planner](https://surfthedream.com.au/tag/planner/) - [Comedy](https://surfthedream.com.au/tag/comedy/) - [Tripod](https://surfthedream.com.au/tag/tripod/) - [NFTs](https://surfthedream.com.au/tag/nfts/) - [Digital Art](https://surfthedream.com.au/tag/digital-art/) - [Block chain](https://surfthedream.com.au/tag/block-chain/) - [NFT](https://surfthedream.com.au/tag/nft/) - [Basketball](https://surfthedream.com.au/tag/basketball/) - [Rarebit](https://surfthedream.com.au/tag/rarebit/) - [NFTBoxes](https://surfthedream.com.au/tag/nftboxes/) - [GraphQL](https://surfthedream.com.au/tag/graphql/) - [MongoDB](https://surfthedream.com.au/tag/mongodb/) - [Thame 2](https://surfthedream.com.au/tag/thame-2/) - [Oxford 2](https://surfthedream.com.au/tag/oxford-2/) - [Art Blocks](https://surfthedream.com.au/tag/art-blocks/) - [Singularity](https://surfthedream.com.au/tag/singularity/) - [Avastars](https://surfthedream.com.au/tag/avastars/) - [XCOPY](https://surfthedream.com.au/tag/xcopy/) - [fetch](https://surfthedream.com.au/tag/fetch/) - [Mounting](https://surfthedream.com.au/tag/mounting/) - [Gnosis Safe](https://surfthedream.com.au/tag/gnosis-safe/) - [MultiSig](https://surfthedream.com.au/tag/multisig/) - [DAO](https://surfthedream.com.au/tag/dao/) ## Project Types - [Side Project](https://surfthedream.com.au/project-type/side-project/)