We all knew about the PSD-to-HTML workflow but with the introduction of Responsive Web Design (RWD), the workflow has to change.
Given the complexity of RWD, initial planning like content strategy, IA, sketching, prototyping without considering layout changes and alternate viewports may cause opportunities for optimization and innovation to be overlooked.
Also, we can’t be producing PSD for each page and/or view variations, it’s crazy.
Hence, a new appproach is required.
Rethink the internal process with Trent Walton’s Where to Start. There’s an interesting point on browser-centric workflows & style guides being the future. Apparently, many have been talking about designing in the browser.1
Improve on how we craft webpages and the deliverables produced with Dave Rupert’s Responsive Deliverables. This article tells us to break complex page layouts into reusable solutions in terms of modules.
Learning and self-improvement has always been a part of me. And one needs to proactively embrace new approaches than try to shoehorn an old one.
If you want to know more about designing in browser, you can read the Pros & Cons.↩
Increasingly, companies have finally adopted responsive website design. To me, this is not a trend but a necessity; given how smartphones and tablets affects one’s life.
In the past, companies created multiple versions of their websites for mobile users. This is not practical hence responsive design approach saves the day. Although responsive website design has been in the scene for many years, I realised that there are some people who are still confuse between mobile sites and responsive sites.
Atoms For Peace is an experimental rock & electronic supergroup formed in late 2009 in Los Angeles, California.
Second project of Radiohead’s vocalist and leader, formed in late 2009. Band is made up of Thom Yorke on vocals, guitar and piano, bassist Flea (Red Hot Chili Peppers), longtime Radiohead producer Nigel Godrich, percussionist Mauro Refosco (Forro In The Dark), and drummer Joey Waronker (R.E.M., Beck, Smashing Pumpkins and Walt Mink).
I just realised from the post output that the timestamps are screwed up. I am puzzled. Knowing it must be some timezone issue, but I have no idea what is wrong.
Anyway, for the interim, i’ll generate the site with a specific timezone. Use the command below.
I’ve recently registered a domain name (sylviang.me) from Media Temple benefiting from their $1 valentine’s day domain sale. So I decided to “live” this blog that I’ve been working on for the past few days.
Setting up an S3 bucket as a static website is pretty straightforward as referred to the AWS guide. However, as this is the 1st time I am using Amazon S3 and Media Temple DNS, I am not sure how should I configure my DNS. But nothing is not possible with some googling and playing around.
For clarity sake and because I’ll forget if I don’t write it down, I am going over the steps below.
Create two buckets. It must be the same name as your domain name. e.g. sylviang.me & www.sylviang.me
Upload your content to one of the S3 bucket (sylviang.me).
Configure buckets for website hosting. Enable website hosting for bucket (sylviang.me). Redirect all requests to another host name for bucket (www.sylviang.me).
Test and make sure the “EndPoint” url works as expected. It should be something like sylviang.me.s3-website-ap-southeast-1.amazonaws.com
Using the administration tools provided by your domain registrar, remove any “A” records that may have been automatically setup for your domain.
Forward your root domain (sylviang.me) to the www subdomain (www.sylviang.me). Mask the forwarding so visitors will see your registered domain instead of the S3 url.
Add a “CNAME” for the www subdomain, pointing to your S3 url (sylviang.me.s3-website-ap-southeast-1.amazonaws.com).
As a digital project manager, I am often called upon to act as a stand-in information architect which has greatly intrigued my interest in this area.
I have developed hands-on skills on the following:
information architecture
sitemaps
low-fidelity wireframes using omnigraffle, powerpoint, sketches
high-fidelity wireframes using photoshop
usability testing
I always believe in validating first and code later. It is important to get the requirements and human-computer interaction approach right to avoid expensive roundtrip modifications to a fully developed system. But sometimes, you just gotta do it the agile way.
This was a project that we have spontaneously decided to participate in and was shortlisted among 300 over applicants for the 1st Red Bull Flugtag held in Singapore. The objective is to hand-build the wackiest aircraft where it will be judged based on creativity, flight distance and performance.
I am the pilot where I launched our “Goldfish” plane from a 6m high ramp into the deep blue sea of Siloso Beach, Sentosa. It took us close to 2 months to design, source and build the plane. It is a great experience that I will never forget. Find out more about Team FlaskMLPOP.
