Surf the Dream A discourse of links and articles from Justin Avery

Category Archive: Writing

  1. Enabling https SSL on your site

    Leave a Comment


    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

    SSL-b

    Update 11am: The certificate was just the first step. I’m getting an F for security at the moment because a bunch of server vulnerabilities need to be fixed. You can see the real results here https://www.ssllabs.com/ssltest/analyze.html?d=ami.responsivedesign.is

    SSL-f

    Yesterday I joined the Indie Web Camp in Dusseldorf at the lovely Sipgate. One of the topics that were discussed was around HTTPS and SSL.

    I challenged Jeremy Keith last night over a beer just what the point of using SSL on an otherwise public website. I figured that if all of the content on the site was publicly available then there was no point in making it secure.

    He, of course, set the record straight by explaining that it is more for the person receiving the information. By serving his content over https then people snooping on what I might be looking at will have a hard time seeing that I was reading his blog, and also I could be sure that there was no “Man in the Middle” that were changing Jeremy’s well chosen words.

    I was sold.

    Getting Stared: Obtaining the SSL Certificate

    This proved to be comically difficult. I went to go with NameCheap to purchase the certificate as they were only €8 for a domain (Wildcard is much more expensive). It was pointed out that I could get a free Certificate at StartSSL, this was also one of the topics during the chat yesterday… everyone felt it was wrong to be charging so much money for certificates.

    The comical bit came when I registered with StartSSL and was notified that it would take up to 6 hours to be issued with a certificate, and then proceeded to give me a SSL Certificate error when trying to log back in and check the status.

    Back to NameCheap.

    I purchased the certificate and was away.

    Enabling a certificate on you host

    There are a few different hosting providers that I use. One of which is a friends server and he provides Direct Admin to manage my account. The site I was looking to SSL enable was ami.responsivedesign.is and it was hosted through my friends server, but unfortunately that particular server configuration would only allow his own parent domain to be assigned a certificate. Back to the drawing board.

    I have two other hosts, a handful of Digital Ocean boxes (one of which runs responsivedesign.is) and Media Temple, something that is set up perfectly to manage multiple domains.

    After locating the DNS provider for the site (Cloudflare controls the DNS for these sites as responsivedesign.is is using a paid account there) I was able redirect traffic from the old host to the new location of the site, my Media Temple site.

    Generate a CSR Code

    This is the first step after buying the SSL certificate. It is done through the Plesk Control Panel provided through media temples hosting interface. Specific details on that process can be found on the Plesk site https://www.namecheap.com/support/knowledgebase/article.aspx/9447/0/plesk-12

    Activate the Certificate with CSR Code

    Once you have the CSR code (and you’ve safely saved the Private Key as well, I use 1Password for this stuff) then you will need to validate the request. You can either do this through WHOIS Record but the easier way would be to do it through an email verification. For this you will need an email account assigned to your domain (justin@responsivedesign.is is the one I had, but that wasn’t a choice for emails). You will want to have admin@ hostmaster@ webmaster@ or administrator@ as an email address to enable this. I host my emails through Google Apps so I was able to go through the user profile and add an alias for webmaster@responsivedesign.is.

    You need to confirm the details and an email will be sent to the address containing a link with a code for you to copy and paste. This took a few minutes to arrive and I pasted and submitted the confirmation which then results in another email being generated, although this time the email is generated to the administrative contact you specified when you confirm the details (for me this is justincavery at gmail).

    Three emails were sent. One was a thank you, the other was encouraging me to include a SEAL on the site (which pretty much advertises the SSL Certificate provider) and the final one contains a Zip file with 4 .CRT files and also a plain text for your domain certificate.

    The plesk instructions, https://www.namecheap.com/support/knowledgebase/article.aspx/9448/0/plesk-12, show that there is a standard certificate and then a bundle. I didn’t actually get the bundle as part of this process however Francis explained that I was able put them all into a single file myself, so I added each of the other three files into a single file and named it ami_responsivedesign_is.ca.bundle

    I was expecting fireworks when I clicked on commit but it simply added the contents of the files into the page and refreshed. Pfft.

    Enabling SSL/HTTPS

    On Plesk go to the Host Settings where you can update the domain name, hosting type, document root etc. The second option on this page is “Security”.

    SSL support should be ticked and you can pick the certificate from the select box. Save the changes and you are AWAY!

    Check SSL has worked

    You can head over to http://www.sslchecker.com and test to see if the site now passes.

    You can see the results of Ami.ResponsiveDesign.is http://www.sslchecker.com/sslchecker?su=2c792e566363ebd0cd60f60172f352e9

    Redirecting http to https

    The final step is to ensure that all your traffic will now be hitting the https version of your site. Depending on your hosting setup this can be done in a few ways, I found that .htaccess was the easiest approach.

    By adding the following to my .htaccess file I was able to redirect all traffic

    RewriteEngine On
    RewriteCond %{SERVER_PORT} 80
    RewriteRule ^(.*)$ https://ami.responsivedesign.is/$1 [R,L]

    And we’re done. You can try this out for yourself by heading to http://ami.responsivedesign.is and you should be redirected to the secure version of the site. Hoorah!

    Read more

  2. Roland Davies

    Leave a Comment

    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 to convince a few of my team mates as they attempted just that either to be stumped of caught… very clever ploy Mr Davies.

    Over the next two years we played in the same representative team (Darwin) and we played in the NT Championships in Alice Springs and Gove. On the second trip to Gove we both made the NT Primary Schools side managed by Russ Marlborough along with a series of other team mates who would go on to become long time friends.

    The team was made up from

    • Roland Davies
    • Aaron Shattock (shatz)
      Matthew Whealan (Wheels)
      Phillip Sutherland
      Jeff Oliver
      Robert M
      Ross Stanger
      Hugh
      Michael Greenup

    and a number of other players.

    Both Shatz and Wheels went on to become close friends with Rol’s

    – Juice Crew friends with Clint
    – Speaking with David King he talked about how scared Roland was to head out to open in the first games while playing rep cricket. Eventually he just said

    “Bugger it”

    and manned up to the challenge. Following on from that was yet another call up to the All Australian side.

    – He was one of the brightest men on the planet, and in the days of the pub quizes in Darwin he was quick to point out that fact time and time again. As bright accademically as he was there are litterally hundreds of incidents throughout his life that contradict this.

    – Driving back from Cricket training with Jess giving us a lift. He was busting to go to the toilet but thought that Jess would leave him on the side of the road, so instead proceeded to wind down the window and try take a wizz out the window. Jess hit the brakes and roland ended up wearing much of the urine before we set off again.

    – I remember staying over with Roland, a man that could never see past about 9pm even on the weekend as we were growing up. Thankfully Jess is one of those awesome people who didn’t care I was Rolly’s friend and we stayed up to the wee hours eating popcorn and watching the late show. This really bugged Rols and they used to fight with Jess teasing him that I really stay over to hang out with her instead.

    At 15, and looking about 12, we were in Melbourne playing in the U/17’s Australian Championships. We played against the likes of Michael Klinger and Marcus North: but it was other events on tour that really stood out. On a trip to the zoo Roland became over excited and offended a school group as we walked past the monkeys cage exclaiming

    “He’s wanking…. the monkey is wanking off”

    .

    Later that tour Roland would head off with a few of the older lads in the Squad to “The Shaft” which was the only strip club in Melbourne that would let them through the doors. He was devastated when Cherry took off his brand new hat he had got for Christmas to use as a prop for part of her show.

    I remember Roland at St Johns being kept after class one day because of his classroom antics. Not realising what he had exactly done wrong he assumed it was because this particular teacher, Ms Marny, was actually attracted to him and wanted to spend some time alone with him. He actually said

    “I know why you wanted me to stay behind. It’s because you want me don’t you.”

    I thought he was stretching the truth a bit until I joined him in the office to officially apologise to the teacher in question with the headmaster there also. At this point Roland begun to develop a reputation of telling a story… and for those of you that knew him well would have heard the same story told a few times…. each time the fish getting a bit longer. Knowing this Roland and I struck up a deal: he would always tell me the actual truth and I promised to never call him out during the elaboration of a story.

    When Roland moved to Queensland we still kept in touch and I tried to visit as often as I could, usually once or twice a year. It was during this time that he was finishing off University, for the first time with his Law degree, while also introducing me to the Paddo Hotel. At the time he lived on Given Terrece above a Flight Center about 100 meters from the Paddo with Chris Picton. Pico had hundreds of hours worth of stories where Roland had gone off the rails and done something stupid. Roland’s favourite story was the one and only story he had on Chris over a 5 year period of living with him. After an afternoon of playing beach volleyball in the sun and swapping out water in favour of $2 Smirnoff Vodkas we were refused entry back into Paddo 10 hours later. We all retreated back to the apartment when Pico began throwing the contents of the vegetable chrisper down the road at the rather large and angry samoan bouncer.

    One of his favourite stories

    At this point Roland and I knew we were going to be lifetime friends.

    I find it hard to believe that at just 35 years old I can look Roland and say that we’ve been friends for 25 years. That’s a long time to know someone, to share an lifetimes worth of experiences. I love my wife and know her very well yet I’ve only known her for 8 years. Roland I have known for 3 times longer.

    Although we knew that we’d be best friends forever… brothers from different Mothers and Fathers… neither of us ever knew that our life time of friendship would be cut short just a few days ago.

    When I first arrived in London in September of 2007 it was Roland that took me into his home. The first thing we did was go out for a beer down the road in Colliers Wood.

    Roland and me enjoying our first beer for a few years.

    Enjoying our first beer together in London 2007

    20th July 2010

    I hope you are well. I set a new record last weekend and managed to lose a mobile phone on two consecutive nights. I am now on first name basis with the staff at the local vodafone shop. Can you please email me your phone numbers.

    Read more

  3. Responsive Answers

    Leave a Comment

    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 JL Hatton @Aaron_JL_Hatton
    @netmag @justinavery whats the best way to do responsive design, CSS or Javascript?

    CSS all the way.

    There are element of Javascript that you can bring to your responsive implementations, although they should be primarily used as a progressive enhancement.

    There are some great js plugins available to assist with your responsive designs including FitText, FitVids, Respond.js, picture fill, element queries, and grunticon to name just a few (and you can find all my favourites at responsive design javascript tools.

    Rachael Knight @Rach_Jenn
    @netmag @justinavery media queries- good or bad?or should we simply sort when we find something that breaks?

    Good? Better? Media Queries are the best, they are the special sauce that makes responsive design…. Responsive!

    Always remember the first media query is the lack of a media query, so build your site mobile first. The chances are that the devices that don’t support media queries will require a mobile first approach anyway. As you expand your viewport watch the content stretch, and then included a breakpoint when the content looks rubbish. Use something like Brad Frosts ISH to help you find those in-between breakpoints.

    E for Or @EforOr
    @netmag @justinavery Breakpoints. RWD shouldn’t cater for specific devices, but iPhone/iPad screen sizes as standard regardless of content?

    You should always let the content dictate your breakpoints. When something looks wrong, add a breakpoint and make it right again.

    Today the most popular widths are the iPhone 5 and iPad, but if you look back 12 months it was the iPhone 4s instead (different dimensions). Who knows what the next most popular screen is or when it will come out, so why try and guess the size and lock yourself into something that will change?

    At the end of the day you should focus on your traffic and find which users are accessing your site of what devices and base your decisions off that. We’ve even prepared an easy to use free google analytics dashboard to help you make that decision with your existing traffic.

    Read more

  4. Web design feedback tool for project teams

    Leave a Comment

    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 I need and why doesn’t it exist just yet”

    The other day I had one of these thoughts, although I couldn’t tell you exactly where it occurred the main thing is that I had my notebook with me to jot the idea down before it was lost.

    Responsive Web Design Testing

    I’ve dropped the term “Responsive” off the heading here because at this point I’m going to assume that you’re all building responsive sites by default… and therefore we can just call it Web Design.

    A typical situation

    There have been some great articles about designing in the browser or deciding in the browser by folks much smarter than myself. Dan Mall, Stephen Hay, Brad Frost, they’ve all had something to say around the process.

    Typically we would see this:

    • Client needs a new website
    • Content review/strategy/rewrite (after all we want to base our designs upon the content and not Lorem Ipsum)
    • Moodboards, wireframes, design collages, getting to understand the general direction of the redesign
    • Move onto some photoshop comps to decide on some specifics
    • Further pad out the browser based wireframes with more fidelity, or start to ‘cutup’ the photoshop designs that have come from the designer

    At this point we’ve got a few people working on the project. The client, project manager, art director, designer/UX, front end person…. maybe a few others.

    Some of the issues that we might see are:

    • Browser based wireframes aren’t quite telling the full story, or there’s some issues with how they are layed out.
    • Photoshop designs don’t cover a few breakpoint edge cases, and the front end person needs to “fill in the gaps”
    • Client reviews the first set of browser based designs from the front end dev, and things aren’t working the way they expected
    • Art Director or Design check out the front end browser comps and there’s some discrepancies between what the direction was and the outcome.

    Each of these problems are unique, each of them involve various people. All of them are important.

    The process after this is an email from X to Y explaining the problem, or if you’re working with Github or Basecamp (yay for the client) then it’s updated as a discussion. There’s usually a screenshot involved as well highlighting the potential issue.

    This is great, but it’s not the best way to proceed through a series of reviews and fixes to keep everyone working together towards the same goal.

    What would be nice is if there was a browser extension or bookmarklet that could help. The tool would….

    1. log the user into the system
    2. click to clip the section of the web page you are making a point about
    3. a screenshot is taken of the entire browser window (viewport) and highlights the clipped section
      the clipping user now has the ability to add some comments around the issue or intended user experience
    4. the content is then stored ???? (in Evernote maybe to begin with), and along side it the following information is also captured as metadata
      • Date/Time
      • OS (version/patch/release)
      • URL
      • Browser (version/patch/release)
      • networking information (if available)
      • User details
      • Viewport
      • DPI

      This will help categorise the shots that are taken to focus on particular browsers/OS/URL’s etc.

    I suggested using Evernote as the storage because a lot of people are already using it and it takes some of the complexity away, however this could just as easily be configured to run as a complete stand alone web app.

    Possible downsides

    • Does it already exist?
    • Is the workflow going to make sense, is it easy enough to do without a second thought
    • Will the client be able to do it?
    • Can bookmarklets achieve this, or does it need to be browser extensions?
    • If browser extensions will all clients be able to install and use it?
    • Will it run across Safari, Chrome, IE, Opera, Firefox?
    • Does it need to be an OS specific App (OSX and Windows)?
    • There are tools like Pinegrow that will suck down a current URL and turn it into an editable webpage that you can export at a later date. Could/should this be able to do the same?
    • Could this be integrated into Evernote, or GitHub, or does it need to be the complete package rather than something that sits over the top?

    —–

    I’d love your feedback and thoughts, especially if something is out there that already does this kind of thing, or if there are other issues I’ve not thought of just yet.

    Read more

  5. How to host your podcasts

    Leave a Comment

    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 all of your favourite podcasts in one place. This allows you to collect and share and find other podcasts around the web that you may not have come across previously.

    One of my favourite things about this particular service is that it relies on being able to access the MP3 file from the originating site rather than create a copy of this.

    The second part of the article points out that folks that are getting in to Podcasting should be hosting their shows on SoundCloud. This is something that I did when I first started taking baby steps into the world of podcasting (I’m barely past the crawling stage to be fair, and often I’m still spitting up on myself and soiling my nappies if we’re going to take this baby analogy further).

    Choosing somewhere to host your files…. in the process of deciding anything anything when building something online comes down to two thoughts/decisions.

    1. Finding something that does something that you need.
    2. Finding something that does something that you can actually find and implement.

    There are many occasions where someone has chosen a particular path because it covers everything they’re going to need to do… but never actually launched because it was too complicated with too many overheads to get going. On the flip side, I’ve seen many things launched that don’t quite fit the requirements because it was the easy options and they were not away of anything else that might have been able to work.

    On a total side note, THIS PROBLEM — complexity vs capability/knowledge — is why it’s okay to charge <insert large number here> for <insert problem here> when it only takes you <insert short time frame here>. It’s because you’ve managed to gain a wealth of knowledge about how best to do things over many many years of trial and error (it’s called charging for your experience, and trust me you’ve got some). I digress.

    Choosing a podcast platform

    For me the things I wanted to achieve were this.

    1. My server had limited space and bandwidth was expensive, so off site hosting was good.
    2. I wanted to track the number of listens
    3. I wanted the podcast to be easily found
    4. I wanted the ability to nest the podcast onto my site (youtube/vimeo embed style)
    5. I didn’t want to pay money for it

    With my limited knowledge of podcasts I decided that Sound Cloud was the way to go. After setting it up super quick and simple I was away.

    Unfortunately after the second week I started to run into problems.

    Sound Cloud only allowed me to upload a certain amount of time worth of podcasts each month, and there was a limit on my overall storage. That, coupled with the fact I talk for a LONG time on the podcast, meant that I had to go onto the pro version of soundcloud.

    Now my expenses had gone up to host them there.

    Next issue was that people wanted to download the podcast, or add them to HuffDuffer. I didn’t have any file apart from the one I uploaded to Sound Cloud so I created a Bucket on Amazon S3, hooked up CloudFront to it and started storing the content there. At this point I considered moving to a HTML5 <audio> player but I still wanted to track the number of listens to the track.

    The next problem came when I again needed to upgrade my Sound Cloud account because I was using too much content. At this point there was little point to keep it up there, in fact the only reason was tracking. AFter a bit of googling, reading and researching I found LibSys which allowed me to host podcasts with them and track them through their interface.

    Now I had sound cloud that was doing nothing except providing a nice-ish (although Flash required) player for my podcasts, and if I used that then I would not get a real understanding on the analytics because they’d be split between SoundCloud and LibSyn.

    At this point I bailed. I migrated all the old show across from soundcloud to Amazon S3 and pointed LibSyn to them, going back over the episodes and replacing the nested <iframe> with a more supported <audio>.

    Read more

  6. Staying focussed when tired

    3 Comments

    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 fact that I’m working on the computer, and even worse in a browser on the internets.

    In modern day life there are only so many things, physical things, that can capture your attention.

    Imagine you are in your living room. There’s a bookshelf off to the right, in front of you the television is playing an ad in the middle of Quantum Leap where Sam has come back as lady (Oh’ Boy!). In between you and the television is a coffee table with a couple of design magazines, a few bank statements and the Men’s Fitness magazine you keep buying to lose that fat yet do nothing more than flick through the pages to read the work outs… and then check out the gadgets section.

    There’s probably a few other things around the room, but the point is that your attention can only wander to a few things. Lets say the ad is about banking and it switches your attention to the statements on the coffee table. “I must file those” you think to yourself. Then the next ad comes on about Cravendale milk and you temporarily lose your train of thought. Scanning the room you only have 10-15 things that could lead you away from the bank statements. As you glance across them you remember that the previous ad was about banking and your on track again.

    This is not how the computer works.

    This is not how the browser works.

    This is not how the internet works.

    At the moment as I’m typing this (in distraction free mode with notifications muted) I know that behind this wall of peaceful white are 24 tabs open in my chrome browser. Twitter, Adium, Skype, Hipchat, Omnifocus, and iMessage are all running in the background as well. Oh yeah, those 24 tabs…. that’s in one of the chrome windows. Theres 3 other chrome windows open with a similar number still open from the stuff I was doing earlier.

    Within those tabs is Facebook, a design forum, two unfinished you tube videos (one funny, one a tutorial about setting up grafana for front end performance). In another two tabs are two grafana dashboards that are almost finished, and across the others are Linked In, two WordPress Dashboards, a shopify developer dashboard and a client dashboard.

    Now when I get distracted via a mention on a tweet I usually read it right away. While I’m there I have a quick scan through my twitter timeline and inevitably find a couple of links that people have shared. One of the links is to a new responsive website which I want to check out and feature in the examples section, and another link is to an article about performance. I open both a start reading the performance article and half way through they talk about a product that is made specifically for working on responsive sites…. “That’ll be good for the newsletter” I think, “maybe they might like to sponsor an edition too”. I open up the tool and have a quick look before deciding I like it. I head to their contact page to find an email address and open up another tab with Gmail (which I’m sure is open somewhere else… but chance are i’m half way through reading an email and don’t want to lose my place). I hit compose and paste the email address in just before a contact form comes through with someone asking about sponsorship. That looks interesting. Rather than email a possible I decide to review the probable opportunity. I read their thoughts and open their site to check out what they offer and… ohhhh, it’s a responsive images hosted solution. That actually reminds me that there was another similar solution I’d seen last week… perhaps I should get a list of them together a right a post about the different options. I could also see if the other one would like to do some advertising later in the year as well.

    “Wait…. what was I doing again? It was something in one of these tabs. Ahhhh let me see… let me see….”

    OmniFocus pops up to alert me that I’m supposed to get back to a DM on twitter. I head back to twitter to do the DM, but there’s another one there and some more mentions.

    ———-

    These are all the distractions you have just within a browser window…. never mind hipchat, adium, messages, skype etc coming through as well.

    It’s incredibly hard to stay focussed when you are tired, but the best way I find to overcome this is choose 8 things to do today.

    – 1 Major thing (will take 2 hours)
    – 2 Minor things (will take 30-35 mintues)
    – 5 Small things (5-15 minutes each)

    I’m off to create my list.

    Read more

  7. Monitoring Performance with Digital Ocean

    1 Comment

    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, so I see an argument against that too).

    Please note this is an ongoing article. I’m blogging as I build, so expect a lot of updates as I progress.

    https://www.digitalocean.com/community/tutorials/how-to-install-and-use-graphite-on-an-ubuntu-14-04-server

    Once Graphite is set up you can apply a prettier frontend by installing and configuring Grafana.

    http://grafana.org/download/

    On your webserver download the latest version of grana

    wget http://grafanarel.s3.amazonaws.com/grafana-1.9.0.tar.gz

    Next you need to unzip the .tar.gz file

    tar -xvzf community_images.tar.gz

    Now you need to copy the folder to your web root to access the interface. During the graphite installation you copied some details to /etc/apache2/sites-available, this is

    Afterwards I found you also need to download and run Elastic Search, instructions I found here
    https://ianunruh.com/2014/05/monitor-everything-part-4.html

    While I was trying to add cross scripting capabilities I received an error about HEADERS not being available. By default the headers module is excluded from Apache so the following line fixed that for me

    a2enmod headers

    Installing the chrome drivers I used the first part of this tutorial

    http://yizeng.me/2014/04/20/install-chromedriver-and-phantomjs-on-linux-mint/

    … at least until it arrived at the install phantomjs (which should have already been done previously).

    Common Issues

    Here are some common issues I ran into during the configuration of this.

    sitespeed.io: command not found

    Each time I log back into the server to run sitespeed.io I get the following error

    sitespeed.io: command not found

    To overcome this you need to run

    nvm use v0.10.33

    which kickstarts node into use and allows you to run sitespeed.io

    After installing google chrome as per the sitespeed.io instructions I was having trouble with running the command sudo apt-get update. After a bit of searching I found that there were duplicate entries in /etc/apt/sources.list.d/ for google.list and google-chrome.list, so I removed the entry for sudo rm google-chrome.list. This article explains the full process for getting this working again.

    info: Starting proxy on port 9092, will wait at most 15000 ms

    I’m getting the following error after rebooting my Ubuntu Digital Ocean server

    info: Starting proxy on port 9092, will wait at most 15000 ms
    error:

    I was getting this issues when running

    sitespeed.io -f urls.txt -b chrome,firefox --memory 16 --screenshot --profile mobile --viewport 480x320

    The -b chrome,firefox seems to be causing the issue. After I removed this it worked fine.

    Getting frequent peformance monitorin

    This may not be the best way to do this… but I wanted to get reports on the site I was working on every 60 seconds. To get this done I ran the following command while on the Ubuntu commandline

    while true; do sitespeed.io -f urls.txt --memory 32 --name "Demo" --graphiteHost localhost; sleep 60; done

    Read more

  8. Write as you do

    Leave a Comment

    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 don’t consider myself to be an expert in either of those fields, I have found that I’m pretty good and finding the right google search term to get the right answer.

    On a few occasions the results I have found have managed to get me 90% of the way, but some tweaks have been required to get it all working in my particular scenario. At this point I should have written down my actions and captured the results through here. My Blog. My Web Log of what happens. The place I write to remind me about stuff. This would allow me to reference my own instructions again should I need them, and also provide the 100% correct solution for someone with my same problem.

    Unfortunately I’ve been a little lazy and not had as much time to document these findings recently, and as a result I can no longer remember what I had solved. What I do know is that some time down the track I will lose that time 10 fold trying to resolve the same problem.

    Always write down what you’re doing when discovering something new, it will help me out one day too.

    Read more

  9. Aaron Draplin on logo design

    3 Comments

    This is a fantastic short video as Aaron Draplin takes you through the approach to designing a logo. Super inspirational and made me want to start creating immediately.

    Most logos aren’t designed in fifteen minutes, but most designers aren’t Aaron Draplin. Aaron’s a Portland fixture by way of the Midwest, the owner of Draplin Design Co., and an advocate of “blue collar” design: design that works. Here he takes our logo design challenge, creating a dozen iterations of a logo for a fictional construction company. Not inspired? Just wait. Watch as he sketches, brings his ideas into Illustrator, and tests and tunes the different iterations. The logos Aaron creates prove design can elevate any company or brand. Along the way, he provides tips for freelancing, finding inspiration, and providing clients context for logos that won’t just live in PDFs.

    Read more