Blog

Guía de inicio SEO oficial de Google Si posee, administra, monetiza o promociona contenido en línea a través de la Búsqueda de Google, esta guía está destinada a usted. Puede ser el propietario de un negocio en crecimiento y próspero, … Leer más

Esta lista, organizada por tema, es para libros que cubren un tema relacionado con la programación de una manera agnóstica del lenguaje de programación.Los libros que cubren un lenguaje de programación específico se pueden encontrar en la lista por lenguaje … Leer más

Un pequeño generador divertido… esta herramienta en línea creará gradientes de texto CSS. Si desea agregar un poco de color a sus encabezados o texto, simplemente use este generador para crear el código CSS que luego se puede usar en … Leer más

Un curso que analiza todos los aspectos del desarrollo moderno de aplicaciones web progresivas. Link: https://web.dev/learn/pwa/

Link: https://www.booked.net/widgets/weather

MJML es adaptable por diseño en los clientes de correo electrónico más populares, incluso Outlook. Escriba menos código, ahorre tiempo y codifique de manera más eficiente con la sintaxis semántica de MJML. Fuente: https://mjml.io/

Newsletter es un boletín real y un sistema de marketing por correo electrónico para su blog de WordPress: perfecto para la creación de listas, puede crear, enviar y rastrear correos electrónicos fácilmente, sin dolores de cabeza. ¡Simplemente funciona fuera de … Leer más

Imágenes png de fondo transparente para diseñadores Fuente: https://www.pngwing.com/

Generador de color CSS. Creador de paleta de colores https://uicolors.app/create

CodeWP es un generador de código de WordPress que utiliza IA y modelos especializados para WordPress, Woo y otros para ayudarlo a construir mejor y más rápido. Link: https://codewp.ai/

Todos estos box-shadow fueron copiados usando CSS-Scan (haga clic aquí para probar una demostración gratuita).Con CSS Scan puedes inspeccionar o copiar fácilmente el CSS de cualquier sitio web. Link: https://getcssscan.com/css-box-shadow-examples

Una aplicación de diseño gráfico que te ayuda a crear publicaciones para redes sociales, invitaciones, postales digitales, gráficos y más de calidad profesional. Link: https://designer.microsoft.com/

El podcast tech donde no aprenderás nada nuevo ✨ Cada mes tendrás un nuevo episodio ✨ Creado por Alba Silvente (@dawntraoz) y Miriam González (@miriamgonp) Link: https://www.youtube.com/@Nomedalavida/featured

Solución completa de formulario web para sitios web estáticos FormBold es una potente API de formularios y un backend de formularios sin servidor que funciona con todos los hosting, SSG y marcos. Reciba envíos de formularios directamente a su bandeja … Leer más

¿Estás buscando expandir tus conocimientos y habilidades en programación web? No busque más allá del curso de programación web con Python y JavaScript de CS50 de la Universidad de Harvard. Este curso completo está diseñado para proporcionar una comprensión integral … Leer más

Herramienta visual para ajustar tus animaciones web Link: https://easings.co/

Con la misión de ayudar al crecimiento de la comunidad y el marco de Vue.js, Vue School tiene como objetivo ser la fuente número uno de conocimiento de Vue.js para todos los niveles de habilidad. Inspirándonos en esto, desarrollamos la … Leer más

Todas las herramientas que necesita para trabajar con archivos PDF en un solo lugarTodas las herramientas que necesita para usar archivos PDF, al alcance de su mano. ¡Todos son 100% GRATIS y fáciles de usar! Combine, divida, comprima, convierta, gire, … Leer más

Colección de íconos de uso libre animados. Link: https://unicornicons.com/icons

Herramientas y técnicas útiles para desarrolladores y diseñadores. Esta vez se trata de generadores de CSS: desde sombras de CSS hasta degradados suaves, superposiciones de CSS y garabatos de CSS. Link: https://www.smashingmagazine.com/2021/03/css-generators/

Una alternativa GRATUITA a Photoshop. ¡Desarrollada con Tecnologías Web! Todo es JavaScript que se está ejecutando en tu navegador. Compatible con archivos .PSD. ¡Pruébala! Link: https://www.photopea.com/

¿Interesado en aprender Git? Bueno, «Learn Git Branching» es la forma más visual e interactiva de aprender Git en la web; será desafiado con emocionantes niveles, se le darán demostraciones paso a paso de funciones poderosas, y tal vez incluso … Leer más

Aprenda los conceptos básicos necesarios para combatir el delito cibernético Una sola infracción puede tener enormes consecuencias para una empresa, perjudicando el resultado final y causando interrupciones en la vida diaria de millones de personas. Por eso la demanda de … Leer más

Buena colección de animaciones CSS para tus increíbles proyectos web. Link: https://xsgames.co/animatiss/

Mejora tus habilidades. Ejercicios para mejorar tu lógica de programación y desarrollo de aplicaciones para añadir a tu portfolio personal.

Una exploración de efectos de desplazamiento de panel suave basada en el sitio web de Margot Priolet. Link: https://tympanus.net/codrops/2022/10/12/smooth-panel-scroll-effect/

Aunque pueda parecer un elemento trivial, la elección de las fuentes influye en el éxito de su diseño web. Un tipo de letra adecuado ayuda a mantener la consistencia general de la interfaz de usuario y hace que el sitio … Leer más

Una lista seleccionada de increíbles marcos, bibliotecas, software y recursos de Python. Fuente: https://github.com/vinta/awesome-python

