CSS General Tips and Tricks, Please if you can add to this, thanks

I thought of some general guidelines in CSS and XHTML, please feel free to add some more if you think i missed, thanks in advance !
No Empty Divs
Use text-indents in hyperlinks for images and images background so that the  div does not remain empty
Even if you have a division marker that contains a backgrounds and is  embedding another inner-container (or any other reason), use a  text-indent:-9999px so that it does not appear empty.  This misuse has led to  many misinterpretations by search engines
Validate your codes on W3C
Even if there is a warning, there’s always this possibility to wipe it out  and write the right piece of code for it.
No Ids! Classes & inheritance
We’re in 2010 now ladies, things have changed and now it’s the new era.  Like  for me, it was quite a bite that day I got those slaps (uhh… let’s call that  e-slaps for the sake of this article) from my boss, who clearly mentioned the  important generic methodologies of using inheritance techniques in everything we  do… And that included CSS my oh my..
Besides, even if you are using ids, make sure that they are unique and that  they are not being duplicated elsewhere on your page.  That’s the good thing  with the W3C validator: it doesn’t miss those
Comment your lines of codes
There are many advantages for this, the major one I’m considering is to help  situate the programmer in line who will be taking your codes elsewhere.  It’s a  form of diplomacy, hence good practice.
No Styling in your html pages: out!
It’s better to transfer all the related style, with comments alongside on  your generic style sheet
Insert Images on web pages only if necessary
Whenever there is an opportunity not to insert an image as an <img  src>, do it; the best practice is to load it as a background image and if  possible use write any text that’s ever found on the image instead of importing  the image from photoshop or any app you’re using down to tyou
Anti-aliasing of gif images for better image  quality
I have this luck of having a chief who knows quite a sleek stuffs in  photoshop and image rendering techniques and that includes gif images.
Integrators love gifs: light, minimal use of colors.. when they’res no  curves in any way, but what about transparency ?
There are possibilities to avoid the use of pngs, which are usually heavier  and take quite some time to load.  Sometimes when gifs are being exported, codes  or designers forget the background image on which the gif will be laid onto.   That is why anti-aliasing techniques are very important for keeping the design  intact.
use overflow: hidden instead of clear:both
More information can be found on this link:
http://www.quirksmode.org/css/clearing.html
To brief a bit, using clear is like ol’ school teaching stuff which was the  fast-driven solution while the overflow:hidden seems to satisfy the major  browsers like MSIE, FFx , Chrome, etc…
Minimise the use of style sheets
Avoid using different style sheets for different browsers. Use one generic  style sheet,  unless you have different themes for different pages, but that  depends.   All this creates confusion and that might also mean you are not be  using the right html codes and the right css styles
To minimise the use of multiple style sheets, use:
i.e. <!–[if IE  6]><div id=”IE6″><![endif]–>
Validate your css codes on  http://jigsaw.w3.org
Jigsaw is the CSS passport for integrators.  I never knew it, but now O I  know !
It’s the haven.  The hide in our line of business.  It’s what keeps our ego  hmmm strong and heavily proud, the reason why integrators are so needed in the  web business.
* Squeak *
Always have this final habit to validate your css in the following  link
http://jigsaw.w3.org/ to make sure that you are in line with your css  standards.  Even if there are warnings, that would mean you are wrongly  interpreting your css codes or that some styles have been duplicated here and  there.
Conclusion
That’s all for now folks.  I think , whenever I’ll have some more time, I’d  probably create a CSS tips and tricks Part 2, cos amending what’s already there  would sound so cheap and it’s not like facebook, uhh Sheran changed that  article, etc..
It’s good to have some feedbacks and all, well, that’s probably interesting  to know what’s out in the CSS jungle, so jot in some lines, criticise, be blunt  and bold and don’t hesitate to contact me (except ma okes at work, you know who  you are, ladies) for any info ya need
À La Prochaine !

