Blog

Vía MoureDev Mejora tu Lógica de Programación resolviendo estos 20 ejercicios prácticos. LECCIONES DEL CURSO:

GSAP es una herramienta robusta y versátil para animar cualquier elemento que JS pueda tocar, con un rendimiento fluido y una fácil aceleración. Aprende a usar GSAP para UI, SVG, WebGL, texto y más, y ve ejemplos de marcas que … Leer más

Biblioteca comunitaria de elementos de interfaz de usuario gratuitos y personalizables, creados con CSS o Tailwind. Puedes copiarlos y usarlos gratis en tus proyectos. Uiverse te ahorra horas dedicadas a crear y personalizar componentes de interfaz de usuario para tu … Leer más

Si te interesa la ciencia de datos pero no sabes por dónde empezar, Python es un excelente punto de partida. Es fácil de aprender y cuenta con numerosas bibliotecas que facilitan enormemente el trabajo con datos. Link: https://www.freecodecamp.org/news/learn-python-for-data-science-full-course

Para crear aplicaciones excelentes, siempre se necesita una poderosa asociación entre diseño y desarrollo. Los diseñadores visualizan la experiencia del usuario para crear interfaces intuitivas y atractivas. Luego, los desarrolladores dan vida a esos diseños con código funcional. Tradicionalmente, conectar … Leer más

CodeGPT es una herramienta de vanguardia que aprovecha el poder de la IA para revolucionar tu experiencia de programación. Tanto si eres un desarrollador experimentado como si estás empezando, CodeGPT está diseñado para mejorar tu productividad, optimizar tu flujo de … Leer más

¿Qué es Tailscale? Tailscale es una solución de VPN (Red Privada Virtual) basada en WireGuard, diseñada para simplificar la creación de redes seguras entre dispositivos. A diferencia de las VPN tradicionales, Tailscale: En resumen, Tailscale crea una red privada segura … Leer más

Background Sync (Sincronización en segundo plano) es una API de los Service Workers en Chrome (y otros navegadores modernos) que permite a las aplicaciones web realizar tareas cuando el usuario recupera conexión a Internet, incluso si la pestaña o el … Leer más

Sitio web actualizado para programadores con los últimos cursos y videos de charlas que estuve dando. 👉Hay 20 charlas en videos y +100 artículos👉Links a 36 cursos vigentes👉firt⁠.dev Algún día tendría que poner el archivo histórico de cursos y charlas, … Leer más

html2pdf.js convierte cualquier página web o elemento en un PDF imprimible completamente del lado del cliente utilizando html2canvas y jsPDF. Fuente: https://ekoopmans.github.io/html2pdf.js/

Necesitamos hablar de los datos. Datos basura. Estamos destruyendo nuestro entorno para crear y almacenar billones de imágenes borrosas, vídeos mal hechos, canciones, animaciones, vídeos e imágenes de IA fraudulentas, correos electrónicos con adjuntos enormes, presentaciones irrepetibles, informes irrepetibles, archivos … Leer más

Exponga sus servidores locales a internet. Sin instalación ni registro. Es un servicio de túnel SSH gratuito que permite exponer servicios locales en internet sin necesidad de configurar un servidor propio o tener una IP pública. Características principales: Ideal para … Leer más

Editor de diseño de bases de datos, modelador de datos y generador SQL gratuito y de código abierto, sencillo e intuitivo. Sin registro. Gratis. Link: https://www.drawdb.app/

El mejor visor JSON en línea para visualizar, formatear y explorar.

FreeCodeCamp acaba de publicar un curso completo sobre los fundamentos de la IA. Aprenderás un montón de conceptos de aprendizaje automático como regularización, sobreajuste y equilibrio entre sesgo y varianza. También aprenderás a usar Python para implementar regresión lineal, redes … Leer más

Es simple y fácil crear un sitio web usando WordPress. WordPress es un sistema de gestión de contenidos que te ayuda a crear un sitio web incluso si no sabes nada de codificación. No necesitas saber HTML, CSS o JavaScript. … Leer más

Cree hermosas aplicaciones móviles nativas en minutos usando IA. Transforme sus ideas en realidad con nuestra plataforma de desarrollo de aplicaciones impulsada por IA. Link: https://a0.dev/

Más de 1500 plantillas HTML gratuitas.Para sitios web, páginas de destino, blogs, carteras, comercio electrónico y paneles de administración. Link: https://htmlrev.com/