YouCode es un motor de búsqueda especializado, privado y sin publicidad para que la comunidad de desarrolladores busque sin problemas aplicaciones que ahorran tiempo como GitHub, StackOverflow, ArXiv, Mozilla Developer Network y más. Tu código. Programa, aprende, trabaja más rápido … Leer más

Git es un sistema de control de versiones. Git te ayuda a realizar un seguimiento de los cambios de código. Git se utiliza para colaborar en el código. Fuente: https://www.w3schools.com/git/default.asp

¿Qué es Django? Una descripción general del popular marco web basado en Python. Link: https://learndjango.com/

Solo CSS, contenido independiente, bidireccional, personalizable Link: https://codepen.io/ykadosh/pen/KKezJzz

El podcast tech donde no aprenderás nada nuevo ✨ Cada mes tendrás un nuevo episodio ✨ Creado por Alba Silvente (@dawntraoz) y Miriam González (@miriamgonp) Link: https://www.youtube.com/c/Nomedalavida

Los sistemas de administración de bases de datos y SQL son dos de las herramientas más importantes y más utilizadas en Internet en la actualidad. Utiliza un sistema de administración de bases de datos (DBMS) para almacenar los datos que … Leer más

Este curso gratuito de ciencia de datos lo ayudará a comprender los conceptos básicos y cómo convertirse en un científico de datos en 2021. Aprenderá las principales bibliotecas de Python para ciencia de datos, algunos de los algoritmos esenciales de … Leer más

Universo de elementos de interfaz de usuario para ayudarte a sobresalir. De código abierto y de uso gratuito, solo copia y pega! Link: https://uiverse.io/

Link: https://web3.freecodecamp.org/

Aprendé programación, informática, inteligencia artificial y más de Harvard GRATIS con estos cursos. Link: https://pll.harvard.edu/catalog?keywords=&subject%5B%5D=3&subject%5B%5D=100&free%5B1%5D=1&max_price=&start_date_range%5Bmin%5D%5Bdate%5D=&start_date_range%5Bmax%5D%5Bdate%5D=&modality%5B%5D=Online

React es uno de los marcos de JavaScript frontend más populares. Si desea ser un desarrollador frontend, es probable que necesite saber algo sobre React. Link: https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/

¿Qué es Docker y para qué sirve? En este workshop, vamos a aprender sobre Docker, y vamos a hacer un deploy de una aplicación completa en un servidor, con wordpress, mysql y certificados SSL

RapidAPI Hub – Descubra y conéctese a miles de API. Link: https://rapidapi.com/hub?utm_source=midudev&utm_medium=DevRel&utm_campaign=DevRel

Aquí hay un resumen rápido de la aplicación en su conjunto que debería encaminarlo si acaba de decidir probar este software. Link: https://www.youtube.com/watch?v=uajURZG9WCY

Proyecto realizado durante las emisiones en directo desde Twitch para aprender Python desde cero. Cada semana una nueva clase en directo. Link: https://github.com/mouredev/Hello-Python

He estado enseñando Vue durante años. De hecho, allá por 2015, como parte de la primera serie de Vue en Laracasts, audazmente predije que la popularidad de Vue estaba a punto de dispararse. Esa predicción resultó ser acertada. Sin embargo, … Leer más

Programa de becas de tiempo completo diseñado en conjunto con Amazon Web Services. ¿Qué es el programa AWS re/start? AWS re/Start es un programa de Amazon Web Services en colaboración con Bootcamp Institute que consiste en 12 semanas de capacitación … Leer más

Cree aplicaciones poderosas y hermosas desde Hojas de cálculo de Google, Excel o Airtable. Link: https://www.glideapps.com/

Cualquiera puede crear un sitio web de WordPress en menos de cinco minutos. Sin embargo, si no tiene experiencia en diseño web, probablemente terminará con una estética desordenada y caótica que no es atractiva para los espectadores, lo que hará … Leer más

Te traemos una pequeña colección de 52 cursos gratuitos para aprender algo nuevo en verano relacionado con el mundo de la tecnología. Son diferentes cursos que vas a poder realizar durante los próximos meses, normalmente de libre admisión, y con … Leer más

Acerca de Small Dev Tools La productividad de los desarrolladores es un bien valioso en el mercado actual. Como resultado, las empresas gastan miles de dólares en mejorar y administrar la productividad de los desarrolladores. La herramienta Small Dev es … Leer más

Waifu2x es simplemente una herramienta de reducción de ruido y cambio de tamaño de imagen para aumentar el tamaño de sus imágenes sin esfuerzo. El desarrollador crea Waifu2x con tecnología confiable de procesamiento de imágenes e inteligencia artificial. Simplemente cargue … Leer más

Vivimos en un mundo diverso donde las personas hablan muchos idiomas diferentes. Según los lingüistas, hay entre 6000 y 7000 idiomas diferentes en el mundo. Aunque mucha gente puede entender inglés, vale la pena traducir su sitio si un gran … Leer más

WordPress es la plataforma más deseable. Es ampliamente utilizado por empresas de todo el mundo, todo por buenas razones, como herramientas de marketing, confiabilidad, etc. Casi el 42,9% de los sitios usan WordPress. Link: https://www.noupe.com/wordpress/how-you-can-grow-your-small-business-with-wordpress.html

En una nueva serie breve de publicaciones, destacamos algunas de las herramientas y técnicas útiles para desarrolladores y diseñadores. Esta vez se trata de generadores de CSS: desde sombras de CSS hasta degradados suaves, superposiciones de CSS y garabatos de … Leer más

En una nueva serie breve de publicaciones, destacamos algunas de las herramientas y técnicas útiles para desarrolladores y diseñadores. Recientemente, cubrimos las herramientas de auditoría de CSS y los generadores de CSS, y esta vez buscamos componentes accesibles confiables: desde … Leer más

