Nuevas herramientas para el diseño y desarrollo web: junio de 2012

Autor: Monica Porter
Fecha De Creación: 14 Marcha 2021
Fecha De Actualización: 17 Mayo 2024
Anonim
Desarrollo Web moderno en el 2022✅
Video: Desarrollo Web moderno en el 2022✅

Contenido

Este mes tiene una sensación de riqueza y textura, con notas terrosas y algunos aromas frutales fuertes. Así es, es una vendimia. En un mes en el que Google se asoció con Lego para reconstruir Australasia un bloque a la vez, las aplicaciones que se muestran aquí solo podrían ser una lista corta. Y buildwithchrome.com no lo logró, por cierto.

La indicación más clara de que la web ha comenzado a hervir creativamente es que el resultado de este mes ha sido muy variado: cubrimos el tiempo y el movimiento con ProjectFlow, la simplicidad gestual con QuoJS y los mashups de video y HTML cortesía de Mozilla. Es como si alguien tomara una gran cuchara de madera y removiera las cosas. Lo que es bueno.

También es una ventaja que quienquiera que lo moviera tuviera una sonrisa irónica en su rostro al hacerlo. Todo tiene un toque de placer: incluso reFiddle, una herramienta de expresiones regulares, se siente alegre. Ya es hora de que las cosas en el mundo mejoren y tiene sentido que la recuperación comience en línea. Y lo mejor de todo es que ninguna de nuestras opciones le costará un centavo.


1. ProjectFlow

Precio: Gratis

A algunas personas no les gusta nada más que planificar, codificar por colores y trazar su progreso incluso a través de las tareas más simples. Otros tan religiosamente ad lib. ProjectFlow le da a la última clase de individuos una forma de controlar muy básico su carga de trabajo sin sentir que están socavando su vitalidad creativa.

Para comenzar, simplemente elija encabezados de columna para describir las etapas por las que puede pasar su trabajo, luego agregue tareas a medida que ocurren. Una vez que un trabajo en particular progresa a un nuevo nivel de finalización, o incluso "éxito", simplemente arrastre esa tarea a la columna correspondiente y listo: habrá terminado con las tediosas tareas organizativas del día.

2. Mozilla Popcorn Maker 0.5.2

Precio: Gratis

Un conjunto de herramientas para agregar elementos interactivos a archivos de video, reunidos en un editor de tipo NLE, Popcorn Maker proporciona una forma programática simple para crear producciones compuestas de video / web. También podría incluir imágenes de su gato tocando el piano.

Actualmente solo hay una versión de espacio aislado para explorar, pero promete ofrecer algunas posibilidades interesantes para la integración de video / web WYSIWYG. El SDK, cuyo nombre en código es "Butter", requiere node.js y MongoDB, pero podría resultar una valiosa adición al proceso de producción web.


3. QuoJS

Precio: Gratis

A medida que las plataformas móviles y los motores de JavaScript continúan evolucionando, podemos esperar una gran cantidad de bibliotecas diseñadas para brindar a los desarrolladores una perspectiva del "ecosistema" del dispositivo. QuoJS es un ejemplo de cómo esto puede ser algo bueno.

Ligero, con solo 14k, y con una sintaxis simple y legible, QuoJS le brinda las herramientas básicas para comenzar a crear aplicaciones para tabletas / dispositivos móviles en minutos. Es este alto grado de usabilidad lo que lo hace tan valioso.

La detección de eventos táctiles (algunos aún en desarrollo), la búsqueda y manipulación DOM, las funciones Ajax y las consultas generales de dispositivos se unen para formar un sistema de control de dispositivos que puede usar como base desde la cual trabajar con sus aplicaciones. Buena solucion.


4. reFiddle

Precio: Gratis

Tome nota de esto, porque podemos garantizarle que la próxima vez que esté trabajando en algo que requiera cualquier cosa menos la más trivial de las soluciones de expresiones regulares, habrá olvidado todo sobre el tema y volverá a la prueba y error, al igual que el resto de nosotros.

Al manejar JavaScript, Ruby y .NET, todo en tiempo real, reFiddle tiene un encanto increíblemente simple. También se puede utilizar para ejecutar pruebas unitarias, por lo que puede establecer rápidamente con cierto grado de certeza si su ecuación realmente hará el trabajo que necesita o si de hecho es un conjunto de símbolos aleatorios dispuestos en línea.

También puede buscar violines anteriores y verificar Stack Overflow, todo desde la misma ventana.

5. jQuery ++

Precio: Gratis

¿Quién no ama jQuery? Casi nadie. El único problema es que, cuando amas algo, es difícil ver sus limitaciones. Afortunadamente, no tienes que hacerlo: jQuery ++ llena la mayoría de los espacios en blanco, incluso los que no te habías dado cuenta de que estaban allí.

