Announcement

Collapse
No announcement yet.

Tired of -moz- -webkit- -o-

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Yves Rigaud
    replied
    Firefox 4 removes the prefix, as Safari 5 already does. IE will not use prefix with version 9 and Opera don't use prefixes.

    When Fx4 will be final and a lot of users will use it, it will be better for us developers to create styles

    Leave a comment:


  • Riasat
    replied
    if anyone is interested: http://ecsstender.org/

    Leave a comment:


  • Riasat
    started a topic Tired of -moz- -webkit- -o-

    Tired of -moz- -webkit- -o-

    I'm sick and tired of writing the same thing over and over again just to add these retarded browser prefixes.

    Instead of
    Code:
                    list-style: none;
                    float: left;
                    white-space: nowrap;
    
                    margin: 0 .2em 1px 0;
                    padding: 0;
    
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
    
                    background-color: rgb(0, 0, 0);
                    background-color: rgba(0, 0, 0, 0.7);
                    padding: 3px 5px;
                    margin: 5px 3px;
    
                    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
                    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
                    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    
                    transition-duration: .5s;
                    -moz-transition-duration: .5s;
                    -webkit-transition-duration: .5s;
                    -o-transition-duration: .5s;
    I just wanna write

    Code:
                    list-style: none;
                    float: left;
                    white-space: nowrap;
    
                    margin: 0 .2em 1px 0;
                    padding: 0;
    
                    border-radius: 3px;
    
                    background-color: rgba(0, 0, 0, 0.7);
                    padding: 3px 5px;
                    margin: 5px 3px;
    
                    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    
                    transition-duration: .5s;
    and have some javascript that converts it if user is on Gecko/Webkit/Presto.
    I *remember* seeing something like this once but now i cant find it.

    I write html/css using notepad. So this problem is becoming awfully painful.

    Thanks in advance.

Related Topics

Collapse

  • GeneralLife
    css prefix
    by GeneralLife
    Currently with xenforo I have this code within my exta.less file to call via a setting to make my prefixes look like


    This is the code
    HTML Code:
    .prefixphotos {
        background: none
    ...
    Thu 28th Dec '17, 6:15pm
Working...
X