Libro gratis para descargar Link: https://github.com/aibooks14/DSWA/blob/main/Data%20Structures%20&%20Algorithms%20With%20Python.pdf

Si quieres saber qué tan bien vestido está alguien, mira sus zapatos. Los zapatos te dicen mucho sobre el estilo, las actividades y las elecciones de una persona. A menudo elegimos ropa para engañar a las personas sobre quiénes somos: … Leer más

Pros y contras de Elementor de este excelente complemento GRATUITO de creación de páginas para WordPress

Ya sea que recién esté comenzando o sea un profesional experimentado, nuestro enfoque práctico lo ayuda a alcanzar sus objetivos más rápido, con más confianza y a su propio ritmo. Link: https://docs.microsoft.com/en-us/learn/

Un efecto de desplazamiento experimental, donde se muestra una vista previa del contenido mientras que un minimapa indica la posición del cursor. Link: https://tympanus.net/codrops/2022/03/01/hover-preview-effect-with-mini-map/

¿Alguna vez quiso animar cómo se muestran sus publicaciones en su página de inicio y archivos de WordPress? ¿Qué pasaría si pudiera mostrar sus publicaciones utilizando el enfoque de mampostería (Pinterest) o tal vez un diseño de cuadrícula, todo simplemente … Leer más

En esta segunda parte, Noam sugiere algunos patrones de cómo utilizar la plataforma web directamente como alternativa a algunas de las soluciones que ofrecen los frameworks. Link: https://www.smashingmagazine.com/2022/02/web-frameworks-guide-part2/

En este artículo, Noam Rosenthal profundiza en algunas características técnicas que son comunes en todos los marcos y explica cómo algunos de los diferentes marcos las implementan y cuánto cuestan. Link: https://www.smashingmagazine.com/2022/01/web-frameworks-guide-part1/

One Page Love es una increíble comunidad de excelentes diseñadores donde puedes buscar diseños web inspiradores y diseños de plantillas. La diferencia es que One Page Love está dedicado únicamente a sitios web de una página. Link: https://onepagelove.com/

Muy bueno video como nos tienen acostumbrados los chicos de Academind

Comunidad de diseño web comisariada por @chriscoyier y un equipo de cracks destinada a presentar todos los trucos de CSS y mantenerlos actualizados. Gran sitio de referencia para los desarrolladores webs Front-End y Full-Stack. https://css-tricks.com/

Cuándo debe usar WordPress o programar manualmente su sitio web y 3 ejemplos para cada caso. Link articulo: https://www.dennisivy.com/post/wordpress-or-django/

Elementos de diseño, área de juegos y fragmentos de código para el marco Bootstrap HTML / CSS / JS Bootsnipp es una galería de elementos para diseñadores web y desarrolladores web, cualquiera que use Bootstrap encontrará este sitio web esencial … Leer más

Genera y crea hermosas paletas de colores online Link: https://paletadecolores.online/

Crea un conjunto de sombras CSS exuberantes y realistas. Link: https://www.joshwcomeau.com/shadow-palette/

8 Ejemplos prácticos de pseudoelementos :: after y :: before en CSS Un hilo… Link: https://twitter.com/_georgemoller/status/1461354238076850184

“Multiple Theme” es un buen complemento de WordPress que viene con varias opciones para permitir que un desarrollador incluya múltiples temas en una página web. Creo que el uso de varios temas para diferentes ubicaciones puede ser una estrategia eficaz … Leer más

Un curso que analiza todos los aspectos del desarrollo moderno de aplicaciones web progresivas. Link: https://web.dev/learn/pwa/

Generador de código CSS para una nueva tendencia de diseño popular llamada Neumorphism / Soft UI. Espero que esto ayude a los diseñadores y desarrolladores a experimentar con él y posiblemente a adaptarlo. Construido con React.js Link: https://neumorphism.io/#e0e0e0

WordPress es una de las plataformas más destacadas para crear su sitio web comercial o personal. Los diseños o temas de sitios web de WordPress de forma predeterminada siempre son impresionantes, pero puede ampliar la funcionalidad de su sitio web … Leer más

https://getwaves.io/ es una herramienta web para generar olas en CSS

Los pseudoelementos CSS :: before y :: after le permiten insertar «contenido» antes y después de cualquier elemento no reemplazado (por ejemplo, funcionan en un <div> pero no en un <input>). Esto efectivamente le permite mostrar algo en una página … Leer más

Centrar las cosas es uno de los aspectos más difíciles de CSS. Los métodos en sí mismos no suelen ser difíciles de entender. En cambio, se debe más al hecho de que hay muchas formas de centrar las cosas. El … Leer más

Entonces, en esta publicación de blog, voy a compartir cómo puede crear interfaces / aplicaciones que se vean bien simplemente siguiendo estos 7 fundamentos de la interfaz de usuario. ¡Saltemos! Espacio en blanco Color Contraste Escala Alineación Tipografía Jerarquía visual … Leer más

En mi humilde opinión, los mejores sitios web y aplicaciones web tienen una calidad «real» tangible. Hay muchos factores involucrados para lograr esta calidad, pero las sombras son un ingrediente crítico. Link: https://www.joshwcomeau.com/css/designing-shadows/

En los tiempos que corren en Internet, los usuarios no tienen paciencia con los sitios web con velocidades de carga deficientes o un rendimiento deficiente. Link: https://www.noupe.com/development/common-mistakes-that-increase-website-loading-time.html

