Be friends with Google

Web Designer - - Welcome -

Search is what Google is best known for, but it has so many more strings to its bow. Chrome is one, now be­ing the most pop­u­lar browser in the world with around 60 per­cent mar­ket share. But there is still so much more on of­fer for de­vel­op­ers and de­sign­ers. In our lat­est lead fea­ture we take a closer look at Chrome Dev­tools and how they can help you tweak and cre­ate bet­ter per­form­ing code, and find out how you can use Ma­te­rial De­sign to build smart, uni­form de­sign pat­terns. We take a peek at how PWAS and AMPS are good news for mo­bile, but also work well with desk­top. Plus, there is a com­pre­hen­sive list of the best Youtube chan­nels that you need to watch, es­sen­tial re­sources and a se­lec­tion of Github repos­i­to­ries that en­able you to get closer to the code that Google are cre­at­ing.

If web an­i­ma­tion is your thing, then you know that GSAP — aka Greensock — is an in­dus­try-stan­dard tool for dy­namic de­signs. Find out how to cre­ate tweens, use time­lines for com­plex an­i­ma­tions and in­tro­duce con­trol over an­i­ma­tions. Plus, dis­cover what call­backs are, how to in­te­grate with Three.js to cre­ate even more im­pres­sive an­i­ma­tions and dis­cover a col­lec­tion of plug­ins to add more power and poise to the an­i­ma­tion plat­form.

Else­where we have a col­lec­tion of in-depth tu­to­ri­als to help cre­ate the el­e­ments you want in your de­signs. Start by learn­ing how to add con­tem­po­rary glitch ef­fects to text and im­ages with just the power of CSS.

Chrome lets you edit most at­tributes on the fly. Dou­ble-click any of the black texts to trans­form the la­bel into an ed­i­tor

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.