Tags: usabilidad

Sort by: Date / Title /

  1. Pasar cadena a minusculas o mayusculas respetando acentos
    1 year ago by jacinmontava
    1. function ucfirst_low($c){
    2.         $cadena = strtr(strtolower($c), "ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÜÚ","àáâãäåæçèéêëìíîïðñòóôõöøùüú");
    3.         $cadena = ucwords(strtolower($cadena));
    4.         return($cadena);
    5. }
    6.  
    7. function ucfirst_upp($c){
    8.         $cadena = strtr(strtoupper($c),"àáâãäåæçèéêëìíîïðñòóôõöøùüú", "ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÜÚ");
    9.         $cadena = ucwords(strtolower($cadena));
    10.         return($cadena);
    11. }
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1803"></script>
  2. Forzar un salto de página en la impresión html xhtml 
    1 year ago by jacinmontava
    1. <STYLE>
    2.  H1.SaltoDePagina
    3.  {
    4.      PAGE-BREAK-AFTER: always
    5.  }
    6. </STYLE>
    7.  
    8. <!--En el sitio en que quieras forzar el salto de página deberás poner el tag h1 aplicando el estilo SaltoDePagina definido anteriormente-->
    9.  
    10. <H1 class=SaltoDePagina> </H1>
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1802"></script>
  3. Como visualizar elementos criticos en CSS 
    2 years ago by jacinmontava
    Reinhold Weber desde su blog, nos ofrece una atractiva, útil e interesante técnica para detectar elementos vacíos en nuestro diseño como DIVs, listas, párrafos, celdas en tablas o etiquetas alt sin información o etiquetas title vacías, etc. Ha utilizado colores para representar áreas donde debemos prestar atención y sólo hay que incluir el siguiente código al final de nuestro CSS
    1. /* Empty Elements */
    2. div:empty, span:empty, li:empty, p:empty, td:empty, th:empty
    3. { padding: 20px; border: 5px dotted yellow !important; }
    4.  
    5. /* Empty Attributes */
    6. *[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]
    7. { border: 5px solid yellow !important; }
    8.  
    9. /* Deprecated Elements */
    10. applet, basefont, center, dir, font, isindex, menu, s, strike, u
    11. { border: 5px dotted red !important; }
    12.  
    13. /* Deprecated Attributes */
    14.  
    15. *[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],
    16. *[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],
    17. *[align], *[valign],
    18. *[hspace], *[vspace],
    19. *[height], *[width],
    20. ul[type], ol[type], li[type]
    21. { border: 5px solid red !important; }
    22.  
    23. /* Proposed Deprecated Elements */
    24. input[type="button"], big, tt
    25. { border: 5px dotted #33FF00 !important; }
    26.  
    27. /* Proposed Deprecated Attributes */
    28. *[border], a[target], table[cellpadding], table[cellspacing], *[name]
    29. { border: 5px solid #33FF00 !important; }
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/804"></script>
  4. Sponsorised links
    sponsorised links

First / Previous / Next / Last / Page 1 of 1 (3 posteets)