El backend de un sitio web se puede escribir en muchos lenguajes de programación diferentes. Cada vez es más común utilizar Python para el backend de un sitio web. Link: https://www.freecodecamp.org/news/backend-web-development-with-python-full-course/

Brian Casel es diseñador web y propietario de ThemeJam WordPress Themes y CasJam Media. Puede seguir a Brian en su blog en BrianCasel.com o en Twitter @CasJam. No es ningún secreto que el diseño web es una industria en rápido … Leer más

Millones de recursos gráficos gratuitos. Vectores, fotos de archivo, PSD, iconos, todo lo que necesita para sus proyectos creativos. Link: https://www.freepik.com/

Desde hace mucho tiempo, Bootstrap ha sido uno de los frameworks front-end más populares y ha aparecido en la lista superior de muchos desarrolladores. No hay muchos frameworks como Bootstrap cuando se trata de diseñar sitios web de front-end espléndidos. … Leer más

Este blog discutirá 6 técnicas (en orden de adherencia a las mejores prácticas) que se pueden usar para centrar la alineación de un elemento y cuándo usar cada una. Aquí, la alineación central se refiere a colocar el elemento en … Leer más

El mundo necesita programadores, es algo que se sabe desde hace tiempo. Y no sólo eso, si no que las empresas requerirán unos programadores que se vayan reciclando y renovando conocimientos constantemente para adecuarse a los cambios. Por ese motivo … Leer más

Python es el lenguaje de programación elegido por los desarrolladores de todo el mundo, especialmente debido a que ofrece una forma limpia, simple y fácil de codificar, además de ser altamente escalable o versátil. Fuente: https://www.noupe.com/development/python-for-web-development.html

Estas son las 40 mejores fuentes web gratuitas disponibles en Google Fonts, en mi humilde opinión. Todos son de código abierto y 100% gratuitos para uso comercial. Esta colección se centra en familias tipográficas de diseñadores tipográficos y fundiciones de … Leer más

Las aplicaciones web progresivas (PWA) se conocen como sitios web creados con tecnologías web, a saber, HTML, CSS y JavaScript, pero tienen la apariencia de una aplicación nativa. Fuente: https://www.noupe.com/development/benefits-of-making-website-pwa.html

¿Qué hace que el selector relacional sea una de las características más solicitadas y cómo estamos, como desarrolladores, trabajando para no tenerlo? En este artículo, revisaremos las primeras especificaciones del selector: has y veremos cómo debería mejorar el flujo de … Leer más

Cuando los fotógrafos toman imágenes para venderlas comercialmente, como cualquier otro negocio, quieren maximizar sus retornos, por lo que adaptan sus ideas para cumplir con las tendencias comerciales. Como resultado, las acciones siempre se ven como acciones, y ese pequeño … Leer más

En una nueva serie breve de publicaciones, destacamos algunas de las herramientas y técnicas útiles para desarrolladores y diseñadores. Esta vez se trata de generadores de CSS: desde sombras CSS hasta degradados, superposiciones CSS y garabatos CSS. Link: https://www.smashingmagazine.com/2021/03/css-generators/

CSS es genial y está mejorando todo el tiempo. En los últimos años, especialmente, también ha evolucionado muy rápido. Es comprensible que algunos de los poderes realmente útiles que te brinda CSS te hayan pasado por alto debido a esto, … Leer más

Dé la bienvenida al nuevo año 2021 con las tendencias emergentes de desarrollo completo para que su empresa se mantenga a la vanguardia de los mercados con las últimas tecnologías. Aunque la pandemia perturbó el mercado en 2019-2020, ahora es … Leer más

El marketing emplea una amplia gama de tácticas de diseño para captar la atención del cliente, resonar y dejar una impresión duradera. Link: https://www.noupe.com/inspiration/8-typography-design-trends-for-2021-infographic.html

Un tutorial que explica cómo construir una galería de desplazamiento automático infinita usando WebGL con OGL y GLSL Shaders. Link: https://tympanus.net/codrops/2021/01/05/creating-an-infinite-auto-scrolling-gallery-using-webgl-with-ogl-and-glsl-shaders/

El software y las aplicaciones a menudo resuelven problemas muy complejos para las empresas y los consumidores en materia de ventas, marketing, finanzas, etc. Pero ofrecer un producto que resuelva los problemas de sus usuarios no es suficiente. Si la … Leer más

El diseño web puede parecer bastante predecible en estos días. Si desea diferenciar su sitio web del resto, dele algo de emoción con la animación de la interfaz de usuario. Link: https://tympanus.net/codrops/2020/11/09/how-to-bring-your-website-to-life-with-ui-animation/

La optimización de motores de búsqueda (SEO) es una parte esencial del diseño de un sitio web y, con demasiada frecuencia, se pasa por alto. El sitio más hermoso y espectacular del mundo no le servirá de mucho a nadie … Leer más

Algunas ideas para diseños de desplazamiento horizontal suave impulsados por Locomotive Scroll. Link: https://tympanus.net/codrops/2020/12/08/horizontal-smooth-scroll-layouts/

El sitio web de WordPress es el sistema de gestión de contenido más popular y funciona con más del 30% de los sitios web del mundo. Es una plataforma de código abierto, por lo que es vulnerable a posibles ataques. … Leer más

100% automático y gratis Link: https://www.remove.bg/

Animaciones de revelación activadas por desplazamiento con jQuery y Animate.css – Desplazamiento. Link: https://www.jqueryscript.net/animation/Scroll-triggered-Reveal-Animations-With-jQuery-Animate-css-Scrolla.html

