0

Five instead of Four

 2 years ago
source link: https://soffes.blog/five-instead-of-four
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Five instead of Four — Hi, I’m Sam

Five instead of Four — Hi, I’m Sam

Hi, I’m Sam

This is my blog. I also have a website thing.

Five instead of Four

Posted on September 20, 2008

So someone just called me at 1:30am and woke me up. They were trying to order pizza from Pizza Shuttle in Norman, OK about 40 minutes from my apartment.

I get this all of the time. Whenever I get a call from a 405 number that I don't know I just assume they are trying to order pizza. I usually tell people you meant to dial 354-4440 instead of 365-4440 (my number). It's pretty annoying to say the least.

I've tried to mess with people and take orders before, but it never really works out. One time I tried it the girl said the driver locked her out of her house and she needed the phone number of his girlfriend or something like that. I just hung up.

3 Easy Steps to Optimize Web Apps for iPhone

Posted on September 20, 2008

So I recent improved how my blog looks and works on iPhone in just a few lines of code. The iPhone web browser is awesome, but for large websites, it is really hard to read something without panning around vertically and then scrolling horizontally. Solving these issues will make your site way more useable on Mobile Safari.

  • Add an iPhone specific stylesheet. Something you will probably want to do is make your site narrower. The wider your layout is, the smaller everything has to be. It is much easier to scroll just vertically than vertically and horizontally. Something else to watch out for is mixing font sizes between px and em. You'll probally get some weird scalling issues if you mix units. You might also watch out for positioning issues due to Mobile Safari's scaling.

    You might also want to adjust your font sizes a bit. I know I had to make my footer a tad smaller. In your case, you might want to make important things like navigation larger and easier to tap. Feel free to check out my iPhone specific stylesheet at http://samsoffes.com/css/iphone.css.

  • Add a viewport meta tag. This will tell Mobile Safari how to intelligently scale to fit your page. It's super easy to do and it will help a lot. My iPhone stylesheet makes my site 320px wide so I set my viewport to 320 to give a new bit of padding around my main content area. Here's the code:

Remember if you have something that is wider than your viewport, it will automatically expand, so be sure to resize it in your iPhone specific stylesheet.

Continue reading →

© 2006-2022 Sam Soffes


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK