Google abre oficialmente en beta SC INSIGHTS, que ayudará a saber que:
1⃣ Contenido tiene mejores resultados
2⃣ Rendimiento del contenido nuevo
3⃣ Buscan los usuarios en Google para llegar a tu contenido
4⃣ Cómo descubren los usuarios tu contenido
https://search.google.com/search-console/insights/about
oday we are introducing a new experience called Search Console Insights ?. Learn more about how it can help you understand which content resonates with your audiences and how they discover it ? https://developers.google.com/search/blog/2021/06/search-console-insights



Obtener la geolocalizacion de un usuario (con su permiso) se puede hacer con 5 lineas de #JavaScript
https://twitter.com/fmontes/status/1404967746480246790/photo/1



Tip de la herramienta de desarrollo (DevTools) de Chrome y Edge
Puedes obtener los colores, las fuentes y las media queries usadas de cualquier sitio web con sólo habilitar la función “CSS Overview”
Instrucciones: https://twitter.com/lupitacode/status/1403491125424541702
https://twitter.com/lupitacode/status/1403491129186738179
1. Abrir DevTools
2. Click en settings Engranaje o también ctrl + shift + p
3. Click en “experiments”
4. Habilitar CSS Overview y cerrar
5. Reiniciar la consola
6. Click en la pestaña que aparece “CSS Overview” y hacer click en “Capture Overview”


Sugerencia de CSS Puede utilizar mix-blend-mode: multiply para eliminar los fondos blancos de las imágenes del logotipo. Útil para pruebas rápidas en CSS. Más detalles en “Alineación de imágenes de logotipos en CSS”:
https: // ishadeed.com/article/aligni ng-logos-css /


Algunos trucos y consejos al usar tipografías con `font-family` en #CSS
https://twitter.com/Manz/status/1403019676398067732

Ya se pueden importar ficheros JSON desde #Javascript (desde el navegador, de forma nativa) en Chrome 91+!
Firefox y Edge están en ello: https://twitter.com/Manz/status/1401625492684423171
https://twitter.com/Manz/status/1401625492684423171/photo/1



Crea y comparte hermosas imágenes de tu código fuente. Empiece a escribir o suelte un archivo en el área de texto para comenzar.
https://carbon.now.sh/


Sabías que podés hacer un input con autocomplete solo con HTML? ? El elemento datalist nos permite establecer una lista de sugerencias que después podemos asignar a un elemento input
https://twitter.com/goncy/status/1401528702421422080
https://twitter.com/goncy/status/1401528702421422080/photo/1



CSS Grid y Flexbox son las herramientas que más uso y sería casi impensable para mí hacer hoy una web sin usarlas, pero en su momento me costó mucho entenderlas. https://flexboxfroggy.com/#es y https://cssgridgarden.com/#es son 2 juegos muy buenos para aprender didácticamente! https://twitter.com/goncy/status/1400077022387449857
https://flexboxfroggy.com/#es
https://cssgridgarden.com/#es
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://aerolab.co/blog/flexbox-grids
http://www.flexboxdefense.com/
https://flexboxzombies.com/p/flexbox-zombies



GitHub cuenta con un “Learning Lab” donde podes encontrar un monton de cursos interactivos totalmente gratuitos
No solo sobre Git/GitHub, hay contenido de HTML, Node, Ruby, DevOps, Markdown y hasta Machine Learning
https://twitter.com/ianaya89/status/1400467111642746885
https://lab.github.com/

Cómo dividir un post de WordPress en varias páginas
https://3ymedia.net/como-dividir-un-post-de-wordpress-en-varias-paginas/



Later today, we are releasing a broad core update, as we do several times per year. It is called the June 2021 Core Update. Our guidance about such updates is here:
https://webmasters.googleblog.com/2019/08/core-updates.html
This will be followed by the July 2021 Core update. Here’s more information about that…



Querés practicar JavaScript haciendo proyectos? https://javascript30.com de ++++++++++
@wesbos te propone hace 1 ejercicio por día, por 30 días, sin frameworks. Pensado para quienes vieron un poco de JS pero sienten que les falta práctica, como siempre,
https://twitter.com/goncy/status/1399717366326456320


