Le 16 estensioni Chrome per web designers a cui non puoi rinunciare

[tatsu_section bg_color= "" bg_image= "" bg_repeat= "no-repeat" bg_attachment= '{"d":"scroll"}' bg_position= '{"d":"top left"}' bg_size= '{"d":"cover"}' bg_animation= "none" padding= '{"d":"0px 0px 90px 0px"}' margin= '{"d":"0px 0px 0px 0px"}' bg_video_mp4_src= "" bg_video_ogg_src= "" bg_video_webm_src= "" overlay_color= "" overlay_blend_mode= "normal" section_height_type= "auto" custom_height= '{"d":""}' vertical_align= "center" top_divider= "none" top_divider_zindex= "9999" bottom_divider_zindex= "9999" bottom_divider= "none" top_divider_height= '{"d":"100"}' top_divider_position= "above" bottom_divider_height= '{"d":"100"}' bottom_divider_position= "below" top_divider_color= "#ffffff" bottom_divider_color= "#ffffff" invert_top_divider= "0" invert_bottom_divider= "0" flip_top_divider= "0" flip_bottom_divider= "0" section_id= "" section_class= "" section_title= "" offset_value= "0px" full_screen_header_scheme= "background--dark" overflow= "" z_index= "0" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SkZnOxogT_"][tatsu_row full_width= "0" bg_color= "" border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" no_margin_bottom= "0" equal_height_columns= "0" gutter= "medium" column_spacing= "px" fullscreen_cols= "0" swap_cols= "0" padding= '{"d":"0px 0px 0px 0px"}' margin= '{"d":"0px 0px"}' row_id= "" row_class= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" border_radius= "0" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" layout= "1/1" key= "Skx3dxig6d"][tatsu_column bg_color= "" bg_image= "" bg_repeat= "no-repeat" bg_attachment= "scroll" bg_position= '{"d":"top left"}' bg_size= '{"d":"cover"}' padding= '{"d":"0px 0px 0px 0px"}' margin= '{"d":"0px 0 0 0"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "0" box_shadow_custom= "0px 0px 0px 0px rgba(0,0,0,0)" bg_video_mp4_src= "" bg_video_ogg_src= "" bg_video_webm_src= "" overlay_color= "" overlay_blend_mode= "normal" animate_overlay= "none" link_overlay= "" vertical_align= "none" sticky= "0" offset= '{"d":"0px 0px"}' column_parallax= "0" column_width= '{"d":100,"l":100,"t":100,"m":100}' column_mobile_spacing= "0" image_hover_effect= "none" column_hover_effect= "none" hover_box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" overflow= "" col_id= "" column_class= "" top_divider= "none" top_divider_height= '{"d":"100","m":"0"}' top_divider_color= "#ffffff" flip_top_divider= "0" top_divider_zindex= "9999" bottom_divider= "none" bottom_divider_height= '{"d":"100","m":"0"}' bottom_divider_color= "#ffffff" flip_bottom_divider= "0" bottom_divider_zindex= "9999" left_divider= "none" left_divider_width= '{"d":"50","m":"0"}' left_divider_color= "#ffffff" invert_left_divider= "0" left_divider_zindex= "9999" right_divider= "none" right_divider_width= '{"d":"50","m":"0"}' right_divider_color= "#ffffff" invert_right_divider= "0" right_divider_zindex= "9999" z_index= "0" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" layout= "1/1" key= "B1h_gjxT_"][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "By-pxix6O"]

[/tatsu_text][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rkr1eFbau"]

Perchè sono importanti le estensioni di Google Chrome?

Come web designer o sviluppatore web, le estensioni Chrome dimostrano di essere uno strumento prezioso per voi in termini di usabilità. Viene fornito con centinaia di estensioni che possono essere utilizzate per vari scopi di progettazione e sviluppo.

Le estensioni Chrome sono semplicemente programmi che possono essere aggiunti al tuo browser per cambiare la sua funzionalità e godere di una migliore esperienza utente specifica per le tue esigenze personalizzate. Ecco solo alcuni dei modi in cui un'estensione del browser Chrome può essere utile:

[/tatsu_text][tatsu_lists style= "icon" circled= "0" icon_bg= "" icon_color= '{"id":"palette:0","color":"rgba(125,65,245,1)"}' timeline= "0" timeline_color= "" list_item_margin= '{"d":"12"}' vertical_alignment= "center" custom_border= "0" border= '{"d":"0"}' border_color= "" border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' outer_border= '{"d":"0px 0px 0px 0px"}' outer_border_color= "" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "r1NwQZixaO"][tatsu_list icon= "icon-icon_pushpin" circled= "0" icon_bg= "" icon_color= "" border_color= "" margin= '{"d":""}' border_style= "solid" border= '{"d":"0px 0px 0px 0px"}' outer_border_color= "" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rywmWse6_"]

Rimozione degli annunci indesiderati dalla visualizzazione

[/tatsu_list][tatsu_list icon= "icon-icon_pushpin_alt" circled= "0" icon_bg= "" icon_color= "" border_color= "" margin= '{"d":""}' border_style= "solid" border= '{"d":"0px 0px 0px 0px"}' outer_border_color= "" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rygPmZox6d"]

Bloccare il feed dei social media sul tuo account da piattaforme come Facebook

[/tatsu_list][tatsu_list icon= "icon-icon_pushpin" circled= "0" icon_bg= "" icon_color= "" border_color= "" margin= '{"d":""}' border_style= "solid" border= '{"d":"0px 0px 0px 0px"}' outer_border_color= "" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SJbDQZoe6d"]

Gestione delle password

Copiare il testo da una fonte

Fare screenshot

Registrazione di video del tuo schermo

[/tatsu_list][/tatsu_lists][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SyY1Xjep_"]

Qui ti stiamo dando le migliori 16 estensioni Chrome per web designer che ti aiuteranno ad essere più organizzato, risparmiare tempo ed essere più produttivo!

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.1.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4387" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://www.colorzilla.com/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "SJiIVoe6O"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "BJ_WXKZT_"]

ColorZilla

[/tatsu_text][tatsu_animated_heading text= "1. ColorZilla" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SyM9NogpO"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SyVa4jeaO"]

Se sei un web designer o un grafico, questo è uno strumento molto importante per te. Ti può aiutare con qualsiasi compito relativo al colore - sia di base che avanzato. Con ColorZilla puoi ottenere una lettura del colore da qualsiasi punto del tuo browser, regolare rapidamente questo colore e incollarlo in un altro programma.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.2-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021.png" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4389" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://www.fonts.ninja/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "rk7ersepu"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "BJar7Ybad"]

FontsNinja

[/tatsu_text][tatsu_animated_heading text= "2. FontsNinja" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SkzwSig6_"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "HkEOBoe6O"]

Un'estensione gratuita per il browser che aiuta i web designer e i professionisti UX a identificare i font da qualsiasi sito web e ad accelerare il loro flusso di lavoro di progettazione! Puoi anche provare i font e sperimentarli prima di comprarli.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.3.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4391" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "" new_tab= "0" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' key= "SyZKHjeaO"][/tatsu_image][tatsu_animated_heading text= "3. Notepad" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SyDgIox6d"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "B1DZ8sg6d"]

Fa quello che dice, letteralmente! È un'estensione di Google Chrome ridicolmente semplice, gratuita ma efficace, che ti aiuta a prendere appunti rapidamente e facilmente. Nessun bisogno di login. Non c'è bisogno di salvare file extra sul tuo sistema. Accedi senza problemi con un solo clic!

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.4.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4393" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://www.grammarly.com/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "By8GIolp_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "HJuOQtZau"]

Grammarly

[/tatsu_text][tatsu_animated_heading text= "4. Grammarly" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "HJdP8seaO"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "BkT_LjgTu"]

Una app di scrittura altamente gratuita, estensione di Chrome raccomandata per tutti! Web designer, sviluppatori, blogger... tutti beneficiano di questo strumento. Puoi iniziare con la loro versione gratuita e vedere come Grammarly ti aiuta a scrivere senza errori.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.5.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4395" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://getcssscan.com/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "BJGcUslp_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "Sk2qQK-T_"]

CSS Scan

[/tatsu_text][tatsu_animated_heading text= "5. CSS Scan" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "ByLpIjxT_"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "BkKT8oxau"]

E se vi dicessi che non dovrete mai più aprire "Inspect Element" per controllare il CSS di qualsiasi elemento sul web? Bene, il CSS Scan può farlo per voi con un solo clic.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.6.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4397" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://www.whatruns.com/" new_tab= "0" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "SkZQwje6O"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "H15mNtZ6u"]

WhatRuns

[/tatsu_text][tatsu_animated_heading text= "6. WhatRuns" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "Skr7vilTu"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "HkYXPiead"]

Un'estensione gratuita per il browser che ti aiuta a identificare le tecnologie utilizzate su qualsiasi sito web con un clic di un pulsante. Scopri tutto su un sito web: Frameworks, strumenti di analisi, plugin WordPress, fonts - e così via.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.7.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4399" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "HyktPjla_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rkzK4F-6O"]

Lighthouse

[/tatsu_text][tatsu_animated_heading text= "7. Lighthouse" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SyNtvseau"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rkwtvsl6_"]

Migliora la qualità della tua pagina con Lighthouse. Potete eseguirlo contro la vostra pagina web e ottenere gli audit per le prestazioni, l'accessibilità, le applicazioni web progressive, il SEO e altro ancora.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.8.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4401" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://error404.atomseo.com/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "r1ZldoeT_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "Bk9A4KWp_"]

Broken Link Checker

[/tatsu_text][tatsu_animated_heading text= "8. Broken Link Checker" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "S1KgdsxaO"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "Bk2x_ieTu"]

Se hai dei link rotti sul tuo sito web, perdi immediatamente dei punti nell'esperienza dell'utente. Broken Link Checker è uno strumento online gratuito basato sul web per controllare la salute del tuo sito. Esamina il sito web, la pagina o il dominio di qualsiasi tipo. Come risultato, è possibile ottenere l'elenco completo dei link rotti o morti (errori 404) tra cui ancore, immagini, link css e java.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.9.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4403" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://chrome.google.com/webstore/detail/wpsniffer-wordpress-theme/kihhefcbenhkjgjhchanjfhhflaojldn?hl=en-US" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "S1OYdjxpO"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "HkZvHYZTd"]

WP Sniffer

[/tatsu_text][tatsu_animated_heading text= "9. WP Sniffer" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "ByycOsla_"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "ByGc_slTu"]

Un'estensione cool che rileva facilmente il tema attivo di WordPress in uso sul sito web WordPress corrente. Due parole: semplice e utile.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.10.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4405" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://chrome.google.com/webstore/detail/ux-check/giekhiebdpmljgchjojblnekkcgpdobp" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "ry_LKjg6_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rkh48KWTu"]

UX Check

[/tatsu_text][tatsu_animated_heading text= "10. UX Check" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SJzvYil6_"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SySDFje6d"]

Se sei un professionista UX, conosci l'importanza della valutazione euristica e UX Check può aiutare in questo. Si tratta di un'estensione di Chrome che ti aiuta a identificare i problemi di usabilità attraverso una valutazione euristica.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.11.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021.png" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4407" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "http://yslow.org/" new_tab= "0" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "B1gkcoea_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "H1T3LFZad"]

YSlow

[/tatsu_text][tatsu_animated_heading text= "11. YSlow" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rJBkcigau"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "r1uy9jepO"]

YSlow analizza le pagine web e il motivo per cui sono lente in base alle regole di Yahoo! per siti web ad alte prestazioni. Migliora le prestazioni del tuo sito web con questa estensione.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.12.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021.png" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4409" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://chrome.google.com/webstore/detail/css-shack/geiccgjkigajaicecnhdokggninehdlp" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "B1k5qilT_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rJ2bvYZpO"]

CSS Shack

[/tatsu_text][tatsu_animated_heading text= "12. CSS Shack" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "HJQ59jxpu"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rJD99ig6O"]

CSS-Shack è un'applicazione web e desktop, che ti permette di creare stili a strati (proprio come faresti in qualsiasi altro software di editing delle immagini), ed esportarli in un unico file CSS.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.13.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4410" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "HkHXiog6_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SyMBwYW6d"]

Web Developer Checklist

[/tatsu_text][tatsu_animated_heading text= "13. Web Developer Checklist" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SyumsoxT_"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SJimool6d"]

La Web Developer Checklist analizza qualsiasi pagina web alla ricerca di violazioni delle migliori pratiche. Questa estensione aiuta gli sviluppatori web a scoprire facilmente le aree problematiche nei siti web.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.14.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4412" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://www.welldonecode.com/perfectpixel/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "B1Z9ojeaO"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SkrKwtZ6d"]

PerfectPixel

[/tatsu_text][tatsu_animated_heading text= "14. PerfectPixel" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "H1HcosepO"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "HkWjoiea_"]

Questa estensione aiuta a sviluppare i tuoi siti web con una precisione perfetta al pixel! PerfectPixel permette agli sviluppatori e ai progettisti di markup di mettere un'immagine semi-trasparente sopra l'HTML sviluppato ed eseguire un confronto perfetto al pixel tra di loro.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.15.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4414" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://www.loom.com/" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0px 0px 0px 0px"}' key= "H1ebhig6u"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "HJ6TDKWpu"]

Loom

[/tatsu_text][tatsu_animated_heading text= "15. Loom" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "ByEW2se6_"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "S1vb3sx6u"]

Loom è un grande strumento che rende molto più facile comunicare con il tuo team, così come con i clienti. Ti aiuta a registrare messaggi video del tuo schermo, cam, o entrambi, che puoi immediatamente condividere e guardare ovunque. Uno strumento indispensabile non solo per i web designer, ma per tutte le imprese online.

[/tatsu_text][tatsu_image image= "https://irbox.it/wp-content/uploads/2021/07/17.16.-Le_16_estensioni_Chrome_per_web_designers_a_cui_non_puoi_rinunciare_nel_2021-Copertina-post.jpg" image_varying_size_src= "" alignment= "center" border_width= "0" border_color= "" id= "4417" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "0" link= "https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj" new_tab= "1" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":"0 0 0px 0"}' key= "ryVDhjxa_"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "ryLGuYbTu"]

Nimbus

[/tatsu_text][tatsu_animated_heading text= "16. Nimbus" tag_to_use= "h3" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rJ_D3sepO"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rkswnjeTd"]

Un altro strumento per risparmiare tempo per i web designer e gli sviluppatori. Mostra ai tuoi clienti (o al tuo team) esattamente quello che stai vedendo con screencast registrati, video e screenshot che possono essere annotati e condivisi istantaneamente. Aggiungi questa estensione al tuo browser gratuitamente ora!

LEGGI QUI IL MIO ARTICOLO: Come si applica l’empatia nel web design

Queste erano alcune tra le migliori estensioni di Chrome che un web designer deve avere!

Ci siamo persi qualcuna delle tue estensioni di Chrome preferite che ha reso la tua vita di web designer più facile?

Come sempre apprezzo il tuo feedback, lasciaci il tuo commento sull’articolo qui sotto

Un saluto

Irina

[/tatsu_text][/tatsu_column][/tatsu_row][/tatsu_section]

Perchè sono importanti le estensioni di Google Chrome?

Leave a Reply Cancel reply