triunfoweb.com

Entradas con la etiqueta ‘PHP’

Para los diseñadores y desarrolladores web, en su gran mayoría usan el navegador Firefox, porque es un gran navegador, aunque esa probablemente no sea la principal razón de su uso. El mayor beneficio son los addons disponibles por la comunidad que mejoran y ampliar el rendimiento y las capacidades de dicho navegador. Para los desarrolladores web supone una gran cantidad de tiempo ahorrado, y la información recopilada por estos plugins de Firefox hace que sea para los programadores su mejor amigo. En el artículo 22 Firefox Extensions (Addons) for Web Development , de TutZone , nos deja caer algunas de sus extensiones favoritas  de Firefox para hacernos la vida mucho más fácil. Esta es la lista que nos presenta: Web Developer Toolbar . Agrega un menú y una barra de herramientas con diferentes herramientas de desarrollo web. Firebug . Una gran cantidad de herramientas de desarrollo a su alcance mientras usted navega. Puede editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Page Speed . Para webmasters y desarrolladores Web pueden usar esta herramienta para evaluar el desempeño de una página web y para obtener sugerencias sobre cómo mejoraras. FirePHP . Nos permite acceder a la consola de Firebug mediante una llamada PHP. Debes tener instalado Firebug y el “Net” panel habilitado para usar esta extensión. También debe descargar una biblioteca de PHP desde esta página . YSlow . Analiza las páginas web para ver por qué lentas basadas en las normas de Yahoo! Pixel Perfect . Es una extensión Firebug que permite a los desarrolladores y diseñadores web fácilmente la superposición de una composición sobre la parte superior de la web el código HTML desarrollados. Aardvark . Potente y fácil de selector de utilidad amigable para seleccionar los elementos y realizar diversas acciones sobre ellos. Puede ser utilizado para limpiar una página antes de imprimirla (quitando y aislamiento de los elementos), y para el desarrollo web. Total Validator . Realizar las validaciones múltiples y toma capturas de pantalla de una sola vez. Con diferentes herramientas de validación. IE NetRenderer . Añadir botones, menús y herramientas de las entradas del menú contextual para una captura de pantalla de la página actual con IE NetRenderer. Colorzilla . Para conseguir una lectura del color de cualquier punto en tu navegador, ajustar rápidamente este color y pegarlo en cualquier programa. Puede ampliar la página que estás viendo y medir distancias entre dos puntos cualesquiera de la página. Screengrab . Capturar lo que se puede ver en la ventana, la página entera, apenas una selección, un marco en particular …, básicamente, guarda páginas web como imágenes, ya sea a un archivo o al portapapeles. FireFTP . Cliente FTP para Mozilla Firefox que proporciona un acceso fácil e intuitivo a servidores FTP. Codetech . Es como tener el Dreamweaver en una extensión de Firefox. Edita tus documentos junto a tus páginas web de manera sencilla. Tab Mix Plus . Aumenta las capacidades de navegación de Firefox. Incluye un montón de características para las pestañas y ventanas. Greasemonkey . Nos permite personalizar la forma en que muestra la página web utilizando pequeños fragmentos de JavaScript y muchas más cosas. InspectorWidget . Agrega el botón de barra de herramientas y menús de contexto para invocar el DOM Inspector (Domi). GridFox . Dibuja una cuadrícula en la parte superior de una página web. Esto es útil para el control de las diferentes partes del diseño.   Font Finder . Para obtener todos los estilos CSS de cualquier texto seleccionado en Firefox. Una vez seleccionado, pulsamos el botón derecho y selecciona ‘Font Finder, y puedes ver el estilo CSS del elemento seleccionado. JavaScript Debugger . Proporcionar un entorno de depuración de JavaScript poderosa para los navegadores basados en Mozilla. Live HTTP Headers . Para ver los encabezados HTTP de una página y durante la navegación. Yellowpipe Lynx Viewer Tool . Muestra una vista previa de una página web mrdisnte el botón derecho del ratón o el menú de herramientas. Con un solo clic y sin salir de la página nos abre una pequeña nueva ventana. Xmarks Bookmark Synchronizer (formerly Foxmarks) . Es en ideal para el bookmarking. Instalados en todos tus equipos, puedes mantener tus marcadores y (opcionalmente) una copia de seguridad con contraseña sincronizados. También te ayuda a descubrir lo mejor de Internet en función de lo que millones de personas tienen en sus marcadores.

22 extensiones de Firefox para el desarrollo Web

