Category Archives: HTML/CSS

UPDATE: Fix: CSS Animation slow or choppy in mobile browsers

Original post: http://chrissilich.com/blog/fix-css-animation-slow-or-choppy-in-mobile-browsers/ Even better than just adding this code to all the elements you want sped up… -webkit-transform: translateZ(0); Use -webkit-transform: translate3d() to do all your animations, instead of left, right, top, bottom, margin, or padding properties. -webkit-transform: translate3d(50%, … Continue reading

Posted in CSS, General, HTML/CSS, HTML5, iOS, PhoneGap | Tagged , , , , , , , , , , , | 1 Comment

Prevent Mobile Safari from zooming in when device rotates

So you’re making a mobile version of a website and you get it perfectly laid out for iOS handhelds in portrait mode. You’re using LiveView Screencaster to send your designs to you phone to see how they’ll look at actual … Continue reading

Posted in General, HTML/CSS, HTML5, iOS | Tagged , , , , , , , , | 2 Comments

Primal Screen website launch

Did I mention that our new website launched? Primal Screen website (100% of code and 75% of design by yours truly). Oh, and I’ll never write another website in that bloated carcass of a useable PHP framework: Zend Framework. My … Continue reading

Posted in Actionscript/Flash, CodeIgniter, HTML/CSS, HTML5, Javascript, jQuery, PHP, Zend | Tagged , , , , , , , , , | Leave a comment

Fix: CSS Animation slow or choppy in mobile browsers

I’m developing an iPhone app using the PhoneGap library, which lets you write your app as if it were a website. That means any UI transitions or animations have to be written the way you would for any modern website … Continue reading

Posted in HTML/CSS, HTML5, iOS, Javascript, jQuery, PhoneGap | Tagged , , , , , , , , , | 6 Comments

Socket.io 0.7 – Sending messages to individual clients

Note that this is just for Socket.io version 0.7, and possibly higher if they don’t change the API again. I’m writing an iPhone app right now using PhoneGap and jQuery Mobile on the phone, and node.js and socket.io on an … Continue reading

Posted in HTML/CSS, iOS, Javascript, Node, PhoneGap, socket.io | Tagged , , , , , , , , , , , | 12 Comments

CSS z-index doesn’t do anything, inspector computed style says it’s z-index:auto

Today I fought with a stylesheet for a good 15 minutes, wondering why a content element was overlapping a nav element, and why I couldn’t just give the nav element a higher z-index number. Turns out, z-index is ignored on … Continue reading

Posted in HTML/CSS | Tagged , , , , | Leave a comment

TypeKit (@font-face) font’s look like crap in IE7 & IE8 when animated with jQuery

Internet Explorer does a pretty lousy job of displaying fonts anyway, especially fonts from all those new we font websites such as TypeKit (who I strongly recommend). But when you use, say, jQuery’s fadeIn() effect like this $(“.fadeThisGuy”).fadeIn(); … type … Continue reading

Posted in HTML/CSS, Javascript, jQuery | Tagged , , , , , , , , , , , | Leave a comment

Use Google Fonts (they’re free, and not half bad) in your site

Google has an ever expanding library of fonts for use on anyone’s website for free right here. But how do you use them? Well, it’s actually really easy. 1. Find the font you like. Let’s say I like 2. Link … Continue reading

Posted in HTML/CSS | Tagged , , , , , | Leave a comment

Basics: What PHP version does my server run?

If you can’t find the PHP version by logging into your web hosting control panel, or if you just want to find it out the geeky way, by asking the server itself, here’s how. 1. Make a new php file. … Continue reading

Posted in HTML/CSS, PHP | Tagged , , , , , , , | Leave a comment

Make elements hang outside your main page container, without triggering scrollbars if the window is too narrow

We all know how to make layouts that have a horizontally centered element of a fixed with: #mainContainer { position: relative; width: 1000px; margin: auto; } and that give you this: So what if you want to add a logo … Continue reading

Posted in HTML/CSS | Tagged , , , , , , , , , , , , , , , , | 2 Comments