Si se pregunta por qué la tasa de conversión de su sitio web es dolorosamente baja después de invertir mucho tiempo (y dinero) en él, es probable que no haya considerado la velocidad de la página. Link: https://www.noupe.com/development/how-to-improve-your-websites-speed.html

Filters.css es una biblioteca solo de CSS para aplicar filtros de color a imágenes de sitios web. La instalación solo toma tres pasos e incluye una variedad de filtros, como desenfoque, escala de grises, brillo, contraste, invertir, saturar, sepia y … Leer más

Nunca es fácil descubrir la mejor herramienta de análisis de SEO que puede hacer crecer su sitio. Con tantas métricas y conocimientos a considerar al administrar su sitio, es crucial seleccionar una herramienta eficiente y confiable. Link: https://www.noupe.com/business-online/best-analytics-tools-to-boost-seo.html

Los temas oscuros están por todas partes en estos días. A medida que los seres humanos continúan pasando más tiempo interactuando con la tecnología, los temas oscuros brindan una forma más relajante de interactuar con el mundo digital. La mayoría … Leer más

Las transformaciones CSS 3D crean elementos profundos y visualmente interesantes en su página usando perspectiva. ¡Copia los ejemplos y hazlos tuyos! Fuente: https://polypane.app/css-3d-transform-examples/

Hubo un tiempo en que los colores brillantes y la tipografía atrevida dominaban el mundo del diseño. Pero el diseño gráfico tal como lo conocemos está en constante evolución. Lo que funcionó hace un año puede que ya no sea … Leer más

¿Busca un nuevo enfoque para diseñar sitios web? Los sitios web de una página pueden crear experiencias más memorables y menos abrumadoras para los visitantes … cuando se diseñan de la manera correcta. Link: https://www.webdesignerdepot.com/2020/09/5-tips-for-designing-one-page-websites-that-work/

Las páginas de destino son como puertas de entrada a las conversiones, si se hacen correctamente. En lugar de tener un muro de texto en sus páginas de destino, siempre es mejor tener imágenes impactantes que atraigan a los prospectos … Leer más

A menudo veo a trabajadores autónomos en las redes sociales preguntando cuál es el secreto para trabajar menos horas, ganar más dinero y ayudar a nuevos clientes a encontrarlos. Si bien esas cosas tienden a suceder cuanto más tiempo ha … Leer más

Figma es una herramienta de diseño que está ganando popularidad rápidamente y se está volviendo más común en empresas de todo el mundo. A diferencia de la mayoría del software de diseño, Figma es gratuito y está basado en un … Leer más

En esta charla dinámica, Una presenta el poder de las técnicas de disposición modernas en CSS al resaltar algunos términos clave y cuánto detalle puede describirse en una sola línea de código. Aprende algunos trucos de disposición que puedes implementar … Leer más

Una plantilla en la que se puede cambiar entre pequeñas vistas previas de imágenes que se encuentran dispersas por la página. Las imágenes se animan a una cuadrícula una vez que se hace clic en un enlace «explorar». Link: https://tympanus.net/codrops/2018/10/31/animated-grids-layout/

Un conjunto de efectos de desplazamiento de enlace que revelan una miniatura de diferentes formas creativas. Link: https://tympanus.net/codrops/2018/11/27/image-reveal-hover-effects/

Las transiciones y transformaciones CSS funcionan maravillosamente para crear interacciones visuales basadas en cambios de estado individuales. Para tener más control sobre lo que sucede y cuándo, puede usar la propiedad de animación CSS para crear una animación CSS fácil … Leer más

En este artículo, cubrimos cómo podemos mejorar la legibilidad de los sitios web utilizando algunas técnicas modernas de CSS, nuevas tecnologías excelentes como fuentes variables y poniendo en práctica lo que aprendimos al hacer investigaciones científicas. Via Smashing Magazine Link: … Leer más

WordPress es una plataforma increíblemente estable gracias a la dedicación y talento de los cientos de profesionales que contribuyen a ella, y a los estrictos estándares de código que siguen. Aun así, la gran variedad de temas, complementos y entornos … Leer más

Sube de nivel tus habilidades de CSS con estos 20 consejos Pro de CSS Fuente: webdesignerwall.com/tutorials/level-css-skills-20-pro-css-tips

Una plantilla con un diseño de dos caras, tipo revista y una animación de página plana. El diseño funciona con CSS Grid. Link: https://tympanus.net/codrops/2018/11/12/page-flip-layout/

Remove.bg Herramienta web para remover el fondo de imágenes. Link: https://www.remove.bg/

La forma más fácil de colorear la barra de direcciones de su navegador móvil en WordPress. ¿Sabía que es posible configurar el color de la barra de direcciones / barra de estado en los navegadores móviles para que coincida con … Leer más

Esta herramienta crea un filtro gradiente de mapa SVG a partir de los colores dados. Puedes usar paletas listas o editarlas y obtener la tuya. Pruebe un filtro en sus imágenes antes de agregarlo a un proyecto, el resultado puede … Leer más

InstaWidget es la herramienta (widget) para agregar una galería de fotos de Instagram a tus blogs y sitios web. El código de inserción se genera por nombre de usuario o hashtag con un paso sencillo. Se completa la instalación simplemente … Leer más

Digamos que usted recibe un formulario y quiere la información que acaba de recolectar mostrada en un simple archivo PDF. Bastante fácil. Simplemente copie la información, abra un nuevo documento de procesamiento de textos, pegue la información y luego guarde … Leer más