Nos encontramos totalmente inmersos en lo que se ha llamado en inglés el cloud computing , algo así como la computación en nube , es un paradigma que permite ofrecer servicios de computación a través de Internet, lo de la nube es por tanto una metáfora de Internet. inmersos en esa nube, pasamos tanto tiempo en ella, que muchos mantenemos y gestionamos nuestra vida social, trabajo, y otras cosas en línea , sobre todo los bloggers, diseñadores de páginas web, web master, etc. Todos ellos aparte de su equipo con sus aplicaciones habituales, donde terminan sus trabajos, en ocasiones necesita algunas herramientas útiles para aumentar su productividad, por eso en el artículo 22 Really Useful Online Tools for Web Designers and Bloggers , de DesiznTech , nos proporcionan un total de 22 herramientas en línea de gran variedad para diferentes cosas que puedes hacer . Han reunido algunos editor de código, editor de HTML para la edición de la página, cosas divertidas que puedes integrar en su sitio web y algunas herramientas para la vida social en línea. si tienes alguna herramientas en línea que puedas añadir a la colección, me encantará que lo comentes, así que gracias por adelantado. Editores de texto, CSS y HTML : 1. Online-HTML-Editor.org . Editor WYSIWYG. 2. Edit Pad . Editor de texto plano. 3. DarkCopy . Sencillo editor de texto en pantalla completa. 4. SiteGuts . Editor CSS, HTML y PHP. 5. PractiCode . Editor HTML, CSS y Javascript. 6. MyTextFie . Editor de texto plano. 7. Bespin . Editor de código de Mozilla (necesitas registrarte). 8. CSSFly . Editor CSS en tiempo real. 9. The Workshop . Editor CSS. 10. The Whole Internet . Editor CSS. Herramientas para blogs : 11. embedit.in . Incorporar cualquier tipo de documento en Tu sitio web. 12. Printfriendly . Hacer una impresión de la versión amistosa de su sitio web. 13. SikBox . Búsqueda en vivo para Tu sitio web. 14. Gazup . Subir archivos a varios hosts. 15. Closr.it . Compartir e integrar imágenes. 16. Feevy Home . Mostrar los canales desde otro sitio web en la barra lateral. Herramientas personales : 17. SketchFu . Diversión con dibujos, para publicar y compartir. 18. BeFuny.com . Efectos en las fotos de inmediato 19. Avartize.com . Avatar o perfil de usuario de Twitter con símbolos. 20. DailyBooth . Captura e intercambio de fotos. 21. Hi, I’m . Crear una página web personal. 22. Card.ly . Crear tarjetas de visita.

22 herramientas útiles para diseñadores web y bloggers

Las imágenes son muy importantes porque pueden hacer que sus páginas web se ven mejor y más atractivas. Pero, las de alta calidad siempre son enorme de tamaño de archivo. Eso hace que la carga de las páginas sean más lentas y consuman más ancho de banda. Así que, los diseñadores deben optimizar las imágenes para que sean pequeñas en tamaño de archivo, pero de buena calidad. Hay un montón de herramientas de optimización de imagen útil que nos puede ayudar a optimizar y reducir el tamaño de archivo de las imágenes.En el artículo 12 Really Useful Image Optimization Tools For Web Designers , de WebDesignBooth , nos dejan 12 buenas herramientas de optimización de imagen para diseñadores web. Estas aplicaciones están disponibles en línea y en aplicaciones de escritorio : Smush.it . Es una popular herramienta de optimización de imagen que pueda reducir el tamaño de archivo de imagen, pero manteniendo la calidad, que es lo que llamamos “pérdidas” de optimización de la imagen. Puede ejecutar Smush.it a través del sitio web (5 imágenes al mismo tiempo) o mediante la extensión de Firefox YSlow . Dynamic Drive Online Image Optimizer . Nos permite optimizar diferentes formatos de archivo de imágenes (GIF, JPG y PNG). Puede cargar la imagen desde su equipo local o pegar la URL de una imagen. Esta herramienta es capaz de optimizar y convertir tu imagen a formato de archivo diferente. Las limitaciones en línea son 200KB por archivo, y un solo archivo para la conversión. PunyPNG . Comprueba en primer lugar las imágenes y luego determinar qué técnica es la mejor para que la imagen en particular. Soporta la mayoría de los formatos de archivo de imágenes más populares y determinará automáticamente el formato que te conviene. SiteReportCard Image Optimization Tool . La herramienta soporta los formatos de archivos: GIF, JPG y PNG. Puede pegar la URL de la imagen o subirla desde tu ordenador, y la herramienta de comprimir y optimizar la imagen te proporciona varios tamaños y diferentes calidades. Shrink O’Matic . Es una aplicación basada en AIR que es capaz de redimensionar la imagen sobre la marcha con solo arrastrar y soltar imágenes en él. Puede elegir opciones como los formatos de salida, su nombre o el tamaño de salida. OptiPNG . Es un optimizador avanzado de archivos PNG, que se convertirá en varios formatos de archivo PNG optimizado. Los usuarios de Windows pueden integrar OptiPNG Windows Shell Integration de Windows, o el uso como OptiPNG as Paint.NET Plugin . Mientras que los usuarios de Mac OS X puede disfrutar de la aplicación PNGCrusher . ImageOptim . Es una herramienta que combina un conjunto de herramientas de optimización de imagen. PNGOUT . Es una aplicación de línea de comando que tiene un montón de opciones diferentes. Soporta PNG, GIF, BMP, JPG, TGA y PCX. PNGGauntlet . Es capaz de convertir a JPG, GIF, TGA, PCX y BMP a PNG. JPG & PNG Stripper . Esta aplicación es capaz de eliminar los metadatos innecesarios de los archivos de la imagen. Soporta JPG, JFIF y PNG. TweakPNG . Es una herramienta de bajo nivel para la optimización de los archivos PNG. Por lo tanto, es necesario familiarizarno s con este tipo de formato con el fin de utilizar bien esta herramienta. Puedes leer más acerca de PNG en este enlace . RIOT – Radical Image Optimization Tool . Es capaz de leer y optimizar los diferentes formatos de imagen, incluso  con extensiones poco frecuentes, que lo hace único si lo comparamos con con otras herramientas de optimización de imagen. Nos muestra al lado del original, las imágenes convertidas para comparar la calidad de ellos fácilmente.

Continue reading here:
12 buenas herramientas para optimizar imágenes

Si te gusta jQuery, y estás aprendiendo a usar animaciones con él , este artículo te mostrará todo lo que necesitas saber para usar el método animate() , esencial para conseguir que nuestras animaciones se realizen perfectamente. Artículos relacionados Anima tus mensajes con jQuery Crear un hover animado con jQuery jQuery 1.0.2, nueva release 5 formas de usar Ajax con jQuery Todo lo que necesitas sobre jQuery

Go here to read the rest:
jQuery.animate, todo lo que siempre quisiste saber

Emprise Javascript Chart, es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida. (Ver Imagen) Entre las funcionalidades que nos encontramos cabe destacar: La gran cantidad de tipos de gráficos disponibles La compatibilidad con la mayoría de navegadores actuales. Fácilmente ampliable mediante plugins Javascript Personalizable Aunque se trata de una librería comercial, la versión free ofrece una gran cantidad de opciones que podríamos usar en nuestras aplicaciones. Ver más ejemplos o descargar la versión free . Artículos relacionados Crea gráficas con Javascript Espectaculares gráficas con CSS puro y duro jQuery Google Charting, haciendo Google Chart más fácil +80 soluciones profesionales en Ajax pChart, gráficas profesionales con PHP

More:
Emprise Javascript Chart, gráficas profesionales en Javascript

Las aplicaciones de código abierto (en inglés open source ), es el término con el que se conoce al software distribuido y desarrollado libremente. El código abierto tiene un punto de vista más orientado a los beneficios prácticos de compartir el código que a las cuestiones morales y/o filosóficas las cuales destacan en el llamado software libre . Dentro de este tipo de aplicaciones, las herramientas son una gran alternativa para los diseñadores de web, para que no se disparen nuestro maltrecho presupuesto. Muchas herramientas de código abierto tienen características comparables a las aplicaciones de pago. Esto hace posible que un diseñador web pueda tener todas las herramientas y aplicaciones necesarias para completar las tareas diarias de su trabajo, sin siquiera gastarse un céntimo. En el artículo 13 Excellent Open Source Tools for Web Designers , de WebDesignLedger , encontrarás 13 de las mejores herramientas de código abierto enfocadas para los diseñadores web, aquí tienes el enlace a su descarga y una breve explicación. Editor de texto : Aptana Studio . Completo entorno de desarrollo web que combina potentes herramientas de edición de HTML, CSS y JavaScript, junto con miles de plugins adicionales creados por la comunidad. KompoZer . Un completo sistema de autoría web que combina la gestión de archivos web y la edición WYSIWYG fácil de usar en páginas web. Notepad++ . Editor de codificación para Windows, que reemplaza al Bloc de notas, y que soporta varios idiomas. Firebug . Un plugin para Firefox que te permite editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Quanta Plus . Un estable y rico entorno de desarrollo web. jEdit . Editor de texto de multi-plataforma con muchos años de desarrollo detrás de él. Aplicaciones gráficas : GIMP . Un paquete versátil de manipulación de imágen. Una excelente alternativa al Photoshop. Dia . Es una aplicación inspirada en el programa comercial “Visio” para Windows, aunque más orientado a esquemas informales para uso ocasional. Puede ser utilizado para dibujar diferentes tipos de diagramas. Krita . Aplicación gráfica para todos los que quieran ser creativos con las imágenes. Inkscape . Editor de gráficos vectoriales, con capacidades similares a Adobe Illustrator. FTP : FileZilla . Es probablemente la aplicación de FTP más popular. Puedes descargar una versión de cliente o servidor. Cyberduck . Un cliente FTP integrado para el Mac. WinSCP . Es un cliente de SFTP y cliente FTP para Windows.

