Close

mayo 16, 2018

5 Plugins de Chrome que te ayudarán a crear tu web

5 plugins de chrome que te ayudaran a crear tu web

Cuando creamos una página web, es importante utilizar muy bien nuestro tiempo. Y utilizar herramientas para acelerar el desarrollo. Por eso en este artículo te presentaremos 5 Plugins de Chrome que te ayudarán a crear tu página web!

Todos los plugins son gratuitos y no están en orden, dado que cada uno cumple una funcionalidad distinta.

Fireshot captura

Fireshot captura

5- Fireshot

Fireshot te ayuda a tomar capturas de las páginas en las que estés. Es sencillo y no pesa mucho, y viene muy bien cuando te piden un preview de la página que estás realizando. Yo he usado este plugin para tomar las capturas de los otros artículos que he creado. Y lo mejor de todo, puedes entrar en vista responsive y tomar capturas en dichas resoluciones, esto permite enseñar como se comporta y se ve la página web en otros dispositivos. Entre otras de sus funcionalidades, te deja tomar capturas de la página completa, seleccionar una parte especifica que quieras capturar, pasarlo a PDF, copiarlo a portapapeles y mucho más. Échale un vistazo aquí

 

Colorzilla captura

Colorzilla captura

4- Colorzilla

Colorzilla es bastante sencillo, te permite tomar colores de una página web, generar paletas de colores, crear gradientes, y hasta seleccionar los colores principales de una página. Este plugin ayuda bastante si te han enviado un PDF o una imagen con el alargado de la página y necesitas tomar colores de ciertas secciones. El creador de gradientes también es perfecto al crear páginas web. En resumen, Colorzilla es poderoso y sencillo de usar. Pruebalo aquí

 

Codecola captura

Codecola captura

3- Codecola

Codecola es genial a la hora de aplicar cambios rápidos visualmente. Si deseas cambiar cosas sencillas como el background, padding, margin, sombra puedes hacerlo con él. Es sencillo de usar y te permite selecccionar elementos HTML y editar sus propiedades uno por uno. Tiene una interfaz bastante amigable e inclusive te deja ver los cambios en CSS que has realizado. Puedes descargar Codecola aquí!

Artículo relacionado:  Cómo crear un sistema de tema oscuro para páginas

 

DevTools Autosave captura

DevTools Autosave captura

2- DevTool Autosave

Normalmente, cuando usamos las herramientas de Google para cambiar algunas cosas, sería bueno que se guardasen por sí mismas. DevTool Autosave hace exactamente esto, cada cambio que realices desde el editor de Chrome, se colocará dentro de tus archivos CSS, HTML y otros que uses. Aunque el proceso de instalación es un poco tedioso, esta herramienta ayuda bastante y disminuye el tiempo de desarrollo notablemente. Míralo aquí

 

Project Naptha captura

Project Naptha captura

1- Project Naptha

Project Naptha es uno de los mejores plugins que he probado hasta ahora. Su funcionalidad: Seleccionar texto de una imagen, y esto es perfecto cuando nos envían un alargado en png o jpg. Entre sus otras funciones se encuentran, eliminar texto, traducirlo, editarlo, reimprimirlo y más. Soporta texto rotado, sobre imágenes, texto en gif y mucho más. Es bastante impresionante y eliminará todo el tiempo reescribiendo texto en código, simplemente, increíble. Puedes probar un demo en su página, y descargar el plugin aquí.

 

Conclusión

Cuando creamos una web, debemos hacer uso de la mayor cantidad de herramientas que tengamos a la mano. Esto nos permitirá entregar un producto de calidad en menor tiempo. Ya sea para proyectos propios, para proyectos comerciales o simplemente por probar, todos estos plugins merecen un vistazo gracias a lo geniales que son. Y sin duda alguna pueden sacarnos de un apuro en cualquier momento.

Si te gustó este artículo, puedes ver el resto haciendo click aquí. También puedes ver mi página de facebook para saber cuando publico un artículo nuevo.Un saludo, y que sus códigos sigan haciendo cosas geniales!

3 Comments on “5 Plugins de Chrome que te ayudarán a crear tu web

Wiki
mayo 20, 2018 at 3:17 pm

Hello ,

I saw your tweet about animals and thought I will check your website. I like it!

I love pets. I have two beautiful thai cats called Tammy(female) and Yommo(male). Yommo is 1 year older than Tommy. He acts like a bigger brother for her. 🙂
I have even created an Instagram account for them ( https://www.instagram.com/tayo_home/ ) and probably soon they will have more followers than me (kinda funny).

I wanted to subscribe to your newsletter, but I couldn’t find it. Do you have it?

Keep up the good work on your blog.

Regards
Wiki

Responder
Jan Zac
mayo 21, 2018 at 7:36 pm

Hello ,

I saw your tweets and thought I will check your website. Have to say it looks very good!
I’m also interested in this topic and have recently started my journey as young entrepreneur.

I’m also looking for the ways on how to promote my website. I have tried AdSense and Facebok Ads, however it is getting very expensive. Was thinking about starting using analytics. Do you recommend it?
Can you recommend something what works best for you?

I also want to improve SEO of my website. Would appreciate, if you can have a quick look at my website and give me an advice what I should improve: http://janzac.com/
(Recently I have added a new page about FutureNet and the way how users can make money on this social networking portal.)

I wanted to subscribe to your newsletter, but I couldn’t find it. Do you have it?

Hope to hear from you soon.

P.S.
Maybe I will add link to your website on my website and you will add link to my website on your website? It will improve SEO of our websites, right? What do you think?

Regards
Jan Zac

Responder
Edgar
mayo 24, 2018 at 9:26 pm

Hi Jan!
Thanks for passing by!

I actually don’t use ads, but I use Analytics to keep tracking of the people that visits my website. My best advice is write articles! They can bring people into your page and this way you can attract visitors, keep them entering your page and share you knowledge. Share these articles in your social media, this will help you raise your visitors and followers.

And I checked your website using website grader and gtmetrix. And from what I saw, you should improve some things:

– You should defer the loading of javascripts
– You are importing FontAwesome 2 times in your website
– Your logo is 2845×1020 but you are showing it at a resolution of 139×50, you should change this to speed up your loading time
– Add an HTTPS redirection, this will raise your SEO a lot

That’s all the things you should improve, everything else is just great!

Sadly I don’t have a newsletter yet, but I’m going to work on it.

And if you some day write an article related to web development I’ll gladly add a link to your website!

You should follow me on twitter so we can keep contacting each other (https://twitter.com/Codedgar23).

Thanks for pasing by and good luck with your project!

Responder

Deja un comentario

A %d blogueros les gusta esto: