asd

24

Ago

Fuentes de sistema para la web

Publicado por: LeoBaraldi

Cuando comenzamos un diseño para la web uno de los primeros errores que cometemos es el usar fuentes o tipografías que están fuera de los estándares normales. Me quiero referir para aquellos desarrollos que usan html, xhtml, php etc., caso contrario cuando se utiliza flash ya que este incorpora de cierta manera las fuentes utilizadas en el SWF para que el usuario final pueda verla de igual manera que el desarrollador el planteo como así también el uso de imágenes.

Cuando diseñamos entre  las cosas a definir antes de comenzar como colores, diagramación, elementos también debemos considerar las fuentes, familias y cuerpos. Esta pre selección de elementos nos dará un control más amplio en el ámbito de los resultados que esperamos para nuestra web. Las fuentes de sistemas son aquellas familias tipográficas que están disponibles en todos los sistemas operativos. Algunas de estas tipografías están en mayor porcentaje en diferentes plataformas pero hay ciertas familias que llegan hasta un 98% de presencia en todos los sistemas operativos. El uso de estas fuentes nos asegurar que nuestro diseño se muestre igual en todas las plataformas y evitaremos que el navegador las tenga que reemplazar por otras y que el diseño se rompa o no se vea de la manera adecuada que queríamos.

A continuación les dejo un listado de familias tipográficas y ejemplo de cómo se ven para que puedan utilizarlas en sus diseños. Cabe aclarar que hay varios métodos para incorporar fuentes que no están disponibles en todos los OS, para ello veremos otro tuto con respecto como utilizarlas.
Si quieren probar todas estas fuentes y simular como se ven visiten este site! http://www.fonttester.com/

categorias: Diseño Web Coment.: -

17

Ago

148 Iconos editables para Illustrator

Publicado por: LeoBaraldi

Excelente colección de iconos editables en Adobe Illustrator listos para usar sea para la web o la grafica. Cuentan con una excelente calidad visual y gran variedad de temas

17

Ago

Caja de CD / DVD en PSD editables

Publicado por: LeoBaraldi

Varios modelos de caja de CD y DVD listos para editar en formato PSD, ideal para salir del paso cuando necesitamos simular una caja y contenidos de CD o DVD.  Las templates de caja están separadas en 3 modelos diferentes, les dejo los links para verlas y descargarlas!

categorias: Diseño Coment.: 1

2

Ago

Formulario Whois para multiples dominios

Publicado por: LeoBaraldi

En el post anterior publique un SWF para consultar dominios .com.ar y dado a las consultas por uno que consulte otros dominios acá les dejo esta nueva versión para múltiples dominios (com.ar, net, com, tv, org, info y ws) más un formulario de registro si es que el cliente quiere encargarlo.

Se requiere php, Flash9

