bradKELLETT » hack http://bradkellett.com Tue, 07 Feb 2012 04:45:47 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Documenting the Hacks: CSS Browser Targeting http://bradkellett.com/p/documenting-the-hacks-css-browser-targeting/ http://bradkellett.com/p/documenting-the-hacks-css-browser-targeting/#comments Mon, 06 Oct 2008 03:30:11 +0000 Brad Kellett http://pantsland.com/?p=318 I think I’m somewhat of a rarity in the world of web developers – I actively use and certainly approve of CSS hacks to target and fix certain browsers. Of course, I don’t condone their use unless it is absolutely necessary, and in most cases good, standards compliant CSS should alleviate most issues before they occur, but when there is a need I think these hacks can be a great way to fix issues while still keeping your CSS logical and concise. The caveat to this is that all hacks need good comments to describe what is going on for future reference, whether that be your own or that of another developer. Also, always keep in mind that hacks can break when new browser versions are released, so always keep an eye out and use them sparingly.

I’ve always found it hard to find a good reference for these hacks. There are many sites that talk about an individual hack, but finding a single place that goes through targeting all the different browsers has been hard. This post hopes to solve that – more for my own use, but hopefully other developers can find it useful as well. What follows are the hacks that I use, which I believe to be the most logical and simple ones out there. In every case, #selector represents the element you want to apply a rule to (this can be either an ID or a class), and property and value represent any normal CSS property.

Internet Explorer 6

Let’s start with the one that developers will probably need to use most often. To target IE6:

  1. #selector {
  2.     _property: value;
  3. }

Internet Explorer 7

The following targets IE7 and below. You can use it in conjunction with the above rule to be able to target IE7 and IE6 individually – just make sure you declare the IE7 rule first, then the IE6 rule.

  1. /* Target IE7 and below */
  2. #selector {
  3.     *property: value;
  4. }
  5. /* Then overwrite for targeting IE6 specifically */
  6. #selector {
  7.     _property: value;
  8. }

Firefox 2

The easiest way to target versions of Firefox is with selectors that only work in Gecko-based browsers. The following will target Firefox version 2 and below:

  1. #selector, x:-moz-any-link {
  2.     property: value;
  3. }

Firefox 3

As with the Internet Explorer 7 hack, you can easily combine the Firefox 2 and Firefox 3 hacks to target those specific versions of Firefox.

  1. /* Target Firefox 2 */
  2. #selector, x:-moz-any-link {
  3.     property: value;
  4. }
  5.  
  6. /* Then overwrite for Firefox 3 specifically */
  7. #selector, x:-moz-any-link, x:default {
  8.     property: value;
  9. }

Safari 3.0+

The following will target Safari version 3 and above. To target just Safari 3.1, see the next hack. Note that this is valid CSS3, and as such other browsers will eventually start supporting it, so be wary.

Update: Firefox 3.5 now supports this, and will read the style

  1. body:first-of-type #selector {
  2.     property:value;
  3. }

Safari 3.1 and Google Chrome

Google Chrome and Safari both use the Webkit rendering engine, and as such shouldn’t usually need to be targeted separately. So far, I have not found a way to target just Google Chrome, so attack that with JavaScript for the best results. Make sure you declare this after the Safari 3.0 hack above, as Chrome and Safari 3.1 will read that as well.

Update: Firefox 3.5 now supports this, and will read the style

  1. body:nth-of-type(1) #selector {
  2.     property: value;
  3. }

Opera 9

