January 2012
1 post
2 tags
WatchThis video illustrates the creation process of a Groceries Shopping List Icon Set I designed yesterday.
I got this idea from a Timed Lapsed Screen Shots video of the design of a homepage I saw recently and thought it was a pretty neat way of recording what goes into the design process. So I searched about it and found a post that gives directions in how to take the screen shots using terminal and...
December 2011
1 post
Media query to target ipad vertical layout
Trying to control a particular layout when orienting the iPad vertically was driving me insane… until I found this sweet query to tackle it:
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { // Styles // Styles End }
I had tried different cominations, but what really made it was the “orientation:...
September 2011
2 posts
Home Screen Icon for Iphone and Ipad
I found a sweet piece of code that enables you to create a an icon for your website that can be used when adding it to your home screen on the iPhone or iPad.
<link href=”path/to/your/icon.png” rel=”apple-touch-icon” />
Without this piece of code the device will take a screen shot of your web page and create an icon of it. You can imagine how that looks on an icon.
...
Before start using CSS3 Media Queries make sure...
I got stated optimizing for mobile devices a web app I’m working on using CSS3 Media Queries, and while I was able to change the layout, color and so forth, it was driving me crazy the fact that the devices where resizing the browser screen to the standard desktop size, making the layout seem tiny.
Then I found out the missing piece:
Mobile devices assume your website is optimized for...
July 2011
1 post
Exited to have joined dribble. →
November 2010
2 posts
1 tag
The forgotten a:visited property
At least forgotten by me, the a:visited property is a quick and neat way of making your designs more usable and to even “sensitive” to the touch.
Heres’ an example: Love
This is the sprite in use:
This is the code:
<style type=”text/css”> <!— a.love { display: block; text-indent: -9999px; height: 35px; width: 37px; float: left; ...
2 tags
Home Inventory App
Looking for an easy to use app to do my home’s inventory I found one that seems to do the job pretty well. This app is What You Own Home Inventory 4.13 for Mac. Also available for the pc, this app offers a nice interface to quickly add items on your inventory, and attached to them detailed information (such as the purchase price, replacement cost, make, model, brand, etc.) but also images,...
May 2010
2 posts
3 tags
“Didn’t think a CSS grid system could be so useful until I stared working...”
– http://960.gs/
7 tags
Designing and coding emails can actually be a lot...
Any web designer that has had to work on either the design and mostly the coding of an email knows the pain it can be. Not only because all of the limitations that email programs impose, and how tedious is the testing, but because you find yourself coding like is 1994. Thankfully there’s Mailchimp! I recently discovered it and can’t be more excited about it.
It was actually a really...
April 2010
3 posts
I absolutely love mailChimp! I singed up for the contest just to try it out and think will stick to it! Cheers for their awesome marketing too :D
4 tags
Designing a Theme for Weebly
I’ve been working on a design for the theme-contest that Weebly is running. I have to say that the idea of getting the big $10.000 dollar price is a huge motivation to participate, however I wanted to participate as an exercise of creating a website theme.
The most challenging part was to design with no client in mind. So my first question was, for who I’m I designing for? I think...
Zen Garden, here I come!!
So finally after a year my design for the CSS Zen Garden is ready. A year? seriously??? Well, more or less. It obviously didn’t take me a year to actually do it, but I did decided on participating last summer. Is just one for those things that I felt I had to do as web designer.
I remember when I was learning plain and simple HTML on notepad around five years ago. I had recently...
How to embed Tumblr on your website and customize...
Tumbler couldn’t make it easy to embed your blog to your website. Have in mind that what you can bring to your website is the “homepage” of your blog, the posting themselves will stay in tumblr (unless you display them entirely on it). Also you will be only able to do this is you have access to the html files in your site.
The Steps:
Go to your blog and click on...
March 2010
6 posts
This is a test from Tumblet… How convenient is this! I’m “blogging” (more like “mummbling” from my dashboard…that’s why we love Macs right?? Beyond the UI is the UX.
Bye-bye MS Word and all the bulky and slow...
I remember the first time (or at least one of the first encounters) with a text editor… it was something called WordStar back in the late 80’s (yes I was a like 8 years old). We didn’t have a computer at home back then, so in order to write this assignment for a class, I had to push my Mother to take me to her office where we could use some tech. Oh yes!! DOS… I remember...
“I want my sites to look Safari in Safari, and IE6 in IE6. I most definitely do...”
– – Sam Brown (Posted on Sam Brown enjoys his daily RSS Feeds!)
“I’m posting my Adobe crash reports on Twitter…#AdobeCrashReport”
– by dunx_bee | (Taken from a post here)
From logins, youTube accounts and other demons
Where do I start? With a simple question, how many online accounts do you have? Do you even remember? I personally don’t. To add to it, there’s places such as YouTube that not only require you to open an account, but also to have a previous one, in this case with google. Similar case applies to Facebook when creating a Facebook Business Page. It is necessary to have a personal profile...