¿Necesita algunos datos simulados para probar su aplicación? Mockaroo le permite generar hasta 1000 filas de datos de prueba realistas en formatos CSV, JSON, SQL y Excel. Mockaroo le permite descargar rápida y fácilmente grandes cantidades de datos de prueba … Leer más

Curso práctico de WordPress para aprender a crear tu página web. Crea tu página web profesional desde cero, sin conocimientos técnicos en pocas horas. Link: https://landing.raiola.link/curso-practico-wordpress/

Visualice su base de datos mediante una única consulta Editor de diseño de bases de datos gratuito y de código abierto. Diagramas de bases de datos más rápidos y sencillos Cree diagramas con unos pocos clics, vea la imagen completa, … Leer más

Puede haber ocasiones en las que su sitio web o aplicación desee mejorar la experiencia del usuario al imprimir contenido. Existen varios escenarios posibles: Desea ajustar el diseño para aprovechar el tamaño y la forma del papel.Desea utilizar diferentes estilos … Leer más

Biblioteca de gráficos JavaScript simple pero flexible para la web moderna Link: chartjs.org

Cursos AI te permite escribir código usando instrucciones. Actualice clases o funciones completas con un simple mensaje. Cree software más rápido. Inteligente, rápido y familiar. Diseñado para hacerte extraordinariamente productivo,Cursos AI es la mejor forma de codificar con IA. Link: … Leer más

7 horas | +80 lecciones | +50 comandos | con código | desde cero | completo | gratisProyecto realizado durante emisiones en directo desde Twitch. Curso completo en vídeo. Todo gracias a MoureDev Link: https://github.com/mouredev/hello-sql

A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it! Link: https://artskydj.github.io/jsPDF/

A tiny javascript library to help printing from the web. Link: https://printjs.crabbly.com/

Editor HTML. Con nuestro editor HTML en línea, puede editar código HTML, CSS y JavaScript y ver el resultado en su navegador. Link: https://onlinehtmleditor.dev/

draw.io es un software de diagramas en línea gratuito para crear diagramas de flujo, diagramas de procesos, organigramas, UML, ER y diagramas de red. Link: https://app.diagrams.net/

jQuery es una biblioteca que en el desarrollo web de hace algunos años era prácticamente indispensable para crear aplicaciones web, pero actualmente con la aparición de Frameworks y bibliotecas de javascript como Angular, Vuejs, React y muchas otras tecnologías más, … Leer más

Una introducción a la informática como herramienta para resolver problemas analíticos del mundo real utilizando Python 3.5. Capacitación de acceso libre del MIT Link: https://www.edx.org/learn/computer-science/massachusetts-institute-of-technology-introduction-to-computer-science-and-programming-using-python

Aprenda los conceptos fundamentales de la programación informática y comience a desarrollar habilidades de codificación con el lenguaje de programación Python. Link: https://www.netacad.com/es/courses/python-essentials-1?courseLang=es-XL

Biblioteca de gráficos JavaScript simple pero flexible para la web moderna Link: https://www.chartjs.org/

Odoo es un sistema ERP (Enterprise Resource Planning o Planificación de Recursos Empresariales) que permite gestionar y automatizar distintas áreas de una empresa, como contabilidad, ventas, compras, inventario, recursos humanos y mucho más. Se caracteriza por ser modular, es decir, … Leer más

Una historia de Sarah Gooding sobre los 21 años de esta gran herramienta. Link: https://sarahgooding.dev/2024/10/06/21-years-of-wordpress/

Aquí están los cinco recursos gratuitos de CodeCamp de esta semana que valen la pena: Toda la comunidad de código abierto de freeCodeCamp está trabajando arduamente en algunas mejoras importantes a nuestro plan de estudios básico. Espero anunciarlos en unas … Leer más

Una tabla ampliada para la integración con algunos de los marcos CSS más utilizados. (Soporta Bootstrap, UI semántica, Bulma, Material Design, Foundation) Link: https://bootstrap-table.com/

Recursos para programadores

Cada año se denuncian a la policía varios millones de casos de fraude y de uso indebido de ordenadores. Es asombroso, pero aún más asombroso es que muchos de esos delitos podrían haberse evitado con unos pequeños cambios en el … Leer más