The rest is here:
13 buenas herramientas de código abierto para diseñadores Web

Isra , nos muestra una librería en PHP que ha desarrollado para ayudarnos a trabajar con CSS de una forma muy cómoda y profesional . $styles = new CssDispatcher; $styles-> add(new Css(‘ie-hacks.css.php’)); $styles-> add(new Css(‘general.css.php’)); $styles-> render(); CssDispatcher , se encarga de procesar los ficheros .css permitiendo así que podamos incluir código PHP en nuestras hojas de estilos, además de unir y comprimir todas las hojas de estilo que necesitemos en nuestro proyecto. $styles = new CssDispatcher; // Este CSS solo se enviará cuando sea Internet Explorer 6 $styles-> add(new Css(‘ie-hacks.css.php’, Css::UA_IE6)); $styles-> add(new Css(‘general.css.php’)); $styles-> render(); Además, nos permite condicionar nuestro CSS dependiendo del navegador que nos visita. De esta forma, podemos cargar un fichero, o no, dependiendo si el navegador que nos visita es el especificado previamente. Artículos relacionados Aplicación en Ajax increible!! Usa youtube para aprender photoshop Gráficas con PHP + CSS Guia de enlaces de la A List Apart xDebug, debuguea tu PHP como un profesional

Originally posted here:
CssDispatcher, maneja tus CSS como un profesional

http://themeforest.net/ Hay veces que las plantillas o temas gratuitos no llenan ese vacío en cuanto a la apariencia y diseño de tu blog, pagina web, o foro. Y en ocasiones hay que recurrir a plantillas Premium (plantillas de pago), las cuales tienen diseños un poco más profesionales, aunque muchas ya han sido liberadas y han pasado a ser gratis, pero todavía quedan muchos temas que son de pago y tienen un perfecto diseño para tu blog. ThemeForest , es un interesante sitio web en donde encontraras diversas plantillas y temas, no solo para blogs en WordPress y Blogger sino que también para Joomla, sitios en flash, Webs HTML foros, y mucho más. Lo cual quiere decir que hay una gran variedad para escoger, actualmente tienen alojadas más de 2000 temas y todos estos de diferentes estilos, magazine, blog, portfolio, flash y más. Otras de las cosas destacables es que ThemeForest les permite a los diseñadores que quieran ganar dinero por sus trabajos, que ofrezcan sus diseños ya sea de plantillas o temas en PSD o ya editadas con estilos CSS, HTML o PHP. Para poder comprar una plantilla sólo debes registrarte y añadir fondos a tu cuenta, ya sea con dinero Paypal, fondos Moneybookers o con tu tarjeta de crédito, para comprar con tu cuenta de paypal, no es necesario que la tengas verificada. Actualmente ThemeForest tiene una gran colección de 1745 plantillas y themes que valen desde 3 dólares americanos, de entre ellos se encuentran algunos temas para WordPress y Blogger, así que aprovecha esta gran oferta que tienen por el momento. Ir al sitio | ThemeForest.net: Temas baratos desde $3 dólares Related posts: Btemplates: Plantillas Blogger gratis

[/caption] Actualmente en… 15 Themes gratis estilo revista para WordPress WordPress es uno de los mejores sistemas para poder hacer… Recopilación de Themes Gratis para WordPress Me animé a hacer una gran recopilación de Themes gratis… Related posts brought to you by Yet Another Related Posts Plugin .

Read more from the original source:
Plantillas premium desde $3 en ThemeForest.net

