Arte y Arquitectura
Web Designer

Web Designer No. 281

Web Designer is the premier magazine for aspiring online creatives and industry professionals. The monthly title offers cutting-edge practical projects spanning XHTML, CSS, Flash and WordPress as well as hosting features and interviews with the web community’s most influential people. Each issue also has a dedicated Industry section covering news and views from the trade, website showcases featuring the finest design talent. Web Designer: Defining the Internet through beautiful design… Please note: Digital versions of the magazines do not include the covermount items or supplements that you would find on printed editions.

United Kingdom
Future Publishing Ltd
Leer Más

En este número

2 min.
welcome to the issue

Be friends with Google Search is what Google is best known for, but it has so many more strings to its bow. Chrome is one, now being the most popular browser in the world with around 60 percent market share. But there is still so much more on offer for developers and designers. In our latest lead feature we take a closer look at Chrome DevTools and how they can help you tweak and create better performing code, and find out how you can use Material Design to build smart, uniform design patterns. We take a peek at how PWAs and AMPs are good news for mobile, but also work well with desktop. Plus, there is a comprehensive list of the best YouTube channels that you need to watch, essential resources…

2 min.
this issue’s panel of experts

Tam Hanna Tam is a seasoned pro developer and works across a host of platforms and programming languages. In this issue he takes a closer look at Google and some of the tools they offer including Chrome DevTools, Material Design and PWAs. Plus, he reveals an essential collection of must-know resources. Page 46 “The renderer picks up these changes and applies them to the DOM on the fly. This is especially useful when trying to optimise colours or placement issues” Daniel Crisp Daniel is a senior frontend developer at a startup in London’s Canary Wharf. In this issue he takes a look at Angular’s built-in internationalisation tools and shows you how to use them in your projects. Page 80 Mark Shufflebottom Mark is a professor of Interaction Design. In this issue Mark is exploring creating glitch…

2 min.
are you ready for global ecommerce?

Selling online is more important than ever to any business who wants to be truly successful. Big business typically has big backing, but smaller companies and individuals may not be so lucky. So Ecommerce provides the perfect path to the marketplace. There are a host of providers on the market that allow those who want to start selling online a very low cost entry point.Shopify (www.shopify.co.uk) is a popular provider. For just $29 a month (at the time of writing) users get an online store with unlimited products and 24/7 support. If you are just starting out and only have a few products to promote Big Cartel (www.bigcartel.com) may be a great starting place. Five products are free and 25 products are just $9.99 a month. There are plenty of…

1 min.
sites of the month

01. Mistretta Coiffure mistretta.ch/en Liquid effects and transitions enchant the viewer into staying on the site. 02. EASY TIGER FILMS easytigerfilms.fr/en Simple but effective video transitions and animated text effects. 03. Multistampa multistampa.com Discover colourful floating 3D objects that follow the cursor. 04. Coda – Deadly spiral bit.ly/2JiG0F8 Neat animations, impressive illustrations and video enhance the story. Graphics Acapulco bit.ly/2yzIkTV Photos, Photoshop or both. Beautiful imagery from the talented Paloma Rincón. Colour picker Babo Hey https://bit.ly/2Rgw3e6 Typesetter Quiche Sans bit.ly/2CFu8f0 A high contrast, sans serif typeface with monoline stroke endings. WordPress GenesisExpo genesisexpo.webgeniuslab.net Running a conference or festival? This multi-design theme offers style.…

3 min.
variable fonts: times are changing

While we have had web font support for around a decade, web designers and developers were unable to apply all but the most basic typographic principles to online content. But the times are changing and with them the emergence of the variable font format. What are variable fonts? “A variable font is a single font that acts as many” says VariableFonts.io editor John Hudson. But what does it mean in practice? As you know, a font family can have a lot of variations; a font can be thin or bold, narrow or wide, and so on. Regular web fonts store all these variations in separate files. In variable fonts all the variations are stored in a single file. Each character has only one outline and the connector points of this…

1 min.
top 5 codepens

my universe codepen.io/kakaxi0618/pen/JmLpYj Changing colours and glowing connected stars mesmerise the user. Be sure to check the code to see how it was built. Untitled codepen.io/Alca/pen/wPNaoQ Repeating, hypnotising, expanding animated 3D shapes work with only a few lines of CSS and JavaScript code. Infinite Grid codepen.io/radixzz/pen/eRJKXy An infinite grid of images that constantly repeats as the user drags them left, right and up and down. We’re Getting Close codepen.io/lannymcnie/pen/YJXOVO An animated canvas sees constantly refreshing bubbles eventually reveal hidden text. Click for colour changes. Helix CSS Loader codepen.io/jerrylow/pen/OBBWez Very much what it says on the tin. An animated helix loader that continually rotates and made with 99 percent CSS.…