Actionscript:
  1. String.prototype.findstring = function(string) {
  2. if (this.indexOf(string) != -1) {
  3. resultado_mc.gotoAndStop(3);
  4. return true;
  5. } else {
  6. resultado_mc.gotoAndStop(2);
  7. return false;
  8. }
  9. };
  10. //
  11. dominio_txt.restrict = "a-z 0-9^.@";
  12. var whoisAr:String = "whois.php";
  13. var whoisAll:String = "whoisphp/example.php";
  14. //aca indicamos el html o lo que sea donde este formulario para registrar el dominio
  15. var urlFormDisponible:String = "formulario-contratar.php";
  16. var resultado:String = "";
  17. var Dominios:Array = new Array();
  18. Dominios.push(".com.ar",".com",".net",".org",".info",".ws",".tv",".biz");
  19. var dominioSlect:String = ".com.ar";
  20. resultado_txt.html = true;
  21. //
  22. function comprobar(nombre) {
  23. resultado_txt.text = "";
  24. loading_mc._visible = true;
  25. resultado_mc._visible = false;
  26. //
  27. var my_lv:LoadVars = new LoadVars();
  28. if (dominioSlect != ".com.ar") {
  29. my_lv.query = nombre+dominioSlect;
  30. my_lv.sendAndLoad(whoisAll,my_lv,"GET");
  31. my_lv.onLoad = function() {
  32. resultado = unescape(my_lv.toString());
  33. if (_root.resultado.findstring("No match for") || _root.resultado.findstring("Not found") || _root.resultado.findstring("NOT FOUND")) {
  34. resultado_txt.htmlText = "<strong><span style="color: #006600;">Nombre DISPONIBLE! Si quieres contrar este nombre, hace <span style="text-decoration: underline;"><a href="&quot;+urlFormDisponible+&quot;?plan=6&amp;dominio=&quot;+dominio_txt.text+dominioSlect+&quot;">clic AQUI!!!</a></span></span></strong>";
  35. } else {
  36. resultado_txt.htmlText = "<strong><span style="color: #660000;">Nombre NO DISPONIBLE! Intenta con otro nombre o otro tipo de dominio.</span></strong>";
  37. }
  38. comprobar_btn.enabled = true;
  39. loading_mc._visible = false;
  40. resultado_mc._visible = true;
  41. };
  42. } else {
  43. my_lv.nombre = nombre;
  44. my_lv.sendAndLoad(whoisAr,my_lv,"GET");
  45. my_lv.onLoad = function() {
  46. resultado = unescape(my_lv.toString());
  47. if (_root.resultado.findstring("disponible")) {
  48. resultado_txt.htmlText = "<strong><span style="color: #006600;">Nombre DISPONIBLE! Si quieres contrar este nombre, hace <span style="text-decoration: underline;"><a href="&quot;+urlFormDisponible+&quot;?plan=6&amp;dominio=&quot;+dominio_txt.text+dominioSlect+&quot;">clic AQUI!!!</a></span></span></strong>";
  49. } else {
  50. resultado_txt.htmlText = "<strong><span style="color: #660000;">Nombre NO DISPONIBLE! Intenta con otro nombre o otro tipo de dominio.</span></strong>";
  51. }
  52. comprobar_btn.enabled = true;
  53. loading_mc._visible = false;
  54. resultado_mc._visible = true;
  55. };
  56. }
  57. }
  58. //
  59. comprobar_btn.onRelease = function() {
  60. if (dominio_txt.text != "") {
  61. this.enabled = false;
  62. comprobar(dominio_txt.text);
  63. } else {
  64. resultado_txt.htmlText = "<strong><span style="color: #ff0000;">Introduce un nombre a buscar...</span></strong>";
  65. resultado_mc.gotoAndStop(1);
  66. }
  67. };
  68. loading_mc._visible = false;
  69. //
  70. for (i=0; i
  71. combo.addItem({data :D ominios[i], label:Dominios[i]});
  72. }
  73. var cbListener:Object = new Object();
  74. cbListener.change = function(evt_obj:Object):Void  {
  75. var currentlySelected:Object = evt_obj.target.selectedItem;
  76. dominioSlect = currentlySelected.data;
  77. };
  78. combo.addEventListener("change",cbListener);

Los archivos fuentes, xhtml del formulario de registro y PHP los tienen todos disponibles en los files para descargar, recuerden de subir todo a su servidor para probarlo y en el formulario indicar la casilla de destino del mismo.

Leonardo David Baraldi

Leonardo Baraldi

Nací en Villa Carlos Paz, tengo 33 años y me dedico a desarrollos para la web desde el año 99, preferentemente en las aéreas de ActionScript y CSS. Trabajo para la firma Manifesto Solutions como jefe de producción.

ultimos post

Usa Firefox es mejor che!!!
Copyright © 2008 LeoBaraldi. Todos los derechos reservados.
Designed by LeoBaraldi and powered by Wordpress | RSS Feed
Love WordPress
Manifesto
Manifesto solutions
Sponsort Oficial de LeoBaraldi