While Opera is pretty good at rendering standards compliant code, and won’t generally need hacks, there are times when it is necessary. Unfortunately, I haven’t found a good way to target just Opera – instead, the easiest way is to use a rule that targets Opera and Safari (and other Webkit browsers like Chrome), then reset for the Webkit browsers.

  1. /* Declare for Opera and Webkit */
  2. @media screen and (-webkit-min-device-pixel-ratio:0){
  3.     #selector {
  4.         property: value;
  5.     }
  6. }
  7.  
  8. /* Revert for Safari (and other Webkit browsers) and Firefox 3.5 */
  9. body:first-of-type #selector {
  10.     property:value;
  11. }
]]> http://bradkellett.com/p/documenting-the-hacks-css-browser-targeting/feed/ 20 Simple iPhone 1.1.2 Upgrade Instructions (with Unlock) http://bradkellett.com/p/simple-iphone-112-upgrade-instructions-with-unlock/ http://bradkellett.com/p/simple-iphone-112-upgrade-instructions-with-unlock/#comments Mon, 03 Dec 2007 01:14:40 +0000 Brad Kellett http://www.pantsland.com/2007/12/03/simple-iphone-112-upgrade-instructions-with-unlock/ Comments for this post are now closed and the guide is made available for reference only. I have published my guide to jailbreaking and unlocking firmware 1.1.3, please refer to that to upgrade to the newer firmware version.

I have been messing around for a day or so trying to get this to work, but I think I’ve nailed the method for upgrading an unlocked and jailbroken iPhone to firmware 1.1.2, and preserving the unlock and jailbreak. What follows are the steps to get your iPhone to 1.1.2 written as simply as I could manage. These instructions look long (and they are), but they are easy to follow and anyone with basic computer skills should be able to get it done. Remember: there is no predicament that you can get your phone into that can’t be repaired.

Note: I do not warrant these instructions. While I have taken the utmost care in writing them, and have performed the steps on my own iPhone successfully, you can break things and I am not responsible if you brick your phone (though I will try and help if you do).