use CSS, it will save you time no matter how much DW does things automatically for you
if you don't know how it's done, ask or view source. css is client side code and can be viewed.
use divs instead of tables for layouts
firefox has a great plugin called HTML Validator (http://users.skynet.be/mgueury/mozilla/). you don't have to keep going to the w3c website to validate. when viewing your page within firefox it will validate it and tell you any errors and warnings. saves me a lot of time. it's also great if you're development environment is behind a firewall - you won't have to view source, copy & paste onto w3c validator. they don't have support for html5 yet
this could be more of style and preference but i use multiple files of css. usually 2 or 3. one is for the layout (layout.css), one is for forms (form.css) and one for display data. anything more can become more work when it's time to make any changes, especially with multiple people working on the same project
create a standard workflow. naming conventions for file names, class names, etc.
i'm not sure you can get away from those IE specific css. i've tried a campaign at work to not support IE so that we become fully compliant with the web but unfortunately, IE still has a lot of users. what we've done is support IE but the latest versions only. M$ is at least getting better with being compatible.
view the page in firefox and IE. if they work, then you should be fine with the other browsers. as a developer, it's my responsibility to ensure that any user whether mac or pc can view the website - as long as they are running the "latest" version of the browser. latest as in what the software developer still supports.
well that's my tips, tricks and a little pet peeve here and there

Similar Messages

  • Tried my k3772-z modem to connect macbook air to internet and got the message: you can't use this application with this version of mac os x. Is there a setting that needs to be changed?

    Tried my k3772-z modem to connect macbook air to internet and got the message: you can't use this application with this version of mac os x. Is there a setting that needs to be changed?

    I can't help you with a direct answer.  For third-party devices you should contact the vendor (Vodafone). 
    If you have an iPhone (or an Android phone with hot-spot capability) you can use that to connect to the Internet without paying for a separate cellular service.

  • Screen validtions need tips and tricks please

    Hi,
    all along i have been doing a majority of behind the scene work and no major screen coding. The project that I am working on need a lot of screen validations such as validation the data typed on a Edit box, and mostly matrix cells.
    I am at frustrations becuase  the validate event does not fire at before event and  also the after event fires all too often too ( and not when I want to as I cannot use bubble event).
    lost focus does not fire when I hit a button etc ( lost focus from a matrx cell.
    have you got any tried and tested methods of validation ? if so appreciate if you can share with me . will save a lot of time for me.

    Hi Indika
    I've had the same problem recently. Like you say the lost focus doesn't work because the lost focus applies for the column and not the cells.
    We used
    If pVal.EventType = SAPbouiCOM.BoEventTypes.et_VALIDATE And pVal.ColUID = "Reading" Then
    YOUR CODE
    YOUR CODE
    end if
    This worked for us. Hope this helps you to as i know how frustrating it is when you don't get it right.

  • Looking for nice Tips and Tricks on mac os 10.6?

    hello, i'm a new mac user and just looking for some amazing tips and tricks i could try on my new mac.
    thank you

    JoeyG15 wrote:
    Hello, thank you for the warm welcome..and i have a IMac 27 inch and i love it. no crashes no virus my life so complete now and i am just looking for any type of tips that i could tried on my new mac computer.
    thank you
    You are very welcome. I will mention one thing not to do. Don't start down loading any of the system clogging freeware that is out there. Learn to do real Mac trips; not to use the sub-par software that is out there. I'll find the thread that I mentioned above for you. Edit: Here it is: http://discussions.apple.com/thread.jspa?messageID=10430346&#10430346. Check out especially the third post on this thread. These are the kinds of things I would advise your to start learning about.

  • You can't use this mobile for Nokia Music Unlimite...

    I have just purchased a Nokia 5130 XpressMusic mobile phone which came with music.  I have previously had a similar phone which came with music which for the last year I have been using.  That unlimited downloads has now expired. 
    So I have plugged in my new phone, which I have not used to purcahse any music with through my old unlimited downloads, and it is saying:
    You can't use this mobile for Nokia Music Unlimited edition mobile.
    Can someone please tell me why not?  The phone is capable of playing music (it is an XpressMusic mobile).  I have specifically gone and purchased this phone for the unlimited downloads and will not be very happy if I am unable to activate it.
    Many thanks,
    Tania

    Hi Tania,
    Like @petrib mentioned you should be able find local Nokia Care details behind that Contact us -link up right in this page (or if you tell which country you are in I can check the details for you).
    You could also update to latest Nokia Music Player which has just become available e.g. here http://europe.nokia.com/support/product-support/nokia-music-support and see if activation would work with that.
    -ThreeOs

  • Please help. Performance tips and tricks on Camera RAW 6.6 needed.

    Hello I really need your help and I want to thank you in advance for your time!! I need performance tips and tricks for Camera raw 6.6 and Bridge CS5? I have Intel i7 920, with 16GB of RAM which I thought is powerful enough to make developing in Camera RAW smooth as butter but I am not getting that performance. When I slide the settings, it has a delay for the preview and it gets worse if I apply a vignette. I usually open the camera raw file to photoshop and sometimes it does take a considerable amount of time to load. Working on photoshop is great, quick as expected, but Camera RAW makes me cringe.
    What tips and tricks would you suggest for performance boost? The best case scenario is to have the preview reflects the changes of the slider without delay. Is this possible?
    Thank you very much.

    Thank you for your help.
    I found an adobe link on how to optimize lightroom and followed some tips there that are applicable to bridge. The notable setting I tweaked was to change my cache directory to my RAID 0 drive, and increased cached size to the maximum setting. The difference is night and day, and I am extremely  happy now. The only thing that still bugs me a little is that there is still a slight delay cropping when the vignette is not set to 0 . I can understand that's a little extreme though and I usually add the vignette at the end anyways.
    Yammer P:
    After making the tweaks, I was able to slide the settings with instant previews even with Noise Reduction (luminance) set to zero.
    Robert Shomier:
    Thank you for the link, I have seen that before and followed the directions. I upgraded to 16GB of RAM two weeks ago after reading the tips.
    Thank you guys again..

  • Are there any tips and tricks or can you learn all from Help menu?

    Basically. GBand is great but i was wondering if there are any special techniques or features that may be hidden and not in the help menu.. maybe there are GBand websites with tips and tricks? or no?

    Basically. GBand is great but i was wondering if
    there are any special techniques or features that may
    be hidden and not in the help menu.. maybe there are
    GBand websites with tips and tricks? or no?
    easy. you got gb experts here that have faqs+ for all levels of users. heres just a couple:
    http://www.bulletsandbones.com/GB/GarageBand.html
    http://wikivid.com/index.php/GarageBand
    enjoy good luck

  • Must-know BlackBerry Z10 and BlackBerry 10 tips and tricks

    Check out the following must-know BlackBerry Z10 and BlackBerry 10 tips and tricks to get the most out of your new BlackBerry 10 smartphone.
    1) BlackBerry 10's Built-In Screen Shot Feature
    Capturing a screen shot on a BlackBerry 10 device is simple. Just hold both the volume up and volume down keys simultaneously for a couple of seconds until you hear a shutter sound. Screen shots are saved to your BlackBerry 10 camera gallery.
    2) Volume Up/Down Keys as Media Controls
    You can use your BlackBerry 10 device's volume up and volume down keys to skip through songs in your music librery. To enable this feature, open your BlackBerry 10 Settings by dragging down from the top of your display while on your Active Frames screen or a home screen panel. Choose Settings from the dropdown menu and click System Volume. On the following page, slide the Music Shortcuts button to the On position.
    3) Volume Up/Down Keys and the BlackBerry 10 Camera
    You simply tap your BlackBerry Z10's display with the camera or video camera open to snap an image or start recording a video clip. But it's sometimes easier to use the volume keys. Just tap the volume up or volume down keys with the camera open to snap and image. And you can also use these keys to start and stop video capture when your camera's video mode is enabled.
    4) Instantly Launch Voice Control
    The BlackBerry Z10 can initiate lots of different actions based on voice commands thanks to its Voice Control app. And you can instantly launch Voice Control by holding your device's mute key for a couple of seconds.
    5) Launch BlackBerry Camera from Lock Screen
    BlackBerry 10 lets you quickly launch your camera application from its lock screen, a feature that can be valuable when you want to take spur-of-the-moment shots. A camera icon appears in the bottom-right corner of the locked display screen, and you can hold it for a couple of seconds to launch the camera app.
    6) Advanced BlackBerry Hub Inbox Controls
    The BlackBerry Hub is the central inbox for all of you various BlackBerry 10 application notifications and messages. You can access basic Hub controls by clicking the Menu key at the bottom right of your Hub screen. (The Menu key looks like three dots stacked on top of each other.) But you can also access some advanced BlackBerry Hub controls from the date bars that appear in the inbox stream at the start of each new day.
    Just hold a finger on a date bar to bring up controls that let you skip to the start of the past day, the start of the next day, jump to the top of the BlackBerry Hub, jump to the bottom of your BlackBerry Hub or mark all prior messages as read.
    7) Speedy BlackBerry 10 Navigation
    The BlackBerry 10 OS can be broken down into three main components: The BlackBerry Hub; the Active Frames screen; and your application panels. You can do navigation through these components using a basic set of swipes and gestures. But you can also use the tiny slider tray that appears at the bottom of the Active Frames screen and all of your home panels. Just tap a specific panel in the slide to navigate directly to that panel without scrolling. Touch the Active Frames square, which is composed of four smaller squares, to jump directly to your active apps page. Or tap the Hub button, which looks like three horizontal lines on top of each other, to navigate right to the Hub.
    8) See Your Battery Life Status as a Percentage
    The BlackBerry 10 OS does not currently allow you to set your battery-status indicator to show a specific percentage, only a battery icon. But you can check your device's hardware settings for a more specific battery status. Just open your device's Settings by sliding down from the top of your Active Frames or application-panel screen and choose Settings from the dropdown menu. Then click About. On the following screen, change the Category menu from General to Hardware. You'll see a battery percentage listed in the Hardware information.
    9) BlackBerry 10 Boot Status as a Percentage
    Whenever you restart or power up your BlackBerry 10 devices, a BlackBerry logo appears with a status bar that encircles it. The status bar shows you start-up progress, but you can also view that progress as a percentage number. Just hold your finger anywhere on the BlackBerry logo and a progress percentage appears.
    10) BlackBerry Z10 Keyboard Tips, Tricks and Shortcuts
    You can type special characters using the BlackBerry 10 virtual keyboard by holding your finger on top of a letter with associated special characters (e, a, i, o, u, y, etc.), and then sliding your finger over to the character of your choice.
    Quickly sliding your finger downward from the top of your keyboard to its bottom cycles through the number and character screens so you don't have to tap the number/character screens button, which can slow down typing.
    And you can delete an entire word instead of just individual letters by swiping leftward from the backspace key toward the center of your keyboard.
    Click Her to know more

    This could of been posted by JSanders already in his thread!
    Want to contract me? You can follow me on Twitter @RobGambino
    Be sure to click Like! for those who have helped you.
    Click Accept as Solution for posts that have solved your issue(s)!

  • How to deploy and tips and tricks for new Jdevloper users

    we currently use forms, but we are planning to try new modules in jdeveloper 10. I have few questions. We developed sample emp/dept screen as per the demo.
    1.Can some one explain how source/excecutable works.. In forms we move fmb file from client to unix and compile to get fmx into my forms_path where my IAS is running.
    2. how to run the applications
    3. Any tips and tricks of start using jdeveloper.
    we can only use Jdev10, as IE7 is not approved for us.
    Thanks
    Lalitha
    Edited by: Lalitk on Nov 14, 2008 2:40 PM

    We are trying to install ADF runtime lib, from jdeveloper it is asking server home which is on UNIX (/opt/oracle/product/10gas) and it is not taking... our connection is sucess.. Alternate option it is saying is install from zip.. Do you think we are making any mistake..
    If you are deploying to Oracle Application Server Release 2 (10.1.2), you have to perform some additional steps before you can run your ADF applications:
    2. You need to install the ADF runtime libraries on the application server. This is because the ADF runtime libraries that were shipped with Release 2 (10.1.2) need to be updated. To install the ADF runtime libraries, see Section 34.12.1, "Installing the ADF Runtime Libraries from JDeveloper". "
    Can someone please help? thanks lalitha

  • Share your speaking tips and tricks

    Please share your speaking tips and tricks that SAP TechEd '07 speakers can take advantage of when they present in Las Vegas, Munich, Bangalore, and Shanghai.  Also, if you ever watched an excellent speaker, please share what you thought made him/her so effective. Hopefully, with all these great tips and tricks SDN and BPX communities will have some of the best public speakers out there!

    There are some obvious (or should-be-obvious) tips, such as being prepared, being on time, having a backup plan and being a subject matter expert, and some fairly common speaker faults (too quiet or too formal), but here are the top 3 goals I strive for when I speak:
    1)  Time management.  Having too little material for a 1 hour session, or trying to do a 2 hour lecture plus a 30 minute demo, or speaking up until the next session, are annoyances to avoid.  I like to have too many slides so I can skip some, but my rule of thumb is about 1 slide per minute.  Leave time for questions at the end, and for the spontaneous hallway conversations to erupt.
    2)  Rehearsal.  It's not a sermon, or a strict one-way lecture, but I am normally more relaxed if I've given the material to several smaller crowds ahead of the bigger event.
    3)  Empathy.  In a presentation class I took last year we learned how to tell if your audience is engaged.  Telling a joke is great, but it is always helpful when people nod their heads, raise their hands or evoke body language showing they have been there, done that with the pain points of software and hardware management.

  • LabVIEW Wiki tips and tricks page

    We've been busy over at the LabVIEW Wiki. Just completed edits on a massive tips and tricks page. This is a collection of tips from the LAVA Forums and various other sources. If you have a tip that's not listed there, please add it. Of course the LabVIEW Wiki is open to contributions of any sort on any LabVIEW related topics, not just the tips and tricks page.
    Link: LabVIEW tips and tricks.
    Note: In order to edit, you must register for a free LAVA Forums account. The same login name and password is used for the LabVIEW Wiki.
    Michael Aivaliotis
    VI Shots LLC

    Great work, Michael !
    Kudos to all of you guys !
    - Partha
    LabVIEW - Wires that catch bugs!

  • Vibe Z2 Pro (K920) Tips and Tricks - Hidden Features

    Hello,
    Please fill here all the tips and tricks you guys think worth to be mentioned.
    I have a few ideeas:
    1. Quickly change the wallpaper: grab the right top corner of the scren and slide it like a page to the left. Same thins from the left side.
    2. Change the photo camera mode: SMART / PROFESSIONAL: go to scene mode, bottom left corner and use the switch.
    Best regards,
    Alex
    Solved!
    Go to Solution.

    Hi Alex
    Interesting thread Let me be the first ''contribuitor''.
    For example on the lockscreen if you press&hold the ''HOME'' button the flashlight will turn on.This feature is available on most Lenovo VibeUI 2.0 phones.
    Also if you go to Settings->Feature you can find other interesting features/settings like ''Micro Screen''(useful on a 6 inch device),''Disable home button''(that's very useful if you're a gamer),''Poket mode'',''Smart Dialer''(also useful on a 6 inch device)....
    Check out this videos....Unfortunately not in English but the ''moving pictures'' are self-explanatory->>VIDEO 1  VIDEO 2
    Cheers,
    MP.
    Did someone help you today? Press the star on the left to thank them with a Kudo!
    If you find a post helpful and it answers your question, please mark it as ''ACCEPT AS SOLUTION"! 
    Unsolicited PM's will not be answered! ....Please post your question/s in the appropriate forum board.
    English Community   Deutsche Community   Comunidad en Español   Русскоязычное Сообщество

  • I want to write for firefox tips and tricks. What can I do?!

    I found some of basic Firefox tricks that I think very few knows about it!

    Hello Hossmf, see already known [https://support.mozilla.org/en-US/products/firefox/tips tips and tricks]
    and : http://www.tweakguides.com/Firefox_1.html
    (it is only a little bit of knowledge in the above articles)
    if you want to contribute for a start see : [https://support.mozilla.org/en-US/kb/how-the-knowledge-base-works#os=win8&browser=fx17 How the Knowledge Base works]
    i'm sure other contributors/helpers help you more(with more links)
    '''''try it, it worth it'''''
    thanks

  • ABAP Tips and Tricks Section/Document

    Howdy,
    It'd be totally cool if we could share tips and tricks with each other!!!
    I've had a llook at the new ABAP sections and I suppose its okay but it needs beefing up!
    If someone'd be good enough to share their nuggets of knowledge eith us then I'D BE MOST GRATEFULL.
    Also I'd like to see more ABAP tutorials!!!!
    If no one else can be bothered to do this then i SUPPOSE I COULD RUSTLE UP SOMETHING. Just don't think I'll have it ready this side of Christams.
    Again if anyone'd like to take this forward then great!
    Take care y'all

    Hi Steven,
    Craig's links are goods and he made me laugh
    Just to let you know - I've just submitted something to SDN that might be the kind of thing that you were looking for. I'll probably need to amend it so that it conforms to any SDN standards but then it'll be available for everyone to view/use.
    So sit tight and I'll let you know how the work progresses.
    Regards,
    Hafeez

  • From the Community: Tips and Tricks

    Hello,
    I believe it makes sense if we have a thread where we post some key tips and tricks we have discovered during our adventures.
    The intention is not to post whole applications but solutions to specific issues that might be encountered during the creation of the apps
    Some simple rules:
    1 post or reply per tip, Always check if a tip isn't alreay posted
    Follow the structure as in the first post: Title, Context, Tip
    Avoid replies like "yea cool", "thx for this", etc. This is a functional thread not a discussion.
    If someone from the core team could make this sticky it would be highly appreciated
    Regards
    StonyArc
    http://www.stonyarc.com http://www.xboxlivenation.com

    Title
    Playing a sound in an OnSelect
    Context
    You may have the need to add an audio event to an action.
    Tip
    Assuming you start from blank screen
    add your sound via App Data / Media (right click for the menu)
    add an "Audio" control to you screen (right top cross)
    in the "Autostart" of your Audio1 put "bstart" without the quotes
    in the OnSelect of the button put
    UpdateContext({bstart:false});UpdateContext({bstart:true})
    So far you will then have a button that plays you that sound.
    You will have to decide what to do with the action you have behind. If the action is within the same screen you can add directly after the OnSelect of the button.
    Most likely you will need to move to another screen and then you should add the action in the OnEnd of your audio control
    Navigate(Screen2,ScreenTransition!Fade)
    Two remarks
    You can set the visibility of your Audio1 to "false" (select the audio and go to express view "visible". If you want to select it again and toggle the visibility you can use the control drop down on the top left to select your Audio1
    If you have multiple buttons you want to add the sound the safest way is to add a few other players as otherwise the OnEnd will be quite tricky if you just use one. You can safely point the audio control to the same media file but replace the bstart
    I mentioned above to "bstart1" for the first, "bstart2" for the second, etc.
    http://www.stonyarc.com http://www.xboxlivenation.com

Maybe you are looking for

  • How to generate key events programmatically

    Hello friends, I am developing an application that would automaticall trigger some keboard events for this purpose i would like to trigger an event like alt+f4 i.e pressing alt+f4 together How can we do this using java regards hari

  • Wism2 in High Availability - FUS Upgrade

    Hello all, what is the procedure to be followed when upgrading the FUS on a WISM-2 in HA cluster? Is it the same procedure that applies when upgrading the wism's code in HA? Thank you Edited: The procedure is exactly the same as upgrading. First upgr

  • LDAP- When importing a Group it goes into Security Users and not Groups.

    Hello, I created a new LDAP Server cn=GroupBI,OU=Groups,OU=Systems,OU=Milan,OU=Italy,OU=Countries,DC=u,DC=a,DC=g Connection Test was ok. The problem is on importing members of my group, on Security Import window instead of having the group drop-down

  • How can i make itunes look like the new version?

    I downloaded the new Itunes 11.4 and it's opening as the old version of Itunes, how do i open itunes to the updated version on my mac?

  • Adobe Album Starter

    Adobe Album Starter has been dicontinued and I still have photos stored in it that I can not get. Therefore, I am trying to find out how I can get those pictures. I do not have an unlock code. Please help