Daily Links
Maintaining CSS Style States using "Infinite" Transition Delays
Looks like soon it will be possible to build games on pure CSS without any scripting language )))Grunt - build tool for JS
Grunt is a task-based command line build tool for JavaScript projects.The shocking toll of hardware and software fragmentation on Android development
As we get into more and more iOs and Andriod projects, this is something we are tacitly aware of. Although I didn't realize it was this bad.Rhetological Fallacies
A quick summation of error and manipulations of rhetoric and logical thinking. All with those easy-to-digest info-graphics the internet loves nowadays.Trying Out Timeline for Facebook Pages
With Facebook rolling out the timeline interface to Pages, we decided to to make the upgrade a bit early to better get acquainted with the new look and feel. So with a flip of a switch and a couple image uploads, we polished up our Visual Lizard Facebook Page and learned a couple things on the way.
First of all, the new profile image (which is our green square icon) is used on the page and as your profile icon whenever you make a post. When uploading a new one, it must be 180px tall by 180px wide. It gets scaled down to 125px tall by 125px wide on the Timeline, and scaled down to around 32px tall by 32px wide as news feed icons. I haven't seen it ever used at the full 180px square format and I wasn't allowed to upload anything smaller, nor was I able to upload a different image for the smaller sizes (ideally optimized for those dimensions), so you'd better make sure your profile image scales up and down as cleanly as possible.
The large cover image is 315px tall by 851px wide, but you can upload a larger one if you want. You are given the chance to move the larger image within the confines of the cover space after uploading.
One of the bigger updates is how the apps work. They are no longer a small list on the side, but instead a series of prominent rectangles below the cover image. By default, all third-party apps will use the app's default icon, which is square, but Page admins have the choice to replace those. To the right of the row of rectangle app icons, there is a down-pointing arrow.
Click that, then hover over an app's icon's top-right corner to reveal a pencil icon. Clicking that will give you a number of options, the important one being "Edit Settings". In there, you can not only give the app a custom name unique to your Page, but also upload a properly rectangular icon at 74px tall by 111px wide.
In that same place you can either remove the app from your Page or swap its position with any of the others. Two unfortunate points you'll discover are that you can only have four apps up there prominently, all others being more-or-less buried away, and you cannot move or delete the photos app, so you only really have places for three others.
Some nice changes are the amount of room each app can now have. When in an app's own space, developers can now use a full 810px wide area to develop, as opposed to the old 520px. Also, most of the rest of the elements, both of Facebook and of your Page, are tucked away up top. This gives the apps so much more breathing room, no longer fighting for attention like they did on the previously busy layouts! As you can see, we've already updated our own custom-built apps, allowing us to automatically update our Facebook Page right from our website's Catalyst admin screens.
We're going to keep experimenting with Facebook's new Timeline and how apps interact with them. So far, I like what I've found, and am especially interested in building a few Timeline Apps. You can keep an eye on our Page to see how that turns out ;)
Daily Links
On Building Flipboard for iPhone, The Digital to Physical
Great narrative by Craig Mod on the journey from concept to shipped product. Grab a coffee and read.EarthHour 2012
March 31st at 8:30pm. Shut it all down and hang out in the dark. Climate change is likely to the be them most pressing issue our children will face in their lifetimes. Help send a message.Bacon Coffin
As advertised.Kickstarter Post-Mortem
Ze Frank goes into a lot of meaty details on the behind-the-scenes in running a Kickstarter campaign to restart his video blog.Canada Scrapping the Penny
According to the 2012 federal budget unveiled Thursday, Canada will be no longer producing the one-cent coin as of this spring. "The penny is a currency without currency in Canada", Finance Minister Jim Flaherty told reporters.
Every Mobile Social App Site, Ever
"It's in my awkardly-positioned hand; it should be in yours."Daily Links
The Startup Ethic & Charitable Impulse
Alexis Ohanian of Reddit and Breadpig writes about the new generation of nonprofits online.Charge Of The Like Brigade
Devin Coldewey examines Google's transition from a service and utility to a social network. "What Google has done, remarkably, is to transfer all the worst qualities of Facebook to themselves while managing to retain almost none of the good ones."The Pull-to-Refresh Patent
Dustin Curtis has a nice write up about the iOS pull-to-refresh behaviour that Loren Birtcher came up with while building Tweetie, which was sold to Twitter. It is a patent application that has yet to be reviewed, but it is novel and will likely be granted. Which means, actually I don't want to think about what it means. Pull-to-refresh has become so automatic that I find I often do it when I return to my desktop. Here is hoping that sane thoughts prevail.Canvas Fireworks in HTML5
Wow. Take your up-to-date HTML5 supporting browser and enjoy!Daily Links
To Be The Best
Tenacious D is back with a new album, Rize of the Fenix, to be released May 15th. Aw yeah.BrowserQuest
Mozilla has teamed up with Web design studio Little Workshop to develop a web-based multiplayer adventure game, built with standards-based web technologies and designed to be played within a browser.We Have Augmented Catalyst to Accept Emails for Our Daily Links
If you visit visuallizard.com with any regularity, you know that we post up interesting links for each other in the Daily Links portion of our blog. A little while ago, we were discussing what we could do to make the posting of these links easier. Posting a link wasn't complicated, but we wondered, "Could we make it easier? How about faster? Maybe both?"
Never ones to shy away from a challenge, we set to work armed with the following goal: how can we make this simpler?
Our current process goes something like this:
- login to Catalyst
- visit the blog area of admin system
- find Daily Links section
- add a new link and fill in the required fields
- save
In reality, this only takes 3 or 4 minutes at most. But given our nature, we wanted to try to shave it down to 60 seconds or less. How?
With the above process, no matter what we do, we will always have to do Step #4. There is no way to provide a link without providing some data. Over the years, we have distilled the information needed for links down to a bare minimum: link title, URL, image (optional), description (optional), and appearance date (auto set to the current day). The appearance date is only there so we can cue up Daily Links in the future if we know we are going to be away. This leaves us with the required minimum of a title and a URL in order to post a link.
The next thing we discussed was how most of us consume the web. Of the seven of us in the office, everyone has a smartphone of some sort, five of us have tablets, and all of us have laptops. Since we have ready-built tools for posting from our laptop, and we all have smart/mobile devices of some sort, we decided to concentrate on posting from our phones. What would be the fastest way?
Text messaging would be quickest, and given that we have a good partner in Twilio, we explored this. The problem is the 144 character limit. That is not enough space for some URLs even, let alone a description and title.
Email seemed the better choice. In order to facilitate this, we needed to ensure we had the php-imap functions enabled. Once those where in place, we decided to test our plan by creating a new mailbox that would collect the emails for our Daily Links. Email is pretty simple by nature and we wanted to retain that simplicity as much as possible. We used the subject field as the title, the first line of the body as the URL, and everything after as the description. The final piece is a little secret code for each of us, that when paired with our at-visuallizard-dot-com mail accounts, act as a the security check and allows the post to be published onto the site.
Once we tested everything, we setup a cron job that runs our "read inbox" routine and writes the contents of valid, security-checked emails over to our database. Voila! Quick Daily Links can now be posted from wherever you consume the web.
In our extremely-rough calculations, we have seen link posting times of around 60 seconds with this email routine versus the 180-240 seconds observed with the login-navigate-post routine. That might not seem like a big gain on the surface, but over the long haul you could end up saving an hour here or there, which really adds up.
A few things to keep in mind if you are going to try this on your own:
- Hosting your own stuff certainly helps, as not all hosts will allow you to add functions to php and create virtual paths in your hosting setup.
- Ensure you have at least 2 security checks to validate the emails before you post them. Restricted from-addresses, secret codes, or even manual approval processes.
- Be aware that spelling, sloppy grammar, typos and the like are part and parcel of email, so you should have another tool for editing posted links. We do in our Catalyst CMS, but you shouldn't look to email posting as your only avenue.
- Never publish the email address you want to send these links to. Never!
- Be prepared to destroy and reset your mailbox if/when the spammers find it. This would of course mean modifying all your scripts as well.
If you are a client of ours and you use our Catalyst CMS, we now have a pretty awesome method for posting to it through email. Contact us if this is something you are interested in and we can make it happen. If you aren't a client of ours but would like to be, we are happy to talk to you about anything you might need.
Daily Links
10 Million Angry Space Birds
Rovio tweeted this morning that it has recorded ten million downloads of its new Angry Birds Space game in just three days!Doctor Who Season 7 Teaser Trailer
More Matt Smith doing more Doctor Who. This is a good thing :)BBC Reveals New Doctor Who Companion
To accompany the new season 7 trailer, we also have news from the BBC regarding the Doctor's next companion.Type Connection
An awesome thesis project that teaches you how to pair typefaces.Plastic-eating Fungi Found in Amazon
A report by NZ Herald states a group of students from Yale University found a species of fungus that appears to be happy eating plastic (specifically polyurethane) in airless landfills.Daily Links
How Apple.com will serve retina images to new iPads
Great technical look at what Apple is doing to serve up hi-res images to the new iPads. It is a given that eventually laptops, desktops and competing tablets will all have similar hi-res screens. We will be looking into this technique very soon. Stay tuned.James Cameron at Ocean's Deepest Point
Seven miles deep, only the third person to do so and the first to do so solo. Looking forward to some amazing footage!Daily Links
Frustro: The Impossible Typeface
Frustro is based on the illusion of the Penrose triangle the type appears to be facing two different directions simultaneously.Behind The Scenes Of Tourism New Zealand (Case Study)
Read about fascinating process of creating Tourism New Zealand website. From the amazing photoshoot, to post production editing, animation on canvas and frontend optimization. It would be great to have same budgets and open-minded clients to work with. Luckily most of our clients are fun to work with!Play Star Wars: The Old Republic For Free This Weekend
Limited availability. Go now if you want to kick the tires before committing!Some Visual Lizard iPad Wallpapers
I recently upgraded to a third generation 16GB wifi iPad, which sports an amazing high definition screen. Everything looks absolutely amazing and crisp on it. Everything except all the 1024 pixel by 1024 pixel wallpapers I had downloaded previously. WIth the new iPad's retina display having double the pixels onscreen, they looked scaled up and blurry.
So I figured, if I had to replace my iPad lock screen wallpaper anyway, I may as well create my own. A vector-based EPS file of our lizard mascot and some work in Pixelmator, I made the following...
Click on any of the thumbnails above to download a 2048 pixel by 2048 pixel PNG file perfect for use as lock screens on normal or retina display enabled iPads. I haven't bothered to optimize the images though, so they are each around 4Mb; make sure you're connected through wifi if you're downloading them onto your iOS device.
Enjoy! :D
Daily Links
Adobe Photoshop CS6 free public beta
Content-Aware Patch -Patch images with greater control using the newest member of the Content-Aware family of technologies. Choose the sample area you want to use to create your patch, and then watch Content-Aware Patch magically blend pixels for a stunning result.Blazingly fast performance and a modern UI - Experience unprecedented performance with the Mercury Graphics Engine, which gives you near-instant results when you edit with key tools such as Liquify, Puppet Warp, and Crop.* Plus, a refined, fresh, and elegant Photoshop interface features dark background options that make your images pop.
New and re-engineered design tools - Create superior designs fast. Get consistent formatting with type styles, create and apply custom strokes and dashed lines to shapes, quickly search layers, and much more.