PhpSpreadsheet es una biblioteca escrita en PHP puro y ofrece un conjunto de clases que le permiten leer y escribir varios formatos de archivos de hojas de cálculo, como Excel y LibreOffice Calc. Link: https://github.com/PHPOffice/PhpSpreadsheet

Force Refresh es el mejor complemento para solicitar a los navegadores que actualicen sus páginas. Perfecto para aplicaciones de una sola página o páginas que incorporan feeds, este sencillo complemento le permitirá forzar la actualización de la página para los … Leer más

EasyCron es un servicio de tareas cron en línea. Puede registrar una cuenta en nuestro sitio y agregar las URL de sus scripts de tareas cron en nuestro sistema, y ​​accederemos a sus scripts de tareas cron y los activaremos … Leer más

Una colección de código abierto de principios y métodos de diseño. Link: https://principles.design/

Convierte fácilmente Excel (u otras hojas de cálculo) a Insert SQL con nuestra herramienta. También es compatible con API. Link: https://tableconvert.com/excel-to-sql

WordPress es un sistema de gestión de contenido que permite crear cualquier tipo de sitio web, desde blogs hasta tiendas de eCommerce. Learning Pathways lo ayuda a desarrollar sus habilidades de manera progresiva para que pueda pasar de principiante a … Leer más

Hay algo nuevo que aprender con cada una de las tendencias de diseño de sitios web destacadas de este mes. Link: https://www.webdesignerdepot.com/design-trends-august-2024/

Smart Post Show (anteriormente Post Carousel) le permite filtrar y mostrar publicaciones, páginas, taxonomía (categorías, etiquetas y formatos de publicación) en el hermoso carrusel y diseño de cuadrícula fácilmente sin codificación. El complemento le ayuda a crear un hermoso carrusel … Leer más

Segunda parte del curso de lógica para aprender cualquier lenguaje de programación desde cero, resolviendo ejercicios y siguiendo una ruta de estudio.

Link: https://www.twitch.tv/videos/2194200202

Crea maquetas increíbles. Maqueta de varios teléfonos con fondo simple. Maqueta de iPhone con fondo de pantalla para mostrar el fondo mágico. Link: https://shots.so/

Explicación básica concentrada en 100 segundos.

Nextcloud es un conjunto de software cliente-servidor para crear y utilizar servicios de alojamiento de archivos. Nextcloud proporciona una funcionalidad similar a Dropbox, Office 365 o Google Drive cuando se utiliza con las suites ofimáticas integradas Collabora Online o OnlyOffice. … Leer más

Una animación de cuadrícula basada en el concepto de Rémi Clauss, donde los elementos de la cuadrícula se mueven a una posición específica en relación con su posición inicial. Link: https://tympanus.net/codrops/2024/06/05/push-animation-on-grid-items/

Curso de lógica para aprender cualquier lenguaje de programación desde cero, resolviendo ejercicios y siguiendo una ruta de estudio.

Este tutorial le proporciona instrucciones SQL fáciles de entender y le permite practicar mientras aprende utilizando un intérprete de SQL en línea. Al practicar sus comandos SQL y ver resultados inmediatos, aprenderá rápidamente. Link: https://www.sql-easy.com/

¡Nick Diego (Automattic) y Brian Gardner (WP Engine) luchan para recrear un sitio web en solo 30 minutos!

Aprende diseño UX/UI (siendo un perfil de desarrollo) El roadmap que necesitas para entender mejor el diseño y desarrollar mejores productos digitales. Link: https://github.com/crisbusquets/aprende-diseno-uxui