Now that we have that out of the way, here are the steps. This assumes you are currently using firmware 1.1.1; if you need a guide for getting to 1.1.1, leave a comment and if there is demand for it I will make one. You also need access to a WiFi network with internet access. If you don’t wish to unlock your phone, instead just performing a jailbroken upgrade, skip to step 4.8. It is possible to run the unlock application from within firmware 1.1.2, but I do not recommend it – there have been reported problems doing so, and doing it this way is the safe bet.

  1. Prerequisites
    • Conceited Software’s 1.1.2 jailbreak tools (here)
    • the iphone-elite team’s custom anySIM 1.2u (here)
    • Apple’s iPhone firmware 1.1.1 package (here)
    • Apple’s iPhone firmware 1.1.2 package (here)
    • AppTap Installer for Windows users (here), or iNdependence 1.3.2 beta for Mac users (here)
  2. Upgrade to 1.1.2 through iTunes

    Surprisingly, step one is to actually perform an upgrade. This may sound counter-intuitive, but to unlock the device, you need to be running the latest version of the baseband firmware (the part that controls the phone functions of the device). If you are running firmware 1.1.1, you are ready to do the upgrade.

    1. Connect your iPhone to iTunes, let it recognize it as unactivated.
    2. With the phone still plugged in, hold the power and home buttons until the screen goes black, then let go of just the power button while still holding the home button. Within about 10 seconds, iTunes should say it has detected an iPhone in restore mode, but the device’s screen should still be black. If the iPhone’s screen isn’t still black, try again.
    3. Hold the shift key if you are running Windows, or the option key on a Mac, and click the restore button in iTunes.
    4. Browse to where you saved the 1.1.2 firmware file from the prerequisites section. It should end with .ipsw, if it doesn’t, rename it first.
    5. Your iPhone should sucessfully flash to firmware 1.1.2 and restart.
  3. Downgrade to firmware 1.1.1

    This is a crucial step if you are unlocking your device. The iphone-elite team’s unlock application works great on the latest baseband version, but only runs from firmware 1.1.1. Here’s how to roll back to firmware 1.1.1, but continue running the new baseband:

    1. Connect your recently updated phone to iTunes, let it recognize it as unactivated.
    2. With the phone still plugged in, hold the power and home buttons until the screen goes black, then let go of just the power button while still holding the home button. Within about 10 seconds, iTunes should say it has detected an iPhone in restore mode, but the device’s screen should still be black. If the iPhone’s screen isn’t still black, try again.
    3. Hold the shift key if you are running Windows, or the option key on a Mac, and click the restore button in iTunes.
    4. Browse to where you saved the 1.1.1 firmware file from the prerequisites section. It should end with .ipsw, if it doesn’t, rename it first.
    5. iTunes will flash your phone, but will fail with error 1015, this is expected.
    6. Close iTunes. If you are using a Mac, extract and run iNdependence, which should bring your phone back to the activation screen after a minute or so. Windows users, run AppTap Installer. It will fail, but should still bring your iPhone to the activation screen.
  4. Activate firmware 1.1.1, install Installer.app

    With your phone at the activation screen:

    1. Slide to get to the emergency call screen
    2. Enter *#307# and press call, your phone will start ringing
    3. Delete the numbers just entered, enter 0 and press call. This will take you to a screen where you can answer the incoming ‘call’
    4. Press answer, then hold, and when the phone starts ringing again, press decline. You will now be in the phone application
    5. Go to Contacts, then add a new contact. Add the URLs prefs://11 and http://jailbreakme.com to the contact and save it
    6. Press the prefs://11 URL, which should take you to the WiFi configuration screen. Configure for your WiFi access point as normal, then press the Settings button at the top of the screen to go to the settings menu, select General and turn Auto Lock to never. Press the home button
    7. You will now be at the activate screen. Slide to go to the emergency call screen, enter 0 and press call and your phone will start to ring. Press answer, then hold, then when the phone starts ringing again, press decline. You will be back in the phone application
    8. Select the second URL on the contact you created in step 5. This will open Safari with jailbreakme.com open. Scroll to the bottom and press Install AppSnap. Your phone should go back to the activate screen, then restart itself after a few minutes. If it doesn’t, restart it manually and try again from step 7. Otherwise, once it restarts you should have an activated iPhone with the Installer.app on your home screen
  5. Unlock and prepare the iPhone for firmware 1.1.1
    1. Run Installer.app and let it download any required updates
    2. Select Install at the bottom of the screen, scroll to System and install the BSD Subsystem, then scroll to the Network category and install OpenSSH. Reboot your phone
    3. Extract the AnySIM zip file from the prerequisites section and rename the resulting folder to anySIM.app
    4. Connect your phone to your WiFi network and note it’s IP address, which can be seen by pressing the small arrow beside the network name in the settings screen. From your PC, open an FTP program that is compatible with SFTP (WinSCP on Windows, Fetch on a Mac).
    5. Enter your iPhone’s IP address to connect to, then the username root and password alpine
    6. Browse to /Applications on your phone and upload the entire anySIM.app folder to your phone. You should now have the folder /Applications/anySIM.app full of files
    7. In your SFTP program, open the folder you just uploaded, and right click (Ctrl click on a Mac) on the first file in the list (it should just be called ‘anySIM’). In Fetch, select Get Info, then in the new window expand the Ownership and Permissions section and check the box next to Execute in the Owner section. In WinSCP, select Properties, and check the box next to X in the Owner section near the bottom of the new window.
    8. Restart your iPhone, then press the new anySIM icon on your home screen. Follow the instructions from anySIM
    9. Once the above is complete, run Installer.app, select the ‘Tweaks (1.1.1)’ category, and install OktoPrep
  6. Upgrade to firmware 1.1.2 and jailbreak
    1. Connect your iPhone to your computer and allow iTunes to detect it
    2. Hold the shift key if you are running Windows, or the option key on a Mac, and click the update button in iTunes.
    3. Browse to where you saved the 1.1.2 firmware file from the prerequisites section. It should end with .ipsw, if it doesn’t, rename it first.
    4. Your phone should upgrade without a problem, then return to the activation screen on firmware 1.1.2. Close iTunes and extract Conceited Software’s jailbreak tools. From the extracted files, Windows users double click on ‘windows.bat,’ Mac users double click ‘jailbreak.jar.’
    5. Check the Install SSH box, then enter a password that will be used if you want to connect to your device later on, then click the big jailbreak button. This will jailbreak your phone, activate it, and fix YouTube so it will work

For those users using SIM cards from a country that currently sells the iPhone, such as the US, UK, and Germany, that’s it! You now have an activated, jailbroken, and unlocked iPhone ready to go.

Users that are attempting to use a SIM card from another country, you still have a few more steps to go. Flick over to the next page for the meat.

]]> http://bradkellett.com/p/simple-iphone-112-upgrade-instructions-with-unlock/feed/ 357