CSS/jQuery Framwork: the best of both worlds..

Well, today I decided to play with creating a CSS framework using JQuery in an effort to avoid, from the beginning, having to compensate for any of the various bugs in IE that happen when using either Absolute or floats in positioning.
As I am working for a large corporation, we have to cater to IE 6, 7 and fringe 8 as well as Safari and Firefox both on the Mac and Windows.
So far, I have tested successfully on both platforms and in all those major browsers and I've put together the best of Absolute positioning (precise placement by coordiates) and floated elements, which allow for document flow to expand as needed and yet maintain the placement of absolutely placed divs.
No actual positioning is given in the css or jquery. The utility .position in jquery references other elements/divs/etc on the page as a base without resorting to using 'relative' on any element.
The idea is this:
A wrapper contains any 'absolutely' positioned divs. Those divs are placed in relation to that wrapper's top left corner using jquery. In the document flow, that wrapper appears after, say, a few paragraphs and is followed by say, more paragraphs/content. Since no "relative" declaration is used on the wrapper and no 'absolute' on the children, should any new content be added before that wrapper div (which doesn't have relative declared) the wrapper will move down accordingly taking with it the 'absolutely' positioned divs inside.
Now, the trick to making this work was using one line of jquery to dynamically find the height of the largest/tallest div within the wrapper div and then dynamically set the height of the wrapper div to that number. The wrapper div could have some bottom padding or better yet, the last element within one of the 'absolutely' placed div could have a class that added some bottom margin should space be needed.
So, once you have it set up, more content can be added and the expansion will happen based on content. This means no dealing with double-margin bugs, peek-a-boo bugs, 3 pixel jogs etc, etc. And, no conditionals need be used nor underscore hacks and the like to make things work in IE 6.
I'll post some files as an example once the attachment option is back on.
Just wanted to share this experiment and idea. I'll be posting it elsewhere but will return here once functionality of the attachment is back up.

As BemDesign pointed out, the corporate (read bigger) world of commerce and finance depends on so many different variables than a small mom and pops shop or even a mid-size company like any given record label deal with that developer skills need to be fully encompassing... not just knowing the latest tricks and thinking that anybody using the net is using (at the moment) the latest Safari, specifically on the Mac.
I'm really glad I had to delve out of the ad world of cool motion graphics and niche sites to a more global market because as other companies grow, they are relying on markets, not technology, to boom their business. That being understood, it's about knowing a target audience and how to reach them no matter how old/out dated their tech may be.
However, I will relish the day when HTML emails have gone by-by and browsers automatically update themselves (let all the privacy and security gripes cease.. don't put information you don't want shared on the net)
So, I hear ya about losing that 8.3% of IE6... but let's go for broke and say forget IE altogether and choose Firefox or Safari.