¿Animaciones CSS, lectura / escritura de cookies, serialización de formularios, eventos delegables de arrastrar / soltar y el poder de escuchar eventos de cambio de tamaño en cada objeto? Algún error, seguro. La mayoría de los usuarios experimentados de jQuery verán al menos uno o dos complementos aquí que les traerán una sonrisa triste a sus rostros. Además, no es necesario que agregue toda la biblioteca: el sitio le permite elegir su descarga.

6. Firefox Beta para Android 14.0

Precio: Gratis

Si navega por la web en un dispositivo Android, hay buenas noticias este mes: Firefox Beta para Android ha llegado a la versión 14. Y con soporte de video Flash, tiempos de carga mejorados y la capacidad de sincronizarse con su experiencia de escritorio, Firefox está comenzando a verse como una opción convincente.

En términos de usabilidad, la llamada "Pantalla impresionante" es en realidad una buena manera de manejar las diversas tareas organizativas que genera la navegación web. Firefox mantiene capturas de pantalla de tu historial reciente a mano para que puedas continuar donde lo dejaste. Y si está sincronizando desde sus otros dispositivos, esa no necesita ser su última sesión de Android.

7. Mozilla Thimble

Precio: Gratis

Un entorno sencillo basado en navegador para aprender HTML y CSS, sería fácil descartar a Mozilla Thimble por simplificar demasiado las cosas, pero eso no le haría justicia. En un escenario de aula, esta simplicidad sería una fortaleza.

Dado que Thimble no tiene campanas ni silbidos de los que hablar, hay muy poco que distraiga del evento principal: la creación y publicación de páginas HTML / CSS a partir del tipo de interfaz de código / vista previa en vivo que se volvería familiar rápidamente si se dedicara al trabajo.

No es perfecto, pero es un intento de producir una herramienta que sea realmente útil en un contexto de aprendizaje. Y Mozilla seguramente apreciará sus comentarios.

8. jqmPhp 0.03

Precio: Gratis

Si eres un desarrollador de PHP que mira jQuery Mobile y piensas "parece que podría ser bastante tedioso", jqmPhp te animará seriamente. Gracias a este conjunto de clases PHP que delinean rápidamente las aplicaciones jQM, todo lo que tiene que hacer es generar el objeto PHP base con una función de eco, ¡y listo!

jqmPhp todavía se encuentra en un desarrollo inicial, pero es un sistema inteligente, bien documentado y tiene una sintaxis muy sensible. Es posible que tenga que esperar a que el equipo de jqmPhp se ponga al día con las actualizaciones de jQuery Mobile, pero parecen estar al tanto de eso. Si te gusta PHP, es una obviedad.

9. jQuery 1.8 Beta

Precio: Gratis

La versión beta de jQuery actual tiene algunas actualizaciones realmente importantes, en particular, la capacidad de abordar las propiedades CSS prefijadas por el proveedor, controles de animación completamente revisados ​​y un sistema modular incorporado para que pueda minimizar la huella del marco.

Otros cambios muy bienvenidos incluyen una reescritura del motor selector que, según se informa, le ha dado a jQuery un impulso de rendimiento completo. También está el comienzo de una represión de los ataques XSS con la introducción de un método $ .parseHTML.

Con todo, esto se perfila como una actualización particularmente fuerte, por lo que sería muy de espíritu público por su parte involucrarse e informar cualquier error.

10. skrollr

Precio: Gratis

skrollr ofrece "desplazamiento de paralaje para las masas", que se traduce aproximadamente en la animación de las propiedades de CSS a lo largo del tiempo utilizando el atributo de datos HTML5 para describir fotogramas clave según la posición de desplazamiento. Es algo tremendamente inteligente y los resultados son impresionantes.

Este tipo de cosas es fácil de exagerar, pero con skrollr haciendo que todo el proceso sea casi indoloro, no sentirá la necesidad de gritar acerca de sus hábiles efectos de desplazamiento en capas. Tampoco se le pedirá que use jQuery, porque skrollr no tiene dependencias por completo.

Si ha encontrado alguna herramienta interesante recientemente que no está en nuestra lista, pero cree que debería haberlo hecho, háganoslo saber en los comentarios. Del mismo modo, si ha creado una herramienta que le gustaría que incluyéramos en el próximo resumen, envíenos un correo electrónico.

Publicaciones Populares
Cree un componente principal compatible con SEO para NextJS / React
Leer

Cree un componente principal compatible con SEO para NextJS / React

i bien React e una podero a biblioteca de Java cript, no incluye toda la pieza que nece ita para crear un di eño de itio web imple y funcional. NextJ e un marco de React que le permite crear iti...
3 trailers de videojuegos impresionantes
Leer

3 trailers de videojuegos impresionantes

i de ea aber qué tan lejo ha llegado la indu tria de lo videojuego en lo último año , olo mire u avance , que compiten cada vez má con lo avance de película por la emoció...
Las mejores cámaras de apuntar y disparar en 2021
Leer

Las mejores cámaras de apuntar y disparar en 2021

Tener una de la mejore cámara de apuntar y di parar e una gran idea para lo creativo , ya que on independiente , muy conveniente y pueden er muy económica . Una cámara de apuntar y di p...