El negro verdadero (#000000) es uno de mis colores favoritos. Cuando comencé a crear paletas de colores, siempre incluía negro verdadero (#000000) y blanco verdadero (#ffffff) con los colores de la marca. Pronto descubrí que si encontraba alternativas a los … Leer más

Si se ejecuta un script PHP, la página se carga normalmente mientras el script necesite finalizar (o arroja un error). Eso está bien en muchos casos, pero si el script necesita procesar tareas complejas y/o muchas, que toman unos minutos … Leer más

El equipo de rendimiento de WordPress publicó recientemente un nuevo complemento llamado «Carga especulativa» que permite que una nueva tecnología del mismo nombre prepresente automáticamente ciertas URL en la página, lo que puede generar tiempos de carga de la página … Leer más

Jan es una alternativa de código abierto a ChatGPT que funciona completamente sin conexión. Es compatible con varios hardware, incluidas las GPU de Nvidia, la serie M de Apple, Apple Intel, Linux Debian y Windows x64. Puede descargar Jan para … Leer más

Aprenda cómo crear un tema personalizado de WordPress. Aprenderá un proceso que puede utilizar para convertir cualquier plantilla HTML/CSS en un tema de WordPress.

Utiliza FLUTTER y PYTHON para crear APPS MULTIPLATAFORMA (Web, Mobile y de Escritorio)

WebPageTest es una herramienta de prueba de rendimiento de páginas web desarrollada por AOL y de código abierto en 2008. Produce sus métricas utilizando navegadores del mundo real para cargar la página web que se está probando. Link: https://www.webpagetest.org/

Este curso es una descripción general completa de la seguridad web. El objetivo es comprender los ataques web más comunes y sus contramedidas. Dada la inseguridad generalizada del panorama web moderno, existe una necesidad apremiante de que los programadores y … Leer más

En el panorama en constante evolución de la inteligencia artificial, mantenerse a la vanguardia es importante tanto para los entusiastas como para los profesionales. Y uno de los elementos más populares de la IA en este momento es la IA … Leer más

Para sitios web, páginas de destino, blogs, carteras, comercio electrónico y paneles de control Link: https://htmlrev.com/

Crea tus propios patrones y fondos sin costuras en línea de forma rápida y sencilla. Prueba nuestro generador de patrones Link: https://patternico.com/

Seguimos el canal de Pablo que nos enseña cómo levantar varios contenedores a la vez, usando una nueva herramienta: Docker-compose. Con esta herramienta podemos manejar fácilmente las configuraciones de nuestros contenedores. En este ejemplo, vamos a levantar wordpress+mysql en docker. … Leer más

Independientemente de su nivel de habilidad actual, aprender a crear proyectos de Python es una forma segura de mejorar sus habilidades y mejorar su cartera. ¡No hay nada mejor que ensuciarse las manos con algunos proyectos reales de codificación y … Leer más

Desarrolle fluidez en 67 lenguajes de programación con nuestra combinación única de aprendizaje, práctica y tutoría. El ejercicio es divertido, efectivo y 100% gratis, para siempre. Link: https://exercism.org/

SOE-YDATABASES0001 Stanford School of Engineering Este curso es uno de los cinco cursos a su propio ritmo sobre el tema de Bases de datos, y se originó como uno de los tres cursos masivos abiertos en línea inaugurales de Stanford … Leer más

La IA está en todas partes hoy en día, pero si eres desarrollador web, no sabes dónde encaja en tu trabajo.En esta sesión, comprenderá rápidamente cómo agregar modelos de IA a su sitio web. También verá cómo funcionan los complementos … Leer más

Chosen is a library for making long, unwieldy select boxes more user friendly. Link: https://harvesthq.github.io/chosen/

Obtenga una idea del funcionamiento interno de un sitio web determinado: descubra posibles vectores de ataque, analice la arquitectura del servidor, vea las configuraciones de seguridad y conozca qué tecnologías utiliza un sitio. Actualmente, el panel mostrará: información de IP, … Leer más

Link: https://adamschwartz.co/magic-of-css/?utm_content=buffer1e735&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer

Lista de podcasts variados desde Ciencia de Datos hasta Programación. Link: https://github.com/DataTalksClub/awesome-data-podcasts

Tutorial

Aquí tienes una guía visual de los selectores de CSS más populares. Los selectores de CSS son patrones utilizados en CSS para seleccionar y diseñar elementos HTML en una página, lo que nos permite dictar cómo se aplican los estilos … Leer más

Si está buscando los mejores complementos de importación y exportación de WordPress, entonces está nota puede servirte. Es posible que necesite importar/exportar datos para cualquier propósito. Es esencial importar/exportar datos de forma segura sin perder ningún dato. Hacerlo manualmente puede … Leer más

Alternativa a Google Analytics fácil de usar y respetuosa con la privacidad. Plausible es un análisis web intuitivo, liviano y de código abierto. Sin cookies y totalmente compatible con GDPR, CCPA y PECR. Fabricado y alojado en la UE, impulsado … Leer más

Tutorial de desarrollo de aplicaciones multiplataforma de 37 horas.

Link: https://fontjoy.com/?utm_content=buffer8b999&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer

De la mano de FreeCodeCamp

roadmap.sh es un esfuerzo comunitario para crear hojas de ruta, guías y otro contenido educativo para ayudar a los desarrolladores a elegir un camino y guiar sus aprendizajes. Link: https://roadmap.sh/

¿Qué es el morfismo de vidrio? Glassmorphism es un estilo de diseño, acuñado por Michal Malewicz de Hype4.Academy para conectar y combinar todos los usos del efecto «vidrio esmerilado» en la interfaz de usuario. Al categorizarlo y darle un nombre … Leer más

Carmen Ansio nos cuenta en este video las novedades de CSS y sus nuevas funciones para depender cada día menos de Javascript.

Genere componentes de interfaz de usuario con indicaciones simples. Listo para copiar y pegar con Tailwind CSS. Cualquier sistema de diseño, cualquier marco. Link: https://clone-ui.design/

Excelente herramienta para saber con que CMS esta construido un sitio web y sus elementos. Link: whatcms.org

En el mundo digital en el que vivimos, nuestros datos y archivos son de vital importancia. Por esta razón, es importante concientizar sobre la importancia de realizar copias de seguridad de manera periódica y cómo podemos hacerlo de forma efectiva. … Leer más

AppSheet es la plataforma de Google para crear aplicaciones y flujos de trabajo personalizados sin código para automatizar procesos comerciales. Permite a los creadores de aplicaciones crear e implementar aplicaciones y automatizaciones de un extremo a otro para Google Workspace … Leer más

Simply Static es un generador de sitios estáticos que convierte su sitio web de WordPress existente en un sitio web estático que puede alojar en su servidor, un proveedor de alojamiento estático o una CDN. Mejora drásticamente el rendimiento de … Leer más

Lordicon es una poderosa biblioteca de íconos animados cuidadosamente elaborados, ¡Listo para usar en productos digitales, presentaciones o videos! https://lordicon.com/

Generador de estructuras HTML y CSS con Flexbox y Grid Layout Link: https://layout.bradwoods.io/

En 2023, estamos viendo cómo la inteligencia artificial y las tecnologías relacionadas están evolucionando masivamente en todo el mundo. Sin duda, la IA ha emergido como un cambio de juego en todas las industrias. El desarrollo de software es uno … Leer más

Puedes generar formas y patrones en SVG con «Haikei» una herramienta web con un montón de configuraciones que puedes exportar como SVG o PNG. Link: https://app.haikei.app/ Via Cosmic Red

Rix es un motor de búsqueda impulsado por IA diseñado específicamente para desarrolladores. Está desarrollado por Hashnode, una plataforma de blogs para desarrolladores. Rix ofrece dos modos únicos para satisfacer diferentes necesidades: Modo de búsqueda web: este modo permite a … Leer más

NativePHP es un nuevo marco para construir rápidamente aplicaciones de escritorio ricas y nativas usando PHP. Si ya eres desarrollador de PHP, te sentirás como en casa. Si es nuevo en PHP, creemos que NativePHP le resultará fácil de aprender … Leer más

Los patrones de diseño (design patterns) son soluciones habituales a problemas comunes en el diseño de software. Cada patrón es como un plano que se puede personalizar para resolver un problema de diseño particular de tu código. Link: https://refactoring.guru/es/design-patterns

Este tutorial le muestra cómo aprender Laravel 9. Es un tutorial completo de Laravel 9 para principiantes donde aprende los temas más importantes de Laravel para comenzar. Tenga en cuenta que este tutorial usa una versión de Laravel anterior a … Leer más

Fondos de sitios web animados en unas pocas líneas de código. Link: https://www.vantajs.com/

Aprende a diseñar y construir un sitio web profesional de manera gratuita Link: https://www.w3docs.com/

Principios para el aprendizaje que pueden acelerar rápidamente el proceso de aprender a codificar y convertirse en desarrollador de software.

Dev Mode es un nuevo espacio en Figma para desarrolladores con características que lo ayudan a traducir diseños en código, más rápido. Ahora disponible en beta abierta. Link: https://www.figma.com/dev-mode/

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

Un documental sobre el diseño gráfico, la tipografía, la publicidad, la comunicación y en general sobre la cultura visual. La película se centra en la popular fuente tipográfica Helvética, que en el año 2007 hizo su 50º aniversario, e incluye … Leer más

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