Take a screenshot of your iPhone with your computer
How many times have you taken a screenshot with your iPhone and emailed it to yourself? I do it all the time and I must say that it’s a pain in the butt to later delete all the unnecessary images from the phone’s gallery.
My co-worker, Oren, has shown me a pretty cool trick to take an iPhone screenshot and directly save it to the computer without saving it to the phone’s gallery.
First of all, you need to have Xcode installed on your machine. Also, make sure your iPhone is selected to be a development device. Now with the iPhone plugged in, go to Xcode –> Window –> Organizer. Under the Device section, select your phone on the left navbar and click on Screenshots.
Now navigate to the screen that you want to screenshot on you phone and press the New Screenshot Button at the lower right corner. Voila! The screenshot is now saved in your computer.
Dev Notes #1 - Bookmarklet
I got tired of my colleague, *cough Buz, asking me for links and tools that I find and use while working, so I've decided to create posts where I list these things for future reference. Enough talk lets get to it.
Bookmarklet is a very important piece of my development. Lately, I've been using the following:
-
ReCSS
Super B tool, used to reload your css without refreshing the whole page. It's very useful if you want to change a website in production that you can't run locally.
-
Firebug Lite
If you develop websites in different browsers like I do (webkit nightly build), and can't live without Firebug; Firebug Lite is the way to go. It isn't as powerful as the Firebug add-on but it does a good job if you need to use the console or check for applied styles. Unfortunately, there is no way to change the css on the fly.
-
Design
A very cool set of design tools. It includes grid, rule, unit and crosshair. A must have if you are designing in the browser.
-
jQuerify
As expected, it includes jQuery to the page. Very useful if you want to use firebug's console and jQuery selectors.
-
Favelet Suite
If you are a fan of the web developer toolbar add-on for Firefox, you will love this tool.
-
xRay
It displays CSS information of a selected object.
-
Microformats
Every time I markup a page, I try to use microformats as much as possible. This bookmarklet gives you a list of vCard on the page. Unfortunately, it doesn't display any other micro data.
If I missed any other bookmarklet, feel free to leave a comment with the link to it.
The Right Way to Declare RGBa Colors
One of the best progressive enrichment that I use on my projects is to set colors as RGBa (red, green, blue, alpha) values. As I write this, RGBa is current supported in firefox 3.0.5+, Safari 2+, Chrome 1+, and Opera 10+.
The most efficient way that I found to declare RGBa values is to separate the flat colors into code block, and keeping RGBa with the other styles. Like in this example:
CSS
I always keep the flat colors separated because they can be easily removed when the other browsers start supporting RGBa. Why didn't I declare the HEX colors on the same line as the RGBa? Simple! IE doesn't support it; no color will be rendered at all. Note: Please be aware that the RGBa colors have to be the last ones declared.
Illustrator Tip: Select by Fill Color
A lot of times I end up with a bunch of objects all over in the same layer and it becomes very difficult to select them. That's when “Select by Fill Color” comes in handy.
Choose Unused Color
Choose an unused color and draw your objects.
Yes We Can... Design
The election is here and it's amazing how many designers have put their thoughts and hearts to express themselves. Here are few designs that I've stumbled through out the Obama's campaign.
