Tech & Gaming

net July 2017

Get net digital magazine subscription today for pages of tutorials covering topics such as CSS, PHP, Flash, JavaScript, HTML5 and web graphics written by many of the world’s most respected web designers and creative design agencies. Interviews, features and pro tips also offer advice on SEO, social media marketing, web hosting, the cloud, mobile development and apps, making it the essential guide for practical web design.

United Kingdom
Future Publishing Ltd
Back issues only
Read More
13 Issues

in this issue

2 min.
editor’s note

We came across Matej Latin’s Better Web Typography email course a few months ago and instantly fell in love with the idea that web designers and developers should be paying more attention to the art of web typography. Matej argues that web design is 95 per cent typography, and he brilliantly explains why in this month’s cover feature. Matej’s Ten Rules for Better Web Typography is an essential list for every web developer concerned with making standout websites. Dive in to the feature to discover how to shape your paragraphs and pick the perfect font, when less is sometimes more, and why you should be using ligatures. Head to page 60 right now to find out how you can help build a better web. This month’s second feature looks at the service…

4 min.

Send your questions to netmag@futurenet.com THIS MONTH FEATURING... THOMAS PARK An expert on web development, interface design and user research, Thomas works in human-computer interaction and computing education at Drexel University in Philadelphia. w:thomaspark.co t:@thomashpark CHRIS THELWELL Chris is a design leader in the UK and Australia specialising in disrupting markets, creating innovative products and building design teams. w:christhelwell.com t:@christhelwell QUESTION OF THE MONTH Will CSS Grid degrade gracefully in older browsers that don’t fully support it? Stephen M, Liverpool, UK Squaring up CSS Grid enables you to lay out page items in rows and columns As hyped as we are that CSS Grid has landed, only one third of browsers currently support it. Neither Internet Explorer or Edge follow the current specification, and you only have to go back a release or two on other browsers such as Firefox, Chrome and Safari to…

1 min.
3 simple steps

Gary Cooper, Cheshire CT: Prototyping is perhaps one of the most important parts of the design process. With prototyping we can test ideas with users, we can be wrong, we can learn, but most importantly of all we can do this quickly But choosing the right tool can make or break the outcome. Be sure to ask yourself these three questions: WHAT DO YOU WANT TO LEARN? Want to test if you have the flow through a process right? Look at tools like InVision or Marvel. Want to know if users can complete an online form usefully? You’ll need tools like Axure or a real coded prototype. WHAT RESOURCES DO YOU HAVE? If time’s short, explore quick paper prototypes (you can use InVision or Marvel to turn these into clickable prototypes). Have a bigger team,…

1 min.
from our timeline

Commercial awareness: why is client asking for a particular feature/ process/change? Not just graduates, though! @RichardCarter People straight from school/university treat work like doing an exam - i.e. abc problem has xyz answer, and asking for the answer. @_LeonBrown People skills. Selfmotivation. Not asking enough questions. Asking too many questions. General office behaviour. @nonswearyphil Solid research skills, including data analysis. @WorldofKnight Listening and observation, collaboration (not just graduates though), empathy (again, not just graduates). @antz29 Humility, wisdom, and patience. @bmeeks24 Knowledge of vulnerabilities and associated mitigations. @JezD7588 Humility, drive and empathy. @Benjieboo Trust in their ability to make decisions. @Candorem…

1 min.
cool stuff we learned this month

INCLUSIVE COMPONENTS DESIGN Accessibility expert Heydon Pickering breaks down the principles of inclusive design and applies them to different website components, making the information available for your particular situation. He describes the site as, “a blog trying to be a pattern library,” with each post proposing a more robust and accessible version of the component under scrutiny. inclusive-components.design LEARN CSS GRID No doubt learning CSS Grid is somewhere on your to-do list. To get you started, Jen Simmons has compiled this list of the best resources on the web for doing that, kicking off with the excellent work of Rachel Andrew, which includes screencasts and a website full of examples. jensimmons.com/post/feb-27-2017/learn-css-grid THE HISTORY OF THE WEB If you feel nostalgic for the early days of the web, you can indulge yourself and learn some interesting…

2 min.

INFO job: UI Engineer, Lystable w:alexpate.uk t: @alexjpate SIDE PROJECT OF THE MONTH net: Tell us what JuniorJobs is. AP: JuniorJobs is a curated list of entry-level jobs in UK tech and design. That’s it. There are no crazy search options and no logins – it’s just a list. net: What inspired this project? AP: I’ve always wanted to build some sort of job board, mostly inspired by my experience of being a recent graduate and looking for a job. But the project also started before I had graduated, with a website that I started with a few course mates. We built a site where students could find internships, which worked pretty well. However, starting a new project of that size when you also have final-year project deadlines isn’t the best idea! JuniorJobs is a way stripped back…