Similar Messages

  • Updating - the best of both worlds

    Hi,
    Ive had a look through a lot of the topics in this forum, though nobody seems to have wanted to do exactly the same as me.
    My application has quite a few lengthy operations that are perfomed as part of an actionPerformed event. Im focusing on one particular event at the moment, but it will apply through my app (in about 8 places) so i need to get it right!!
    If I dont put these methods in their own thread they will display their results after the operation, which is only a problem in that the app looks like its crashed (ie there is no update). So i placed them in their own thread, however this means that the user can keep starting these threads which causes massive headaches!!
    What i actually want to do is suspend the event queue, until the operation is complete, but still update the windows, so the user can see that something is happening. In effect I want the effect of not putting the operation in a seperate thread (suspending the event queue), with the effect of doing this (a nice updated window).
    Anybody know a way around this.
    Steve

    private boolean wait = false;
    public void waitForSomeOperationToBeDone() {
       synchronized(getTreeLock()) {
           wait = true;
           while(wait) {
              try {
                 getTreeLock().wait();
              } catch(Exception e) {
                  break;
    public void awake() {
       wait = false;
       synchronized(getTreeLock()) {
           getTreeLock().notifyAll();
    }This usually does the trick for me, but it can fail sometimes. Try it...
    It worked for me when I made a modal JWindow.
    Nille

  • I've recently been given a macbook pro from uni, with lots of adobe software on. I want to pair it with my iMac which has music etc and is it possible to get the software to the imac and the files to the macbook?Giving me the best of both :-)

    I've recently been given a macbook pro from uni, with lots of adobe software on. I want to pair it with my iMac which has music etc and is it possible to get the software to the imac and the files to the macbook?Giving me the best of both :-)

    You would need the original installation disks or files for the Adobe software to get it onto your iMac, and having it on two computers may not be allowed by your university's licensing. Talk to whoever issued the MacBook.
    As to the music, just copy it over to the MacBook, either via Home Sharing, file sharing, or an external storage medium (hard drive, USB flash drive, etc.).
    Regards.

  • Linux on an iMac, best of both Worlds?

    Is anyone using Linux on their Apple, or has anyone tried it? One of my kids uses Linux and she swears by it. Reading the specs this looks like it just might be the best of all worlds.
    The Linux OS S.U.S.E Linux Desktop 10 is supposed to come out Monday in a free trialware form.
    Does anyone have previous experience running Linux on their Apples?
    Thanks,
    Doug

    I haven't tried SUSE Linux and I agree that Linux in general has come a long way in terms of useability but I still find it too frustrating to use regularly (you may be different) whether it be from lack of driver support or just trying to find the right tool to do what I want to do (Linux tends to give you a lot more which can be a blessing and a curse). For that reason, I prefer to try various flavours of Linux in a virtual machine. I have also tried an older version of Linspire which was a far better experience for me but not enough to use regularly. Essentially, it is still more of a 'geek' computer system than not and requires more effort than I'm willing to put out at this point.
    Yellow Dog Linux on PowerPC offered the best overall experience to me most likely as they were building it to run (for the most part) on Apple hardware. That resulted in less frustration than usual. With the move to Intel, perhaps there will be a bigger pool of developers looking to take advantage of Apple hardware but that remains to be seen.
    I suppose I've also grown so use to the relative sleekness, functionality and ease of use of Mac OS X that I can't imagine installing Linux on my iMac (short of in a VM). The same goes for Windows. Everything on my iMac CD just works and I don't know which of its technologies (i.e. bluetooth, iSight camera, video card, airport wireless etc...) are even supported in Linux without having to spend time searching for and downloading (if possible) drivers, hacks etc...
    So, at the moment, when I do try a new distro of Linux, it is usually in a VM or on older PPC or on a older, formerly Windows PC. I don't want to discourage anyone from trying Linux - on the contrary, I think it's beneficial to try out and learn about as many systems as possible. But from my experience with it, the user must be more prepared and willing to put out more effort to makes things work than is the usual case with OS X.

  • What's the best driver for World in Conflict? NX8800GT T2D512E OC.

    I have 169.21. Is the 163.71 optimized for WiC? Thaks.

    Well check Release Notes of the Forceware to findout. With both drivers version listed above should be fine.
    The most important part is to use latest patch for WiC.

  • Swiftweasel -- best of both worlds?

    I just downloaded (via aur) the swiftweael package. Now this includes both icecat's (formerly iceweasel) and swiftfox's improvements. How cool! Comments?

    I currently use swiftfox, and I like it a lot, both because it at least _feels_ faster, and also because "Bon Echo" is just too ugly to live, both the name and the logo. Okay, I know that I could use firefox-branded from the AUR*, or just do some sed and cp to change these things, but that's also ugly (Why don't we make an Arch branded firefox, with a nice name ("Archfox" ) and a nice logo?)
    I am (very slowly...) looking for a replacement for swiftfox, both due to the swiftfox licensing and also since the, er, swiftfox developer sometimes is too slow with updates for my taste. I found swiftweasel some month(s?) ago, and had a look at it. At the time the swiftweasel-pentium-4 and swiftweasel-pentium-m (these are the ones I would use) were orphaned and stranded at version 2.0.0.7. These PKGBUILDs do some really odd stuff to the start script, the $HOME/.mozilla/firefox settings are copied to a swiftweasel specific directory, so that firefox and swiftweasel have separate settings. Seems pretty useless IMO. The two swiftweasel builds that are up to date, swiftweasel-athlon-xp and swiftweasel-pentium-3 don't do this, so it wouldn't take much work to copy those PKGBUILDs and use them (I think, anyway...). gothicknight, who maintains some of the swiftfox PKGBUILDs, adopted some of the orphaned swiftweasel PKGBUILDs some time ago (including those I would use if they were up to date), and I'm eagerly waiting for some news there But, until then I'll continue to use swiftfox.
    * I _have_ used it when swiftfox lagged with a security update for some week(s), but even I feel that a nice name and logo is only worth so much compilation time
    Last edited by Bebo (2007-12-30 21:10:18)

  • Best of Both Worlds

    Hi Gang, Finally got fed up with HP, Dell, Acer, Gateway and bit the bullet and spent a little extra and bought this 13" inch mac book pro, added more ram and also added a ssd drive, very nice... fast, cool quiet, great battery life. Yesterday I felt brave and loaded a full 32 bit full version of Vista on Boot camp, I was amazed how easy the process was. after all the drivers where loaded, I noticed the sound (speakers) sounded a little weak so I loaded the OS X installation disk again still pretty weak sound??? Any help would be appreciated. Also it seems the machine runs hotter using Vista and uses a lot more juice ( That's Vista for you). Very pleased with the over all performance of this little giant..

    I am Bootcamping with RTM Win7 Ultimate. I will go to that partition and see how my speakers are working. I recently set the partition up and have not had time to do much with it, including listen to it:)
    I too have sworn off of PC's unless I can find one where the support is not outsourced. The Dell XPS lines at least used to not be outsourced. Don't get me wrong; I like all my PC's and especially RTM Win7, but I had a recent too-much-to-bear outsourced support problem on my HP laptop, and, as said, swore off of PC's unless .... I did get my problem solved perfectly eventually, but rather than go that route, I rather slit my throat.
    Message was edited by: donv (The Ghost)
    Message was edited by: donv (The Ghost)

  • What is the BEST WAY TO ARCHIVE OLD PROJECTS and related media?

    Hi,
    I've been running a Wedding Film-making business for the last 12 months full-time. In that time I've acquired about 4TB of Hard Drive space, but as I get more work coming in the door I'm starting to need to get rid of old Weddings and Corporates I've shot.
    In the past - ie. at my old employers - I've archived the tapes in a storage room, and deleted all the captured footage. Then I'd burn the project file to a DVD or BLU-RAY depending on the job.
    Now that everything is Digital, is there a good way to archive the footage without buying a million TB's of Hard Drive space (then considering keeping multiple copies for safety)???
    I'm not concerned about needing to return to make changes to the projects at a later stage - these Weddings are locked and will never be changed.
    Any help, suggestions, or an example of what you do would be greatly appreciated!
    Thanks,
    Thomas

    Well that depends, if you only keep the exported copy and not the raw footage then if someone request some sort of edit change you'd be screwed if you didn't keep all the raw footage and simply kept the exported copy. However if you know that they aren't going to request some sort of change or you let them know up front they won't be able to make anymore changes after a certian point.(For exampel after you give the finished product and it's been approved by them) you can save TONS of space by simply only archiving the exported copy for them incase they need to make them another copy for some reason.
    Where I work we always backup EVERYTHING, because we have had clients call back and request raw footage (meaning un-edited footage) almost 2 years after they filmed before. So if  this happens to you will probably be happy you didn't keep only a exported edited copy and that you held on to all your source media. So really unless you're just 100 percent positive that this won't ever happen or it just hasn't happened to you as of yet then you can just export the project from premiere and keep only that.
    Blu-rays are a good backup option overall and like you mentioned for the amount of space you're currently using it won't be very expensive to just use hard disk. Just remember that you'll need to hook the HD's up at least 1 time per month. The reason is that it's good for them to spin every once in awhile. However in all honesty if you go with a RAID 1 setup or just simply buy two disk you won't run into to many occaisions where both disk fail at once... It hasn't ever happned to me at my job or in my personal business.
    One option though that in some ways would give you the best of both worlds would be to use the project mananger feature in Premiere to save everything that is in your timeline to a project folder. (It basically saves all your footage that's in your time-line. It excludes un-used things from the bin unelss you say different) Anyways it will save you space in the end while still saving the entire project to a single folder of your chosing. Then you could export your finished program from Premiere and then burn your disc from the finished file you got and only backup your finished file to say a blu-ray disc and then backup your finished file and your saved project to your hard disc you have to archive stuff on. What used to be 150GB would now probably only be like 25-40GB max. But like I said if someone requested a major change and not something minor you'd be out in the cold... I don't use encore much though so someone else would have to answer your question about backing up a encore project... But I'd assume if you had the backed up premiere exported digital file you could just import it into encore and be ready to roll so you wouldn't really need to backup the encore project unless you make a crazy cool customized menu or something. Then if someone needed only a minor change such as graphics or something you could use your backed up project folder from premiere to make the change and then send it to encore to re-export the product with the requested minor changes.
    It all really comes down to what you want to do. I'd recommend at the very least you backup your premiere project the way I described and also save the exported copy of your final project.

  • BRING BACK THE BEST EVER!

    I don't understand WHY Adobe would buy the bestever software
    and NOT USE it?!
    FreeHand had Layers BEFORE Photoshop and many others!!
    It also had Style Sheets, Superior Tools, and multiple pages
    which Illustrator still doesn't have!!??
    PLEASE BRING BACK FREEHAND, I'M SUFFERING THROUGH

    You guys have to remember that its only been a few years
    since Macromedia changed hands to Adobe. I've been a user of FH
    since it was Aldus FH in the late 80's and AI since 3.0 and have
    seen them both grow just like any other software and every time
    they changed hands they got better because of software
    integrations.
    You dont' buysoemthing becasue you want tothrow it away
    youwant touse it to your advantage Adobe is big and not because
    they go around killing other companies.
    I beleive AI has many new features that resemble FH but the
    multi page is a big pain in the bahooky I agree and the drawing
    tools well like using a swiss army knife and one tool needs to be
    put away before the next can come out. FH still has alot of cons
    which leads me to believe that they are not done with AI and things
    will change. How else do you think they will sell the new CS4.
    Look at Image Ready, Adobe gave that the boot and I thought
    it was pretty bad *** but when I saw why and took a look at
    Fireworks I said well looky there and well with whole Dream Weaver
    working practically seamlessly with PS, I just had to switch from
    MS Expression Web to Adobe Web Premium. I've been using MSFP since
    98 and switched to MSEW and well I'll leave that nightmare of a
    quagmire alone.
    I think Adobe has made a great effort to keep Macromedia's
    strengths alive Like Flash and how they integrated PSDs and AI
    files dynamically and well not to mention the After Effects
    workflow with Flash and heaven almighty I almost forgot how Encore
    can output a completed DVD and all of the menus to a flash SWF file
    crack-a-laken I say.
    I know it sounds like I'm cheerleading but I am not they did
    a good thing. I have always been a proponent of Macromedia but when
    you look at the big picture Adobe truley has gone the distance with
    the Macormedia products.
    I am still holding out for all of the FH cons to be added to
    AI. I mean how else do think they are going to get us to upgrade to
    AI CS4 or what ever they call it.
    I still use FH11 and it works fantastical and will probably
    never uninstall it less AI becomes Adobe Free Hand Illustrator and
    I mean truley the best of both.
    I think it will happen they'ld be stupid not to. Cha-Ching!

  • Image Resizing : CSS vs jQuery (which is best?)

    I need your opinions.
    I am using two different methods to size down an image to fit viewport.
    CSS: http://www.vilverset.com/css.php
    JQUERY: http://www.vilverset.com/vali.php
    The CSS version simply tells an IMG to occuppy 100% of the surrounding DIV.
    The jQuery version is based on this script : http://johnpatrickgiven.com/jquery/background-resize/
    When putting both the CSS and jQuery version of the page side-to-side under two different tabs of the same browser, they are virtually identical, despite the fact that CSS rounds out to 1 pixel while jQuery rounds out to 0.5 (I expected the jQuery version to look better as a result, but it doesn't look any different, except very small areas with tiny text).
    Since the CSS version uses much less code (and doesn't require the jQuery library at all) while doing essentially the same thing as the jQuery version, with no visible difference in the image itself, is there ANY reason for me to opt for the jQuery code?
    Compatibility with IE6 perhaps?
    Thanks.

    Anyone? :-(

  • HT3819 I have 2 Ipod touch's, one a 64gb and one an 8gb.  Whats the best way to use them both on the same itunes account?

    I have 2 Ipod touch's, one a 64gb and one an 8gb.  Whats the best way to use them both on the same itunes account?

    Click here for options.
    (64410)

  • My wife and I share an Ipad.   We each have our own email address and calendar.   What is the best way for us to backup both accounts (we currently only have 1 ICloud account)?   Thanks for any help!    Alan

    My wife and I each have our own email address and calendar.  These are on one IPad.   The Ipad has a single ICloud account.
    What's the best way to backup both Calendars, etc?   Does ICloud automatically back up every account on the same IPad?  (I checked ICloud, but I could only find my stuff.)
    Thanks for any help!
    Alan

    First, you need to understand that there's a difference between "syncing" and "backup".  Backup is the saving of content and settings, where syncing is the bidirectional transfer of content for an account to a web-based server (like iCloud, Gmail, Yahoo, etc.)
    If you see your calendar in your iCloud account, that implies that you have set up your iCloud account to host (sync) your calendar, and perhaps contacts, email, and notes.  An iCloud account can only sync one user's information at a time so it is intended to support a single user.  You can have more than one iCloud account, and you can even have more than one iCloud account on the same device (but one has to be primary, and the secondary iCloud has limited capabilities), but a single iCloud account only supports a single user's content.
    Backup is the saving of your device's content and settings to use in case you need to recover these things, but you can't see the contents of your backup (just the size and device name).  You can backup more than one device to iCloud and you can backup to iCloud or you can backup to your computer, or both (one at a time though, you have to choose). 
    So, if your wife has her own email and calendar she can certainly do that in parallel to whatever account(s) you have for email and calendar.  But if you have only one iCloud account then only one of you can use it for email, calendar, etc.  But the backup of these accounts is really just a backup of the device's settings that link the device to these accounts. For example, if she uses Gmail then the backup of the iPad only backs up the fact that your iPad is set up to use her account, it does not backup the account itself (the content of her account is saved and preserved on Google's servers, not your device's backup).
    Does that make better sense?

  • What is the best way to transfer my iphoto library from old imac to new imac. both have iphoto 9.2.1

    What is the best way to transfer my iphoto library from current imac to my new imac.  Both imacs have iphoto 9.2.1
    os on old imac is 10.6.8.   os on new imac is 10.7.2.   I want the albums  and events to stay intact.  I have 4500 photos and 79 videos. 14.9 gb. looking for some advice here. Thanks so much.

    Connect the two Macs together (network, firewire target mode, etc) and drag the iPhoto library intact as a single entity from the old Mac to the pictures folder of the new Mac - launch iPhoto on the new mac and it will open the library and convert it as needed and you will be ready move forward.
    LN

  • I have an iphone4s and my two daughters have an iPod each. They both have used my apple id. How is the best way to change our their ids as I have been told we all need separate ids to be able to message each

    I have an iPhone and my two daughters both have iPods. They both use my apple Id and I would like to change their Id. . How is the best way to do this? My younger daughter had her iPod only last week and when she set it up, she ended up with all my phone contacts on Her iPod. If I change her apple Id will this remove the contacts from her iPod and leave mine intact on my phone?

    Anyone...anyone? Bueller...Bueller?

  • What is the best format to use on an external hard drive so I can both back up my Macbook Pro and also put movies on it from another hard drive (PC)?

    I am looking for a solution to whether if it is best to get two hard drives or one that can do two things that I want.
    I am looking for a hard drive format that can both back up my 500GB Macbook Pro but I was also wondering if I could also put movies on it from another hard drive that is PC based. Would partitioning the hard drive work for this? I don't know what are the best formats to use.
    If this is too hard it might just be easier having a separate 500GB hard drive for back up of my Mac and another bigger hard drive for the movies etc (the files are probably bigger than 4GB). Any help would be greatly appreciated as I need to make a decision soon!

    Csound1 wrote:
    Microsoft has not released the official exFAT file system specification, and a restrictive license from Microsoft is required in order to make and distribute exFAT implementations. Microsoft also asserts patents on exFAT which make it impossible to re-implement its functionality in a compatible way without violating a large percentage of them.[13] This renders the implementation, distribution, and use of exFAT as a part of free or open-source operating systems or of commercial software, for which the vendors could not obtain a license from Microsoft, not only technically difficult, but legally impossible in countries that recognize United States software patents.
    Can't help with that, if one is using a Windows machine then they are subjected to their rules and control.
    Limited support outside Windows and Mac OS X operating systems as of 2012, when most consumer electronic devices could only handleFAT12/FAT16/FAT32, rendering exFAT (and flash memory formats using it) impractical as a universal exchange format.
    The OP said they plan to store movies on the external drive.
    Many movies today are well over 4GB in size, thus exFAT has to be used and formatted on the PC, which the Mac can then read.
    Older Windows NT versions up to Windows Vista without Service Pack 1 do not support exFAT.
    Irrelevant, Microsoft provides a free download of exFAT for Windows XP, and Vista shouldn't be running on pre SP1 anyway.
    Some distributions of Linux have begun to include support for exFAT. It is however, only available as a file system in user space, as it's not supported by the kernel.
    Irrelevant, OP is using Windows and OS X, not Linux and if they did Linux can read the files at least and transfer, which is all they care about really.
    Windows Vista is unable to use exFAT drives for ReadyBoost. Windows 7 removes this limitation, enabling ReadyBoost caches larger than 4 GiB.[14]
    Irrelevant, the OP's is intending to use it as transfer drive between Mac's and Windows for movies.
    The standard exFAT implementation only uses a single file allocation table and free space map. FAT file systems instead used alternating tables, as this allowed recovery of the file system if the media was ejected during a write (which occurs frequently in practice with removable media). The optional TexFAT component adds support for additional backup tables and maps, but may not be supported.
    Some relevancy, but only exFAT can handle 4GB+ files between Mac's and PC's, so the need outweighs the possible problem.
    The OP needs to follow the standard Windows practice of "safely removing hardware" before physically disconnecting the external drive. If a write is occurring, it won't allow disconnecting until the write is finished.
    Support for up to 2,796,202 files per subdirectory only.[1][nb 3] Microsoft documents a limit of 65,534 files per sub-directory for their FAT32 implementation, but other operating systems have no special limit for the number of files in a FAT32 directory. FAT32 implementations in other operating systems allow an unlimited number of files up to the number of available clusters (that is, up to 268,304,373 files on volumes without long filenames).[nb 4]
    Not a issue, only in extreme cases of a lot of small files. The OP plans to use it for movies which are usually large and take up a lot of space on the drive.
    IMMO It looks like you just ran off and copied something to argue your point when all the points are basically irrelevant.
    There is only one format that can easily share 4GB sized files between Mac's and PC's without further complications.
    It's ALSO possible to install MacDrive on the PC and format the drive on the Mac HFS+, but I didn't recommend that because I know it's a hassle just like third party NTFS writing software is a hassle on Mac's.
    If you so anti-Microsoft format, then you must know Paragon has to pay a license fee to Microsoft for using the NTFS format.
    At least with exFAT there is no fee to Redmond, at least not yet.

Maybe you are looking for

  • Why does the iPad AppStore not show sub categories ?

    I always search around on my iPhone and come across a new app but on the iPad you can only see featured apps, is there a reason why it is like this, why we can't browse apps like on the iPhone.

  • Trouble printing Photoshop PDFs in InDesign

    Hi, I'm using some Photoshop PDFs placed in InDesign.  I can export to PDF just fine, but if I print to PDF the image drops out (just becomes a black square).  Any ideas on this?  I need to print to PDF to follow my printer's instructions (unfortunat

  • I am building an app that has hundreds of pages, is there a limit?

    I am building an app that has hundreds of pages, is there a limit? I think i could have about 400-500 pages. i have heard that if it resembles a book it will get rejected, does anyone know about this? thanks

  • Display latest instance of Crystal Reports in SharePoint 2010

    Dear Sirs, I have BO 4.0 and SharePoint 2010 and Integration Option. I need to display latest instance of Crystal Reports in SharePoint webpart. I'd like to add "IOMS-Crystal Report Viewer" Web Part and display latest instance. But in Settings (in SA

  • How to send an iTunes file.

    In Mac iTunes Library, I click on iTunes/Services/Mail/Send File. It automatically forms a message with the song attached. Can someone tell me how it is done in Windows as I cant seem to find Services, etc. Thanks.