02 patterns con HTML y CSS para copiar y pegar
SIN DEPENDENCIAS
csslayout .io
Más recursos gratuitos por aquí:
https://bit.ly/38EIUlj


Un poco de #wpo . Espectacular hilo
WebPerf Impacters @WebPerfImpacter
El primer paso para mejorar la performance de una web es conocer cuál es el punto de partida.
En sites pequeños, es fácil tener un control de las páginas que tenemos y podremos medir las métricas actuales para conocer el punto de partida.
¿Pero qué pasa con los sites grandes?
https://twitter.com/WebPerfImpacter/status/1393208923906269186 +++++++++++++++++++++++++++



Sign up for FREE to get Google Sheets SEO templates & scripts.
https://keywordsinsheets.com/register/?redirect_to=https%3A%2F%2Fkeywordsinsheets.com%2Findex-checker%2F


Check HTTP status codes and final redirected URLs in Sheets, in seconds. ?
An easy way of checking the status of URLs without using a crawler.
EN EXCEL
https://twitter.com/bertiecharlton/status/1389862097350283265
https://banhawy.medium.com/how-to-use-google-spreadsheets-to-check-for-broken-links-1bb0b35c8525 +++++++++++++
Cómo hice un Python Web Crawler para automatizar una aburrida tarea diaria ++++++++++++++++
https://banhawy.medium.com/how-i-made-a-python-web-crawler-to-automate-a-boring-daily-task-afb22fbffcc8


https://frontend.cafe/mentorias


+++¡Hola! Estoy haciendo una web llena de material Frontend con recursos, tutoriales, canales, comunidades y más. Si tienen ideas de cosas que le sirvan/sirvieron, ¿me comentan? ¡Gracias!
https://frontendhelp.vercel.app/
https://twitter.com/martindevaluado/status/1388627916414722050
buena lista de recursos:
https://frontend.cafe
https://devresourc.es/tools-and-utilities/public-apis
https://docs.google.com/document/d/1EuPYUJxUZtaEEn8CTbnb8IHptcxwDvBcAPHXXgj_KvU/edit
https://github.com/mrcodedev/frontend-developer-resources
https://github.com/angelgabrielcachavilano/RESOURCES

https://quickref.me/ +++++cheatsheets



seguridad web
Para mi #nmap sigue siendo uno de los mejores programas de #auditoria de seguridad que hay en el mercado No aprovechamos ni el 1% de su potencial. ¿Sabías que existe el script http-google-malware? Necesita API key de Google. ¿Sabes qué información nos facilita? #opensource
Con Nmap podemos identificar qué máquinas están activas en la red (Ping sweep):
https://twitter.com/nuria_imeq/status/1380288527133511683



Buscar información
Programación para SEO git
Programación para SEO javascript
Programación para SEO phyton
Programación para SEO scraping
Programación para SEO AppScripts
Programación para SEO SQL



Recién salido del horno! Extrae datos de lighthouse (Lab data) y Web vitals (entre otros) en bulk para todas las urls que quieras https://github.com/NachoSEO/lighthouse-bulk-checker
https://twitter.com/NachoMascort/status/1380450186766475264

Estrategias reales de Black Hat SEO y muchas cosas turbias, con David Ayala #113
https://www.youtube.com/watch?v=qSNWlsFrb1Y&feature=emb_logo


ricardo tayar
Puedes escuchar este necesario episodio de
@cro_cafe
en español:

En la web > https://es.cro.cafe/podcast/inteligencia-artificial-etica-y-buscadores

En Spotify > https://open.spotify.com/episode/0N7dNvHmCaHaVEvOFdJSP0?si=zKc2E11qSRiWpM5Oi7e26Q

#search #seo #bias #ethics #ai
Inteligencia artificial, ética y buscadores, con Ricardo Baeza-Yates
Listen to this episode from CRO.CAFE Español on Spotify. Hablamos con Ricardo Baeza-Yates sobre inteligencia artificial, ética y sistemas de búsqueda, sesgos cognitivos y cómo consumimos internet hoy…
https://twitter.com/rtayar/status/1377154758469808132



Cómo hacer Link Building GRATIS y de pago: GrowBusinessDay #88
https://www.youtube.com/watch?v=YZOansrYn28