En este artículo, analizaremos los puntos débiles de los usuarios que navegan por sitios web que no pertenecen a PWA y la promesa de los PWA de hacer que la web sea excelente. Aprenderá la mayoría de las tecnologías importantes … Leer más

  Neede es una colección de algunos de los mejores recursos de diseño en línea. Colores: paletas y herramientas para crearlas, colecciones de código de color, enciclopedias de colores, gradientes, apps, etc. Comunidad: enlaces a diferentes comunidades de diseño para … Leer más

Framework de código abierto para crear aplicaciones móviles verdaderamente nativas con Angular, Vue.js, TypeScript o JavaScript.   Link: https://www.nativescript.org/

Como su nombre lo indica, Chrome Developer Tools es una herramienta que permite a los desarrolladores web interferir y manipular aplicaciones a través del navegador. Con esta herramienta puedes: Administrar problemas de interfaz Depurar el código de Javascript con el … Leer más

El objetivo de este documento es describir la disponibilidad actual de interacciones sociales de aplicaciones nativas en los principales sistemas operativos móviles y aplicaciones de redes sociales. Puede usar esta información para determinar qué URLs debe usar el sitio web … Leer más

Es la primavera de 2018. Este es el año en el que se espera que las aplicaciones web progresivas finalmente se establezcan. Si aún tiene que analizar el tema, ya es hora de que lo haga. Te ayudaremos con eso … Leer más

Como desarrolladores web, es posible que haya pensado que el desarrollo de aplicaciones móviles requiere una nueva curva de aprendizaje con otro lenguaje de programación. Quizás Java y Swift necesiten ser agregados a su conjunto de habilidades para comenzar a … Leer más

En este tutorial agregaremos una transición CSS3 a un preloader CSS3. Una vez que se haya cargado el contenido de la página, animaremos la pantalla de precarga fuera de la ventana gráfica con una transición agradable.   Fuente: https://ihatetomatoes.net/create-custom-preloading-screen/   … Leer más

La mayor desventaja es que cualquier modificación hecha al tema de esta manera se perderá una vez que el desarrollador haya actualizado el tema. Como consecuencia, los usuarios no podrán mantener su tema actualizado (lo cual es malo para la … Leer más

WordPress es una plataforma sorprendentemente estable gracias a la dedicación y el talento de los cientos de profesionales que contribuyen a ella, y los estrictos estándares de código que siguen. Aun así, la gran variedad de temas, complementos y entornos … Leer más

Elementor: este WordPress Page Builder es tu nueva herramienta de diseño   Fuente: https://www.noupe.com/wordpress/elementor-wordpress-page-builder-design-tool.html

Cuando Firefox se está ejecutando e intenta abrir otro proceso de Firefox, se abre una nueva ventana, en el proceso que ya se está ejecutando. Puede usar la opción de línea de comando -no-remote para iniciar un nuevo proceso de … Leer más

La belleza en el diseño de CSS Una demostración de lo que se puede lograr con solo 1 K (Kibibyte) de CSS. Seleccione cualquier diseño de la lista para cargarlo en esta página. También puede navegar hacia adelante y hacia … Leer más

Shortcodes Ultimate es plugin de WordPress que ofrece un mega paquete de códigos cortos. Esto es realmente plugin premium que puede obtener absolutamente gratis! Con este complemento puede crear fácilmente pestañas, botones, cajas, deslizadores diferentes, videos de respuesta y mucho, … Leer más

Los mejores complementos de Messenger para WordPress en 2017 Fuente: https://www.icegram.com/wordpress-plugins/the-best-messenger-plugins-for-wordpress-in-2016/

Cargue su archivo de Excel, elija la hoja de trabajo con los datos, seleccione el rango de celdas y pulse convertir. Convertiremos su archivo en una secuencia de comandos MySQL con una definición de tabla y varias instrucciones INSERT. Fuente: … Leer más

Un editor de texto moderno y de código abierto que entiende el diseño web.   Fuente: http://brackets.io/  

Autocompletar es un patrón que todos los usuarios de la web están familiarizados con. Cuando haces una búsqueda, tu motor de búsqueda sugiere términos. Cuando escribe un mensaje de correo electrónico nuevo, su cliente de correo sugiere destinatarios. Esta funcionalidad, … Leer más

El plugin de seguridad Wordfence de WordPress proporciona seguridad gratuita de clase empresarial para WordPress, protegiendo su sitio web de hacks y malware.   Fuente: https://www.wordfence.com/

A veces diseñando un sitio web, el pie de página debe descansar en la parte inferior de la página, incluso si el contenido es demasiado corto para empujarlo a la parte inferior de la ventana de visualización de forma natural. … Leer más

MySQL es uno de los sistemas de gestión de base de datos open source más populares para el desarrollo de sitios webs interactivos. Al igual que con todos los demás sistemas de gestión de bases de datos populares, MySQL ofrece … Leer más

Como Añadir Scripts En WordPress Adecuadamente   fuente: http://www.mundowordpress.net/como-anadir-scripts-en-wordpress-adecuadamente/

Dominar la teoría del color para el diseño web.   Fuente: https://www.designmantic.com/blog/infographics/color-theory-for-web-design/

Creador  y generador de formularios para Bootstrap   Fuente: http://bootsnipp.com/forms

Runway es la solución para hacer temas de WordPress, rápido!   Fuente: http://runwaywp.com/

10 maneras de hacer una copia de seguridad automática o manual de la base de datos MySQL Fuente: http://www.noupe.com/development/10-ways-to-automatically-manually-backup-mysql-database.html

eMail before download es un plugin de WordPress que muestra a los usuarios un formulario, si presentan la información como su nombre o dirección de correo electrónico, les deja realizar una descarga.     Fuente: https://srd.wordpress.org/plugins/email-before-download/

¿Alguna vez ha creado un panel de control increíble en Google Analytics, sólo para encontrar que no se puede duplicarlo? Por último, hay una manera usted puede copiar fácilmente un tablero de instrumentos de un perfil a otro!   fuente: … Leer más

Como hacer un respaldo de tu sitio WordPress de manera correcta   Fuente: http://www.noupe.com/wordpress/wordpress-backup-98318.html

Ultimate CSS Generador de gradientes Fuente: http://www.colorzilla.com/gradient-editor/

Gnome-search-tool, esta herramienta permite buscar textos dentro de archivos.   Fuente: https://www.atareao.es/ubuntu/busquedas-en-archivos-en-ubuntu-con-gnome-search-tool/  

Tres generadores de fuentes online: Opcion1: Font Squirrel https://www.fontsquirrel.com/tools/webfont-generator   Opcion2: Fontie https://fontie.flowyapps.com/home   Opcion3: Transfonter http://transfonter.org/   Via Noupe: http://www.noupe.com/essentials/online-webfont-generators-98169.html    

Website Downloader. Descargar todo el código fuente y los activos de cualquier sitio web. Fuente: https://websitedownloader.io/

Creador de paginas en vivo para WordPress fuente: https://elementor.com/

Fácilmente introducir en 3D en su flujo de trabajo de diseño. Nuestra biblioteca de imágenes en 3D está diseñada para ser utilizada por los diseñadores 2D. Descargar cada imagen como PNG con transparencia o un PSD con capas de gran … Leer más

Pequeño conjunto de animaciones CSS3 para sus casillas de verificación. Fuente: https://720kb.github.io/checkbox.css/

Real Time Users Añadir un contador de usuarios en tiempo real a su sitio en 60 segundos. Fuente: https://realtimeusers.bycontrast.co/

Crear fácilmente fuentes de icono personalizado con Fontastic! Sus iconos se pueden modificar sobre la marcha a través de CSS. Cambiar la escala, cambio de color, añadir una sombra y más en tan sólo un instante.     Fuente: http://fontastic.me/

http://www.genbeta.com/a-fondo/9-herramientas-y-media-para-disenar-como-un-disenador-web-sin-serlo

Una nueva forma de descubrir la tipografía Fuente: http://discover.typography.com/

Un tutorial sobre cómo crear la revelación de página en múltiples capas con efectos, con un par de ideas para la inspiración.     fuente: http://tympanus.net/codrops/2016/06/01/multi-layer-page-reveal-effects/

Rápido y Fácil: Cómo optimizar la velocidad de su sitio de WordPress   Fuente:  http://www.noupe.com/wordpress/optimize-wordpress-sites-speed-97928.html

Una herramienta de diseño para crear combinaciones de colores que funcionan bien juntos.   Fuente: http://paletton.com/

Las mejores iteraciones de interfaz de usuario para tu inspiracin diaria. Fuente: https://uiinteractions.com/

Texturas con color a elección para sitios web.   Fuente: http://www.transparenttextures.com/

Biblioteca JavaScript pequeña para una bello dibujo y escritura en HTML. Fuente: http://fiala.uk/atrament.js/demo/ https://github.com/jakubfiala/atrament.js

Renderizar escenas 3D en SVG o Canvas de HTML5   fuente: http://seenjs.io/

Carrd. , sitios simples gratuito, de una página totalmente adaptables para casi cualquier cosa.     Fuente: https://carrd.co/

Simple pero flexible JavaScript de gráficos para los diseñadores y desarrolladores.   fuente: http://www.chartjs.org/

Buscar a través de más de 590000 iconos gratuitos. Explorar iconos por categoría, artista, la popularidad, la fecha. Organizar y compartir sus favoritos. Fuente: http://www.iconarchive.com/

Utilice la herramienta de diseño más avanzado del mundo para los diseñadores y no diseñadores. Crea fácilmente bonitos logotipos, tarjetas de visita, sitios web, folletos y portadas de medios sociales para impresionar a sus clientes, amigos y familiares.   Fuente: … Leer más

EnjoyCSS es un generador de CSS3 avanzada que le permite deshacerse de la rutina de codificación. Su interfaz de usuario útil y fácil de usar le permite ajustar estilos gráficos ricos de forma rápida y sin necesidad de programación. Las … Leer más

Sobre la base de 1.0 fácil de usar, sin embargo base nutrida, qTip2 le proporciona toneladas de características como consejos de la burbuja del discurso y el apoyo del mapa de imagen, y lo mejor de todo … es completamente … Leer más

Utilice Übersuggest para encontrar rápidamente nuevas palabras clave que no están disponibles en el planificador de palabras clave de Google. Tome su investigación de palabras clave al siguiente nivel con un montón de sugerencias de palabras clave para su próxima … Leer más

XML-Sitemap dispone de un generador de mapas de sitio que crea variantes  XML y HTML. Libre hasta a un máximo de 500 páginas.     fuente: https://www.xml-sitemaps.com/

Libre y fácil de usar, generador de tablas HTML en línea. Solo basta con introducir los datos de la tabla y simplemente copia y pega el código de la tabla generada en su sitio web.     fuente: http://www.tablesgenerator.com/

Subtle Patterns es creado y comisariado por Atle Mo. Su objetivo es ser un recurso de alta calidad para cualquier persona en necesidad de patrones de texturas enlosables, de uso gratuito.     fuente: http://subtlepatterns.com/

Cómo cambiar de Blogger a WordPress sin perder puntuación en Google Fuente: http://www.wpbeginner.com/wp-tutorials/how-to-switch-from-blogger-to-wordpress-without-losing-google-rankings/

Esta herramienta permite identificar la familia de fuente tipográfica que esta en una imagen.   Fuente: https://www.myfonts.com/WhatTheFont/

Fácil seguimiento del tiempo para aumentar la productividad, la tasa de facturación y el rendimiento del personal. Fuente: https://www.yast.com/

Este artículo analiza cómo utilizar algo de HTML simple, CSS, Javascript y para proteger su información privada sin hacer sus invitados pasar por controles.   fuente: http://nfriedly.com/techblog/2009/11/how-to-build-a-spam-free-contact-forms-without-captchas/

Ser un diseñador o desarrollador significa que usted nunca será capaz de dejar de aprender. El aprendizaje es como su segunda pierna. Usted todavía puede mover con una sola, pero no va a ganar ningún concurso por más tiempo. Los … Leer más

Easy coming Soon plugin le permite crear rápidamente una página de «bajo construcción» en su sitio web. Este plugin te permite crear rápidamente una página de Coming Soon página para su sitio web WordPress. Simplemente activar el plugin, Configurar página … Leer más

HTML para WordPress hace que sea fácil de convertir un diseño de sitios web HTML en un tema de WordPress. Simplemente busque la carpeta que desea convertir, colóquelo en el sitio web, y que lo convertirá por sólo $ 9 … Leer más

Dewdrop.io le permite enviar archivos en tiempo real, de forma gratuita. Sólo tienes que arrastrar y soltar un archivo para compartirlo con nadie.   Fuentes: http://dewdrop.io/ http://www.webdesignerdepot.com/2015/12/whats-new-for-designers-december-2015/

Un par de estilos y de inspiración para, tablas de precios HTML basado en FlexBox. Fuente: http://tympanus.net/codrops/2015/11/19/some-inspiration-for-pricing-tables/

Herramienta para la generación de paletas de colores complementarios. También crea paletas de opacidad y saturación. RGB, HSL, Web Color, color, colores complementarios, colores complementarios, la opacidad, la saturación, paletas. Fuente: http://www.59times.com/legacy/color-palette-generator/color-palette-generator.aspx

CSSgram es una biblioteca CSS pequeña que le permite aplicar 15 filtros que ya conoces de Instagram a cualquier imagen que quieras. Si te gusta este tipo de modificación de imágenes, podrá agarrarlo sin vacilar. El uso de efectos de … Leer más

Sos de esos que eligen colores del circulo cromático al azar buscando el correcto y sus combinaciones? No pierdas tiempo, esta herramienta es te va ayudar en la búsqueda.     Fuente: http://swisscolors.net/

Estos pequeños ayudantes que le permiten crear imágenes de los medios sociales rápido y fácil está en alta demanda. Hace muy poco, presentamos a una gran cantidad de estas herramientas. Por supuesto, Pablo, desarrollada por Buffer, estaba en esa lista … Leer más

Un simple complemento de redirección para móviles para aquellos que utilizan una URL separado del sitio web para su contenido móvil. En pocas palabras, poner la URL completa y usted está listo para enviar a los usuarios a su contenido sólo … Leer más

Añadir Google Maps a su sitio web: ¿Cuántas veces has mirado el gimnasio más cercano, pizzería o tal vez su proveedor móvil más cercano en Google? La aplicación de mapas Google es uno de los más ampliamente utilizado servicio de … Leer más

Buscar Reemplazar DB versión 3.1.0 le permite llevar a cabo una amplia búsqueda de base de datos / reemplazar las acciones que no dañan cadenas u objetos serializados de PHP con una interfaz fácil de usar y experiencia.   Fuente:  … Leer más

Si necesita una mejor manera de presentar sus ideas y el trabajo de diseño a los clientes, que va más allá de las imágenes simplemente estáticas de diseños de interfaz, a continuación, Invision puede ser exactamente lo que necesita. Esta … Leer más

Una biblioteca de cross-browser de animaciones CSS. Tan fácil de usar como una cosa fácil.     https://daneden.github.io/animate.css/  

Un efecto de inclinación sutil para imágenes. La idea es mover y rotar las copias semitransparentes la misma imagen de fondo con el fin de crear un efecto de movimiento o profundidad sutil.   http://tympanus.net/codrops/2015/05/28/image-tilt-effect/

Haga su sitio web más rápido y ahorrar ancho de banda. TinyPNG optimiza tus imágenes PNG en un 50-80%, mientras que la preservación de una total transparencia! https://tinypng.com/

  Pexels Videos ofrece vídeos totalmente gratis. Todos los vídeos están licenciados bajo la licencia Creative Commons Zero (CC0). Esto significa que puede editar o modificar los vídeos y usarlos libre para personal e incluso para proyectos comerciales. Todo sin … Leer más

Font Awesome – La fuente de iconos y kit de herramientas de CSS Font Awesome le da iconos escalables de vector que instantáneamente se pueden personalizar – el tamaño, color, gota de sombra, y todo lo que se puede hacer … Leer más

Las mejores fotografías libres en un solo lugar. Es difícil de entender licencias complejas es por eso que todas las fotos en Pexels están licenciados bajo la licencia Creative Commons Zero (CC0). Esto significa que puede copiar, modificar, distribuir y … Leer más

Estaba buscando algunos efectos mouse hover y encontré esta colección. Es bastante sencilla a utilizar y compila la mayoría de los efectos animados básicos al hacer mouse hover, y lo además es solo CSS3! Sitio: Hover.css v2

Font Awesome – The iconic font and CSS toolkit Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Site: fontawesome.io