http://themeforest.net/ Hay veces que las plantillas o temas gratuitos no llenan ese vacío en cuanto a la apariencia y diseño de tu blog, pagina web, o foro. Y en ocasiones hay que recurrir a plantillas Premium (plantillas de pago), las cuales tienen diseños un poco más profesionales, aunque muchas ya han sido liberadas y han pasado a ser gratis, pero todavía quedan muchos temas que son de pago y tienen un perfecto diseño para tu blog. ThemeForest , es un interesante sitio web en donde encontraras diversas plantillas y temas, no solo para blogs en WordPress y Blogger sino que también para Joomla, sitios en flash, Webs HTML foros, y mucho más. Lo cual quiere decir que hay una gran variedad para escoger, actualmente tienen alojadas más de 2000 temas y todos estos de diferentes estilos, magazine, blog, portfolio, flash y más. Otras de las cosas destacables es que ThemeForest les permite a los diseñadores que quieran ganar dinero por sus trabajos, que ofrezcan sus diseños ya sea de plantillas o temas en PSD o ya editadas con estilos CSS, HTML o PHP. Para poder comprar una plantilla sólo debes registrarte y añadir fondos a tu cuenta, ya sea con dinero Paypal, fondos Moneybookers o con tu tarjeta de crédito, para comprar con tu cuenta de paypal, no es necesario que la tengas verificada. Actualmente ThemeForest tiene una gran colección de 1745 plantillas y themes que valen desde 3 dólares americanos, de entre ellos se encuentran algunos temas para WordPress y Blogger, así que aprovecha esta gran oferta que tienen por el momento. Ir al sitio | ThemeForest.net: Temas baratos desde $3 dólares Related posts: Btemplates: Plantillas Blogger gratis

[/caption] Actualmente en… 15 Themes gratis estilo revista para WordPress WordPress es uno de los mejores sistemas para poder hacer… Recopilación de Themes Gratis para WordPress Me animé a hacer una gran recopilación de Themes gratis… Related posts brought to you by Yet Another Related Posts Plugin .

Read this article:
Plantillas premium desde $3 en ThemeForest.net

CSScaffold es un framework CSS con el que podemos extender las posibilidades de nuestros CSS desde PHP. Básicamente se trata de un script PHP que recoge los ficheros .CSS a tratar y mediante una nomenclatura (que veremos más adelante) nos genera unos ficheros CSS que cualquier navegador podrá interpretar. (Ver Imagen) // Ejemplo de uso: Funcionalidades Entre las funcionalidades que nos podemos encontrar y que extienden las posibilidades del CSS, cabe destacar: Constantes // Definición @constants { text_color:#555; color_1:#999; } // Uso body { color:!text_color; } Como vemos podemos especificar valores estáticos para usar a lo largo del fichero CSS. Pudiendo reemplazarlos fácilmente en un solo lugar. Mixins // Declaración =mixin-name(!param, !param2 = 0){ color:!param; border: !param2 solid #eee; } // Uso #content{ +mixin-name(#eee); padding:10px; border:1px solid #eee; } Se trata de un sistema de disponer de funciones en nuestros CSS . Selectores anidados // Uso #id{ border:1px; h1,h2,h3 { color:red; a div, blockquote, mark { margin:10px; } &.span { padding:10px; } } } Interesante capacidad de permitirnos usar selectores anidados para mostrar más claramente la especifidad del selector. // Uso a{ color:#fff; &:hover { text-decoration:underline; } } // Resultado a { color:#fff; } a:hover { text-decoration:underline; } Además, mediante el uso de & podemos hacer referencia al selector actual. Expresiones // Uso #id{ padding:#[10*4]px; } La capacidad de usar expresiones para parametrizar nuestros diseños. Instalación La instalación , tan sencilla que puede ser usada en cualquier aplicación sin tener que invertir una gran cantidad de tiempo en configurarlo. Descargamos el fichero . Copiamos el fichero scaffold/ en nuestro directorio de CSS Configuramos el fichero scaffold/config.php Añadimos permisos de escritura a la carpeta scaffold/cache/ Reemplazamos las llamadas a  nuestros CSSs // Antes // Con CSScaffold // Con CSScaffold sin caché Útil y práctico para hacernos ahorrar unos valiosos minutos a la hora de trabajar con CSS’s. Artículos relacionados Javascript Framework Matrix, compara los diferentes frameworks a la vez Todo lo que necesitas sobre jQuery 10 frameworks javascript que debes conocer Qcodo, Framework de desarrollo en PHP Frameworks CSS más usados

See the original post:
CSScaffold, framework CSS en PHP