Rss Bot

It's been a good year for Serif, the company behind vector graphics editor Affinity Designer and image-editing app Affinity Photo. Not only was Affinity Photo on iPad recently crowned Apple's app of the year, but it's also made significant progress on its highly anticipated desktop publishing app, Affinity Publisher. Teased in a witty video posted on its Twitter and Facebook pages, the clip gives a glimpse of an early alpha build of Affinity Publisher. This comes in advance of a public beta due in the summer of 2018. Check it out below. It might have been a long time coming (Affinity thanks its users for their patience), but for fans of the platform that doesn't tie you down to subscription deals *cough* Adobe *cough*, it's sure to be worth the wait. Related articles: Affinity Photo and Affinity Designer v1.6 released Affinity launches free trial on Windows Affinity Photo brings professional photo editing to iPad View the full article

On paper, having your artwork go viral online seems like the express ticket to success. If a piece of art gets shared by popular news outlets and social media pages, that means the creator is set to be inundated with 'likes' and new fans clamouring to buy their work, right? Not quite. While viral art, by its nature, can garner a lot of attention, the journey to fame and its rewards are not as straightforward as it seems. In a similar way to how sharing timely and talented fan art can get you paid, an image that goes viral can make artists money. But talking about the finances is tricky at the best of times. Chuck internet stardom into the mix and it becomes even more difficult to untangle exactly how much cash the phenomenon of your art going viral brings in. To clear things up, illustrator Lucy Bellwood broke down the numbers behind her Art of the Sailor artwork, above, in a recent blog post. The illustration, which details the different types of tattoos that sailors wear and explains what they mean, has enjoyed viral success and gone on to earn Bellwood $1,761.50 at the time of writing the blog. However, the image's timeline can be traced back all the way to February 2013. The initial commission takes off It was back in 2013, thanks to an introduction from fellow cartoonist Tony Cliff, that Bellwood landed a commission to do an illustration for the Vancouver Maritime Museum. The museum was running an exhibit on the history of tattoos and scrimshaw, and needed a poster that showed off some of the most popular choices. Bellwood jumped at the opportunity. "I was just starting out in 2013, didn't know the first thing about contracts, and was happy just to work on a project that reflected my personal passions and gave me a relevant platform," Bellwood tells Creative Bloq. I think you can still behave ethically and considerately even if you don't have a contract. Lucy Bellwood At this point she had no idea how popular the illustration would become, so she just quoted her hourly rate of $35, did the work across five and a half hours, and filed an invoice for the job. This also meant that she didn't specify purchasing rights, which could complicate things if she wanted to sell reproductions of the image later down the line. And selling prints is exactly what Bellwood did over the next two years. Thanks to a tour of the exhibition in 2014, the sailor tattoo poster started to get interest from curators at other maritime museums. This meant that she had to sort out who owned what if she wanted to capitalise on the illustration. Bellwood has a fascination for all things nautical (click the arrows icon to enlarge this image) "Since we had no written agreement I retained all the rights to my illustration, but it's complex: I collaborated with a designer! Technically we both own a slice of that image. "Everyone was amenable to the idea of producing posters to sell, so I was able to go ahead with the plan. I think you can still behave ethically and considerately even if you don't have a contract." Having a contract is the biggest lesson Bellwood has learned from the whole experience. Although considering that cultural institutions like regional maritime museums work with a small budget, she says she might have been tempted to waive the fee on this occasion. "I don't think it hurts to pay it forward," she says. "I don't carry some huge grudge about having "missed out" on remuneration from those exhibits." However, the poster's growing popularity did prompt Bellwood's parents to suggest that she should've demanded more for her services. "I'm not one to disagree when people want to pay me more money," she jokes, "But I also think context is important. After all, it's been four years. Of course I charge more now. I'm a more skilful artist than I was in 2013, and I'm also far more savvy about business than I was back then. The challenge of being a freelancer is being responsible for your own raises." Making money from going viral Between 2014 and 2017, Bellwood sold the original illustration of the sailor to a fan for $125 and paid Twin Ravens Press to produce 100 letterpress prints of the poster. These were originally offered up as rewards for a Kickstarter pledge for funding a book of her Baggywrinkles maritime comic series, but they were also taken to conventions. At $40, they proved to be out of a lot of shoppers' price range, although they did manage to bring in an extra $480. The tattoo poster was offered as a reward for a Baggywrinkles Kickstarter From here she went on to produce regular laser print posters and distributed print-on-demand versions from her site with the help of INPRNT. Thanks to INPRNT taking a substantial cut of each sale, these only brought in $10 profit. During this time the poster appeared on military and naval social media pages and racked up an impressive number of reactions and comments. Frustratingly though, appearing on social media pages didn't contribute hugely to sales, but in 2017 an appearance on Boing Boing meant things started to take off. With roughly 10 million page views per month, the feature on Boing Boing led other sites such as My Modern Met to also publish the poster. This in turn led to more sites and pages running the illustration, culminating in the likes of George Takei and Chris Hadfield posting it on their social media and web pages. Not only that, but thanks to Boing Boing carefully providing links to both the letterpress poster and the print-on-demand version in Bellwood's shop, a sizeable chunk of the artwork's overall profit of $1,761.50, specifically $814, came from that story about it. Building relationships At the end of November 2017, the rush of interest in the illustration started to taper off, but Bellwood found a second wind (or was it a third or fourth wind?) by writing about her viral experience on her Patreon page. Thanks to its transparency, the post was met with an enthusiastic reaction from other artists and illustrators. Attention is an opportunity, not a concluded transaction. Lucy Bellwood "The creative economy I'm a part of depends on human connection," says Bellwood, talking about why the post went down so well. "An image divorced from context may have the power to capture people's interest, but a contextualised human being has the power to create a bond. "I'm not in the business of trying to turbo-maximise the number of eyeballs on my work (although it's always a neat thing when it happens). I'm in the business of building relationships." Bellwood has had a handful of experiences of going viral Bellwood is keen to remind other artists that building a relationship relies on their own efforts, as well as hoping for positive feedback from going viral. "Attention is an opportunity, not a concluded transaction. It's the opening of a door. It's up to you to welcome people at the doorway and usher them through to being invested in your work and who you are. "So much of visibility on the web is unpredictable, but there are some basic best practices that will serve you well with any kind of attention: List your full name and contact info prominently on your website. Link to your store prominently on your website. (Same goes for whatever you'd most like people to know about or support, no more than three things. Patreon? Kickstarter? Mailing list?) Make it as easy as possible for people to get to you, learn about what you do, and give you money from any platform you use on the web: this means keeping info updated on social media, personal pages, and everything in-between." Yet despite her brushes with viral fame, Bellwood doesn't consider herself a 'viral artist'. "My stock in trade doesn't rest on regularly having my work reach a wide swath of the internet," she reveals. "I've had maybe three or four instances of this kind of attention, and every time it evokes a sort of bemused surprise. I find myself saying 'Well, this is interesting!' a lot, and then moving on, because my primary effort is focused on connecting with the people who follow me, which means writing about my experiences and welcoming people into my process. "I think folks who consistently 'go viral' are often working on a much more reliable release schedule, both in timing and format. It’s a question of content, but also of consistency." To find out more about Lucy Bellwood and support her work, visit her site, follow her on Twitter and Instagram, and head over to her Patreon. Buy The Art of the Sailor letterpress print here, or as giclée art prints here. Related articles: 28 inspiring examples of vintage posters How to draw and paint - 100 pro tips and tutorials How to improve your character art View the full article

Today's the day Mac enthusiasts have been waiting for: Apple has released its fastest and most powerful product ever – the iMac Pro. Re-engineered from the ground up, the iMac Pro boasts a staggering spec list, packing workstation-class parts into its iconic iMac all-in-one design. First announced at Apple's Worldwide Developer Conference back in June 2017, this iMac Pro has been a long time coming. As we saw yesterday in T3's interview with Phil Schiller, Apple has been focusing on making sure the release is perfect. iMac Pro: price With a price tag starting at $4,999/ £4,899, we're expecting great things. Keep in mind that this hefty price bags you the most basic iMac Pro, which comes with an 8-core Intel Xeon processor, 32GB of RAM and 1TB of storage. If you've got the budget to scale things up, you can grab the top-spec iMac Pro for £12,279. For your money you'll get a whopping 18-core Intel Xeon processor, 128GB of RAM and 4TB of SSD storage. Xeon processors One of the biggest lures for designers though will be the Xeon processors. Thanks to their sturdy and reliable nature, Xeon chips have the benefit of providing larger caches, meaning that designers working with large Photoshop files will experience a superior performance. Backed up with error-correcting code RAM, creatives will also be able to put the iMac Pro through its paces without having to worry about errors that could result in a loss of data. A new thermal design is also integrated into the build, allowing the iMac Pro to increase its cooling capacity by 80%. No need to worry about overheating when you're waiting for a monstrous render to complete. Amazingly, Apple has delivered this beefed up device in a slim-line monitor with the same 27-inch display used on previous standard Mac desktops. The main visible difference will be that the exterior of the iMac Pro will be decked out in the same Space Gray colour used across Apple's iPads and MacBook Pros. Stunning 5K display When it comes to making art, designers will be able to see their work on screens with the 5K resolution they're familiar with using on existing Macs. However the iMac Pro screens are also 43% brighter and deliver an output of up to one billion colours. On top of this, the iMac Pro looks set to be a useful platform for VFX artists when it comes to creating content for VR platforms. This is down to Oculus and HTC both now supporting Macs on their headsets. If there's one complaint we've seen with the iMac Pro (apart from some baulking at the cost) it's that there's no Touch Bar integration. But if this is at the cost of the station's formidable power, we think it's a fair trade off. Related articles: The best MacBook deals for Christmas 2017 Why designers should reject Apple’s love of minimalism 10 tips for mastering Apple's Photos app View the full article

Let’s face it, if you’re an illustrator, graphic designer or a web designer, you’re unlikely to become the next David Bailey. But feeling confident enough to photograph your print projects or product designs to a standard that will do them justice in your portfolio, or to photograph things while out and about to add to your collection of assets, is a skill that many creatives could benefit from. Enter the Manual Photography Cheat Sheet – Reloaded, an infographic from The London School of Photography designed to help novice photographers to explore the settings in their DSLR’s manual settings with confidence. So if you’ve always wondered what aperture means or how to stop your photos appearing grainy, scroll down to see the full infographic, and check out the useful tips shared. “The Manual Photography Cheat Sheet – Reloaded is a clean-cut, visual way of showing you how to step up your photography game from automatic to manual shooting,” says Antonio Leanza, owner of The London School of Photography. “Not only does shooting in manual mode enable you to produce sharp, well composed imagery – but you’ll also gain a stronger understanding of the inner workings of your camera.” To shoot star trails like this, manual settings are essential With the best cameras for creatives all offering manual control options, it’s worth exploring what these features can do. If you’ve ever wanted to take a mesmerising photo of star trails, for example, the infographic points out that a long exposure – achieved through the right balance of ISO, shutter speed and aperture, plus a tripod – is essential. “By shooting in manual mode you have full control of your shutter speed, ISO and aperture, amongst an array of other settings that can further fine-tune your images. By manually controlling aperture for example can help you achieve those beautifully aligned portraits with blurred or bokeh backgrounds. It’s also highly useful for changing shutter speeds, enabling you to achieve those fast moving subjects like cars or cyclists in crystal clear motion without sacrificing quality.” Just like design, there are some key rules to remember with photography The infographic also shares some tips of a more creative nature, such as a brief explanation of using the rule of thirds and shooting in the ‘golden hour’ – the minutes just after dawn or just before sunset, where the natural lighting is a flattering warm hue. With the festive break approaching quickly, why not try out some of these tips to elevate your photography as we head into 2018? Remember to click the icon in the top right of the infographic to see the full-size version. Click the icon in the top right of the infographic to see the full-size version Related articles: 15 inspiring photographers to follow on Instagram Build your first in-house photo studio The best laptop deals for Christmas 2017 View the full article

Web developers are the people who keep the gears turning behind the scenes on all of your favourite applications and sites. It's a career that rewards structure as much as it does creativity, and you can join the ranks with the help of the Ultimate Front End Developer Bundle on sale now for just $39 (approx. £29). The Ultimate Front End Developer Bundle is the perfect starting place for any aspiring developer. This collection of eight expert-taught courses can help anyone, even an amateur, learn how to code using the most important languages in web development, from JavaScript to HTML5 and CSS3. As you work your way through this collection of eight expert-taught courses, you'll start to bring your dream designs to life. You can get the Ultimate Front End Developer Bundle on sale for just $39 (approx. £29), which is 96% off the full retail price. That’s a massive saving on a bundle that could help you launch a new career, so grab this deal today. About Creative Bloq deals This great deal comes courtesy of the Creative Bloq Deals store – a creative marketplace that's dedicated to ensuring you save money on the items that improve your design life. We all like a special offer or two, particularly with creative tools and design assets often being eye-wateringly expensive. That's why the Creative Bloq Deals store is committed to bringing you useful deals, freebies and giveaways on design assets (logos, templates, icons, fonts, vectors and more), tutorials, e-learning, inspirational items, hardware and more. Every day of the working week we feature a new offer, freebie or contest – if you miss one, you can easily find past deals posts on the Deals Staff author page or Offer tag page. Plus, you can get in touch with any feedback at: deals@creativebloq.com. Check out these other amazing deals: The best laptop deals for Christmas 2017 The best iPad deals for Christmas 2017 The best Wacom tablet deals for Christmas 2017 View the full article

While many of us seek out the newest and shiniest tools, methods, and processes to build more successful websites, apps, products and services, we often overlook one of the oldest, leanest, most effective tools out there: the structurally sound story. The better the story, the more likely you are to want to use a product, continue to use it, pay to use it, and recommend it to others. In her Generate New York talk Story First: Crafting Products That Engage, Donna Lichaw will be on hand to explain how she helps organisations define and refine their value proposition, transform their thinking, and better engage with their core customers. Read our quick-fire Q&A from issue 282 of net magazine to find out more. Tell us a bit about what you do... Donna Lichaw: I help businesses and nonprofits better engage their audience with websites, software, apps and services. For example, I will help you figure out how to get more people to use your app, or how to encourage more people to buy something. In your book, The User’s Journey, you describe a story-first approach. In a nutshell, what is this? DL: If you’re building successful businesses, your job is to move people to action. You need to get them excited about your product or service, get them to want to do something, help them through a path, and then make sure they see value in engaging with your brand. Before I worked in tech, I was a filmmaker and had lots of practice doing all these things. Developing a successful product is much like developing a successful story for a film. It all starts with a fairly simple story structure. Without it, you’re launching best guesses. What inspired you to develop this approach? DL: After many years working on digital products, I started to see the most successful were those that had a solid story at their foundation. The rest did not. A few years ago, I was helping a startup revive a failing product, and I started to wonder if the story was inherent to successful products or something that could be engineered – just like a movie. Once we started to approach product development like film development, we were able to quickly and easily reimagine the product into something that is now very successful. Donna Lichaw's The User's Journey is an invaluable guide for anyone who wants to build a better product or design a better experience How did you end up moving into tech? DL: I actually started working in tech at the same time I started making films. In college, I made films in school and worked as a multimedia designer, project manager and information architect the rest of the time. Early on it seemed like my work in tech was like a 2D version of my 3D work in film, but as tech got more sophisticated, the two became more similar. As the industry became concerned with user research and approaching design problems as human problems, my work in tech started to resemble my work making documentaries. I did qualitative and quantitative research to help uncover and solve problems, and then architected solutions that had to not just work, but be engaging. You do a lot of speaking at events. What do you think is key to a great conference presentation? DL: A story! When I was working with that fledgling startup a few years ago, I started teaching a class that had a lot of contact hours. I was afraid my students would lose interest or not retain what they learned. I read some books about presentation design and they all preached the importance of having a solid story structure at the core of your presentation. This was around the time I started asking myself if everything needed a story in order to engage an audience. I wove story structure into my classes, the product for the startup, my talks and workshops. What I’ve found is that if you want to engage your audience, you need to make each person feel like a hero. The best way to do that? Craft a story, call them to action, take them on a journey, provide value, and help them see what they can do next. What are you working on at the moment? DL: I just finished up the first part of a really fun project for the nonprofit that maintains Central Park in New York City. We set out to answer why people use the park, why they donate to the conservancy, and how to get more of those people to donate. The answers are the foundation for a digital strategy that will guide website and product development for the next year. Other than that, I’m working on one of the coolest projects I’ve ever worked on: we have a new baby at home. That will be my top project for the next couple of months at least. Tickets for Generate New York 2018 are out now Donna Lichaw will be one of the speakers at our web design event, Generate New York, on 25-27 April 2018. You can view the full star-studded lineup, and book your tickets now, at generateconf.com. Related articles: 7 killer ways to influence user behaviour 10 steps to an engaging user experience 11 huge web design trends for 2018 View the full article

You're reading Best Tools for Web Designers to Use in 2018, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! The design world moves fast and there’s always new tools coming out. To stay ahead of the game requires an ear to the ground at all times. I’ve been keeping an eye on the design space this year and put together my top picks for the best design tools for 2018. Some of these tools […] View the full article

No matter what you’re working on, how you apply textures to your model will make the difference between a final project that’s outstanding or just mediocre. There’s no point putting hours into producing a fantastic sculpt only to let it down with some subpar texturing, so we’ve collected advice from concept artist Daniel Hahn and character artist Jakub Chechelski on advancing your technique to help you produce realistic, compelling texturing effects in Substance Painter. For more great tips on Substance Painter, check out our event Vertex, where founder and CEO at Allegorithmic Sébastien Deguy will be giving an insightful talk! 01. Create a texture library Daniel Hahn: "If I don’t want to go through the whole process of creating UV maps for my robots I usually render the models out in three to four different material passes for the same perspective. This way I can decide really late in Photoshop where to put which materials. "The Photoshop layer masks come in handy in that process. I have a designated folder for my textures, where I have dirt stains, oil leaks, rust textures and logos. The best thing is to have them ready as PNGs with no backgrounds so you can throw them on quickly." 02. Consider the lighting Jakub Chechelski: "Be aware of the lighting that you use in Substance Painter during texturing. Every environment will make your colour look different, because of the source of the light. The safest bet is to use one of the studio light environments, as the light is white." Witcher Hunter – Real-time render by Jakub Chechelski 03. Keep your workflow non-destructive Jakub Chechelski: "Probably the best way to texture in Substance Painter is by using Fill layers, instead of general layers. You can choose your fill colour (e.g. red), mask it and paint your mask. That gives you the ability to change the hue of your fill to a darker, lighter or completely different colour." 04. Start early with dirt and decals Daniel Hahn: "Get textures, decals, labels and logos in place early on, as this way you can get an impression of the big picture along the concepting process. It’s important not to lose the overall concept idea when it comes to the details. I try to do this in 2D as well as in 3D. ZBrush has a great way of Polypainting along the concepting process. In 2D, just be sure to only flatten the logo layers when you are sure you want to mirror the concept, otherwise you end up with flipped texts. I usually want to have the possibility to decide very late whether I flip the image or not." 05. Smart masks and generators Jakub Chechelski: "These two are a great addition to Substance Painter, as they enable you to create a really interesting look within seconds. Keep in mind that it is always a good idea to break them up even more: add another paint layer over your generator/mask and paint out details in some places, break the opacity!" 06. Create a strong base Jakub Chechelski: "I always try to create a base for every material that looks interesting. Firstly, you can always reuse it and secondly, it makes material look realistic. Instead of making your leather pure black, give it a few extra layers with different shades of black, purple and dark red. The same thing applies to the roughness channel; just make sure not to overdo it – the last thing you want is to make your character look like a Christmas tree." DTNR Blackops by Daniel Hahn 07. Make use of UV Maps Daniel Hahn: "Substance Painter is a good choice as a 3D texturing tool when you want to show a character in more than one view or scene. Uncharted 4 from Naughty Dog and Robo Recall from Epic Games were mainly textured using Substance Painter – it works for real-time rendered gaming characters and for ray-traced ones alike. The crucial thing to do is to create a solid and clean UV map of your character. As I model in ZBrush, the tool to do that is the UV Master in the plug-ins section. With a nice UV map, Substance Painter’s smart materials can create edge damages and great wear effects." 08. Think through your wear and tear Jakub Chechelski: "This is where you have to think about how your character will move, which part of their clothing/armour is going to touch and wear off, and what parts are prone to damage. Just because the shoes look muddy or dirty, this doesn’t mean that you need to add mud on the face. "The same thing applies to damage; if your character has a shield, it is most likely going to be worn and scratched, but the same thing doesn’t apply to his belts." Get your ticket to Vertex 2018 now! For more insight into the future of CG and Substance Painter and Substance Designer, don't miss Allegorithmic founder and CEO Dr Sébastien Deguy at Vertex, our debut event for the CG community. Book your ticket now at vertexconf.com, where you can find out more about the other amazing speakers, workshops, recruitment fair, networking event, expo and more. Related articles: Scott Ross to talk at Vertex! Why Vertex is a must for CG artists The ethics of Digital Humans View the full article

New research shows how an old vulnerability called ROBOT can be exploited using an adaptive chosen-ciphertext attack to reveal the plaintext for a given TLS session. View the full article

With Christmas just around the corner, creatives across the world are busy designing their Christmas cards. We’ve already brought you a host of helpful festive resources – from free Christmas vectors to the best Christmas deals on laptops – but there are other methods, too. Here, London-based designer Freddie Made walks through how to use Adobe Stock and InDesign CC to craft a unique Christmas card creations this year. He’s creating a snowman-inspired scene, but you can use the skills here to bring your own designs to life. You can pick up Adobe Creative Cloud here now, if you need it. And to follow the tutorial, you can either watch the video – or walk through the written steps below. Enjoy! 01. Choose the background Hit the top-right icon to expand the image Search Adobe Stock using the Libraries tool in Photoshop CC. Look for an image of snow or another festive backdrop that could work for your card. Tip! The latest updates on Adobe Stock enable you to save a preview and use a watermarked version. That means you don’t have to commit to buying until you know it’s right. 02. Add detail to the background Hit the top-right icon to expand the image Next, search Adobe Stock for a ‘Snowy Forest’. You’ll find a broad range of options. Pick your favourite and simply add your chosen image to your composition. Open Blending Options in the Layers panel. Set the Blend mode to Darken, and merge the snow seamlessly over the forest layer behind it. You can also use the Eraser tool, with a Low Hardness setting, to neaten up the edge. Next, find an image of falling snow and paste this over your two-image composition. You will then need to move this layer to the background by simply applying a Clipping Mask to the layer, matching it to the forest image. Set the mode to Screen Blend to remove all the darkness from the layer, and you’re left with snow falling seamlessly into the forest. 03. Add a puddle Hit the top-right icon to expand the image To add a puddle to the foreground, search for one in Adobe Stock and place it within your collage. Use the Magic Wand tool and select the white area around the edge. Now go to Select > Similar to, and click on any other white areas within the layer. Next, go to Select > Inverse, and finally add a layer mask to remove all the white areas completely. Now select Opacity, adjust the setting to 60% and change the saturation to -30 using the Saturation tool to blend the colours nicely into the snow. 04. Add pebbles and a carrot Hit the top-right icon to expand the image Once you’ve found a black pebble in Adobe Stock that could work for the snowman’s eyes, mask it using Quick Mask mode - click on Edit - in the toolbox. Then, select the Paint Brush tool, set the hardness high and paint over the pebble. Click edit in Quick Mask again to make the selection, and then select the Layer Mask tool to remove the rest of the image. Now repeat this step with a carrot. Next, click on the pebble, press Alt/Opt and drag it to duplicate a second eye. With the carrot and pebbles masked, add a Drop Shadow with opacity set to 30%, distance to 4, speed to 1 and size to 2. 05. Use Visual Search in Adobe Stock Hit the top-right icon to expand the image Now we want to find a rabbit. This is a good time to try using Adobe Stock’s Visual Search tool. Select the first rabbit image you like, drag it into the search engine and you will find similar images in depth and tone. Select your perfect bunny and drop it into your composition. Repeat this step to find a hairdryer. 06. Add the rabbit and hairdryer Hit the top-right icon to expand the image Once you’ve selected your rabbit and hairdryer, place them into your composition and flip horizontally using the Edit > Transform tool. Set the Blend Mode to a dark colour to remove the white background and, if needed, remove any objects from the rabbit’s paw using the Eraser tool. Next, add the hairdryer, again using the darker colour blend mode. Flip it horizontally and place it in the rabbit’s paw. Adjust the colour using the Saturation tool to match the orange of the carrot. 07. Extend the cord Hit the top-right icon to expand the image To add a cord to the hairdryer, draw a horizontal line with a brush stroke of 3px. Then transform the path using the Warp tool followed by the Arc preset. Now rotate it, and place at the end of the existing cord. 08. Licensing images within Photoshop Hit the top-right icon to expand the image Once you’ve decided you’re happy with your chosen Stock images, go to your Library menu and right-click to license each image. Photoshop will automatically save over the watermarked previews with the high-res image. Save your PSD file. 09. Open the image with InDesign Hit the top-right icon to expand the image Open a new InDesign document to make the card template. To do this, go to File > New document. Choose the size of your document, set the number of pages to two, select facing pages and an orientation landscape. Now add two columns with a gutter of 0.4mm and all margins set to 0.4mm. Click File > Place and select your PSD file to place it on the front page of your card. 10. Personalise your card Hit the top-right icon to expand the image Finish your festive card by adding a personalised message. Once you’re done, click Save and your card is now ready to print. You can now use these skills to design your own, unique Christmas cards. Related articles: The best laptops for graphic design 2017 Adobe Stock improves visual search 20 tools to make you more creative in 2018 View the full article

The wait is almost over – Apple's eagerly anticipated ‘workstation-class’ iMac Pro is due to launch on 14 December. Pushing further into pro territory than any device before it, the iMac Pro has been completely re-engineered to feature an Intel Xeon processor – and the firm claims it will be Apple's most powerful product yet. The new iMac Pro is great news for video editors, in particular. Shipping with the robust W-series 8, 10 or 18-core Xeon processor (rather than the Core i5 and Core i7 chips in current iMacs), it promises better performance when working with complex data – be that 4K video, 3D or huge Photoshop files. Get Adobe Creative Cloud nowThis won’t come cheap, of course. In June, Apple said that prices will start at $4,999. Dan Grabham, editor of our sister site T3, caught up with Apple's senior vice president Phil Schiller to learn more about the exciting release. Read an extract below where he talks about the development of the iMac Pro... So, iMac Pro. Obviously there’s a new Mac Pro on the horizon. I wondered if you could give me some insight into why you’re doing that now? Phil Schiller: First of all, we care deeply about our Pro customers. Always have, always will. We love that so much is created on Mac. One of the things we’ve learned over the last few years is the depth of love and loyalty for Mac OS by our Pro customers. And Pro is a very large term. It encompasses many different people with different needs. It's probably one of the biggest groups of software developers, creating apps for iOS or web Unix-based software. It’s really popular on the Mac. It's video editing, it's music creators, it's photographers, designers, graphic designers. It's architects, it's scientists, it's professors at university. So Pro is a very large category of customers that have different needs. What we find is, across all of our Mac products, we have a lot of pros on MacBook Pro; we have a lot of pros on iMac; and we have pros on Mac Pro. And so, a number of years ago, when we talked about where we need to move all our products forward for pros, we knew that there was an iMac need there. Inside, the iMac Pro really is a different computer, says Apple's Phil Schiller It’s fairly large, and previously what we’ve always done is to create and push the boundaries a little bit on the configuration of your iMac. You could get a little faster processor, more storage, that sort of thing. And that’s worked well up to now. This time, we decided to push it further. We asked our engineering teams, 'Can you make an iMac Pro that’s truly designed for pros?' Inside it really is a different computer. Its incredible display, its beautiful design that floats above the desktop, and its compactness, and all the things we love about iMac. It’s almost like another line, the iMac Pro. We invested in creating this additional thing that pushes iMac further up north into pro territory than anything we’ve ever done in an all-in-one desktop, because the customers are already there. Why now? This is how long it’s taken. It was a big, big project, and that’s just how things go. It takes this time. And we’re getting close to when it’s out there. It’s very soon. A matter of days now. And like all of our products, we have a lot of thoughts and feelings about it, but the truth will be: what do customers tell us? I can’t wait. They’re using it. They’re applying it and telling us what things it’s best at, and where they get the most value from it. And we’re all going to learn together once it’s out there. It’s going to be the fastest Mac we’ve ever made. Phil Schiller, Apple This is always the most exciting moment. It truly is. A whole new product. Nobody’s used it yet in the real world, and they’re about to, and what are we all going to learn? That’s probably one of the most fun moments in any product launch that we have. And it’s going to be the fastest Mac we’ve ever made. And that’s really cool, too, because our customers never cease to be amazed with the incredible things they can use these products for if you just give them the tools they need – and speed is among the list of tools they need. How does Apple as a company think about the iPad Pro and the Mac now – do you think about them as complementary? Or is the iPad Pro a replacement product? Phil Schiller: What we’ve learned, truthfully, is that it’s both, and that depends on the user. For some people, iPad Pro is a replacement for their computer. Not that you throw away your computer. People don’t often do that. But in that it becomes your primary computing device. The way you mostly hear about this is when people say, "I use a computer at my desk or I use a Notebook at my desk, but when I travel, I travel just with my iPad Pro. It is so great in that situation." Or you’ll hear a customer say, "I spend more time with my iPad Pro because the tasks I use it more for are the things I spend the most time in" – whether it’s surfing the web, looking through photos of your photo library, checking and triaging your email quickly. So for those customers, the iPad has become their primary device. But they don’t think of it in their brains as competing with their previous computer. It’s just the computer they spend the most time with. And then there are other customers who augment their computer experience. They use their computer a lot, but they also use an iPad for a task that it is clearly far better for than their computer. I think that people love to watch movies and TV shows on their iPad more than they do on a computer. People like to read on their iPad better than on their computer. There are certainly going to be customers that choose that this is their next computer purchase in their life. They don’t even like to call it a computer. It’s just: “I want to get an iPad, and I’m going to do more things on it. I still have a computer.” It’s almost like they’re making a distinction between the two, even though the uses are overlapping, and one is replacing the other frequently. It’s an interesting thing. The words are important. People don’t necessarily like the word 'replace' when they’re making these choices. But in reality, they are spending more time on it. And what about Apple Pencil? PS: Pencil, after AirPods, maybe be the second product that I hear customers say is their new favourite Apple thing – the iPad’s Pencil. Because again, it’s such a simple device. A simple, solid, clear, very focused purpose, and yet, the technology behind that is incredibly advanced, and it enables artists to draw, paint, do whatever they want for creation, and we’ve just seen a tremendous response to that from designers who work with it. And also, I’m seeing more and more professionals and university students use it for note-taking and annotating documents, whatever, and really enjoying that experience. Now, is that a replacement for a computer? Is that an augmentation? I don’t know. Let them use whatever words they want. But they just like using it a lot. And so I think it’s not complete to talk about iPad Pro without also talking about Pencil. Related articles: The best MacBook deals for Christmas 2017 10 tips for mastering Apple's Photos app What if Apple made a Surface Book? View the full article

CSS Grid Layout was launched into browsers in March 2017 and, at the time of writing, well over 70 per cent of the visitors to most sites will have Grid support. That figure is rapidly growing, and stands to improve as Edge ships its updated support. I hope that you've already had a chance to explore some of the features of CSS Grid Layout. This article will take a look at some of the features you might have missed. I'll also take a look at a few things that might be coming in future levels of the specification. 01. The minmax() function Unlike other layout methods, where we need to set sizing on the item itself, in Grid Layout we set sizing at a container level. We define tracks, which create grid cells, into which content can be placed. In order to do this in a flexible way, allowing for content that might be smaller or larger than the design expected, Grid brings new features to CSS. One of these is the minmax() function. This function means that you can specify a minimum and a maximum size for a track. In the example below, I have a neat panel with a heading in the top-left and a large image on the right. I want the top row to be a minimum of 150 pixels tall, no matter how many rows the heading or any other content might need. However, if there are more lines of content or the text size is larger, I want that box to grow bigger than 150 pixels. This is where I use minmax(), setting a minimum size of 150 pixels and a maximum of auto. By setting a minimum height on a row, we create neatly sized rows in our design, even with shorter content The minmax() function with a maximum of auto means that content does not overflow if there is more than expected By using minmax(), if we just have the heading in that box, the box is taller than the space required. If we have a longer heading and additional text, it expands to make room. 02. Auto-fill and auto-fit Flexbox enables many responsive design patterns without us needing to lean on Media Queries. Grid goes a step further though, enabling flexible design patterns with items lined up in two dimensions: by row and by column. A useful pattern is to be able to have as many columns as will fit into a container, and to do this we use two new keywords: auto-fill and auto-fit. To have as many 200 pixel column tracks as will fit into a container use a track listing of: To make those columns flexible but keeping a 200-pixel minimum, bring in the minmax() function that I described in the previous tip. We can create columns that are at least 200 pixels with a maximum of 1fr. After working out how many 200-pixel columns will fit, the browser assigns leftover space equally between our columns. This image demonstrates the difference between auto-fill with fixed-size columns and auto-fill using minmax() to create flexibly sized columns I've been using the auto-fill keyword here; this will maintain space for tracks even if there is no content for them. If instead you use auto-fit, any completely empty tracks will be collapsed and their space assigned to the other tracks. 03. Dense packing mode When you declare display: grid on an element, all of the direct children become grid items, and the items will start to automatically lay themselves out on that grid. This happens based on the auto-placement rules that are defined in the specification. If some of your items span tracks, and this means that there are items that won't fit in an available track, they will create a new row on the grid. By default, Grid progresses forwards and displays your items in the order that they appear in the source. However, if you set the value of grid-auto-flow to dense, Grid will start to backtrack after leaving these gaps. If it finds an item that will fit into a gap already left, it will pick it up and place it out of source order, into the gap. The auto-placement rules will keep grid items in source order by default; this may lead to gaps in the layout Using grid-auto-flow with a value of dense turns on the dense packing mode, which can backfill gaps in the layout This behaviour is useful if the items you are displaying don't have a logical order, however, you could easily make a layout very difficult for someone navigating using the keyboard if they are tabbing from item to item. Use this feature with great care and testing! 04. Magic lines and magic areas When you use the Grid Template Areas method of laying out content, you create a named area on your grid. This in turn creates a set of named lines for rows and columns that use the area name with -start and -end appended. In this next example, I have used the named lines created by positioning my grid areas to position an overlay. This works in reverse when you use named grid lines. If you name lines ending with -start and -end for columns and rows, you will create a named area of the main name used. An area defined by the lines content-start and content-end for rows and columns, would have the name content. You could place an item into that area with grid-area: content. The overlay has been positioned on top of the grid areas by using named lines created from the area name 05. Default alignment When an item becomes a grid item, the default behaviour is to stretch over its grid area; that is unless the item is something with an intrinsic aspect ratio. If the item has an aspect ratio, it will align to the start line in both the row and column direction. This means that Grid won't stretch your images out of proportion by default, although you can of course do so if you want to by changing the alignment behaviour. 06. Fallbacks Written into the CSS Grid specification are the details of how CSS Grid Layout overrides other layout methods. If you have an item that is floated, uses display: table or display: inline block and then becomes a grid item, the specification explains what will happen. In short, when an item becomes a grid item, you will find: If it is floated, or uses the clear property, these properties will cease to affect the item. If it has display: inline-block or uses a table property such as display: table-cell these no longer apply. In the case of table properties, anonymous boxes that are generated when using display: table-cell without a parent table are no longer created. vertical-align no longer applies. I created a cheatsheet that details these overrides with examples. You can find that on my site. While relying on this overriding behaviour will work in many cases, you need to take care with widths set on items that later become grid items. In previous layout methods, we control the width of an item on the item. With Grid, we place the item into a grid cell that constrains it. This means that if you have an item with a percentage width set, that width will resolve to a percentage of the grid area once the item becomes a grid item. The solution for this is another CSS specification: Feature Queries. We can use a Feature Query to test for Grid Layout support. If the browser supports Grid, I set the width to auto. 07. Sizing with min-content and max-content The CSS Intrinsic & Extrinsic Sizing Module Level 3 specification defines additional keywords for sizing. These keywords include min-content and max-content, which can be used to define sizing in your grid tracks. As a very simple example, I have created a two-column track grid. One column is defined as min-content size, the second column max-content. The first track is only as big as required to display a single word of the content – this is the minimum size that this track can be. The second expands to allow the whole row to display, which you might find cause overflows that you need to manage and deal with. The min-content column is as wide as needed to display one word; the max-content column expands in order to fit the sentence Level 2 features The Grid specification is now at Candidate Recommendation status, which means that we hope to not make any major changes to the spec; instead, it moves on to a phase where we look for at least two implementations of each feature. This ensures that the specification makes sense and can be implemented by browsers. Things are still happening for Grid, however, and in the rest of this article we will look at a recent change to the Level 1 specification and a couple of things that we might have to look forward to in Level 2. 08. Gaps are changing The grid-gap shorthand, plus the longhand grid-column-gap and grid-row-gap properties were changed during the August 2017 CSS Working Group meeting to become gap, column-gap and row-gap. They have also been moved to have their definitions in the Box Alignment specification. This is the specification that took the nice alignment features from Flexbox and expanded out so they could also be used in Grid – and potentially other layout methods too. Putting the gap features into the Box Alignment specification and naming them in a more generic way means that they can be used in other layout types where they make sense. The obvious place where they make sense is in Flexbox. This renaming means we'll ultimately get proper gaps in Flexbox; no more messing around with margins. Browsers will alias the old names to the new ones, so if you have already used gaps in Grid Layout that code won't break. However, you might like to also add both properties yourself; browsers ignore the one they don't support. 09. Grid isn't Masonry When people first see the dense packing mode that I demonstrated earlier in this article, they often think that Grid can do the Masonry layout pattern. Masonry, however, is a completely different type of layout. A standard Masonry layout isn't a strict grid, making this pattern sit somewhere between what Flexbox is good at and what Grid does. At the CSS Working Group, however, we are thinking about this issue. It's something that we know developers really want to be able to do. You can find the discussion in the CSS WG drafts repository over on GitHub, and even add your thoughts too. 10. Grid Area pseudo-elements Another common feature request for Grid Layout is the ability to style the grid cells or areas, without needing to insert an element to style. Currently, to add borders to an area you would need to add an empty element to your markup or use generated content to create a grid item that can be styled. There is an issue raised in relation to considering adding some kind of pseudo-element for grid areas. This would consequently give you something to target if you wanted to add backgrounds or borders to a particular area without adding some extra markup or using generated content. This article originally appeared in issue 298 of net magazine, the magazine for professional web designers and developers – offering the latest new web trends, technologies and techniques. Buy issue 298 here or subscribe to net here. Liked this? Read these! Create a responsive layout with CSS Grid Get up to speed with CSS Grid A guide to writing better CSS View the full article

Great ideas don't always come to you when it's convenient. Sometimes you have to go out of your way to capture those moments of brilliance, and Storyist makes it easy to do just that. Grab Storyist, a word processor that is easy to use on desktop or mobile, on sale now for just $19 (approx. £14)! Storyist is a do-it-all writing platform that isn't limited by what operating system you use it on. Whether you're sitting at your desk or in a seat on the bus, you can pull up Storyist and get to work on whatever has sparked your creativity. It's a fully-featured word processor that comes complete with templates to help you put together your writing process, whether you're crafting a novel, screenplay, or just typing out some notes that you want to remember. You can get Storyist on sale right now for just $19 (approx. £14). That's a saving of 67% off the retail price for an app that will help you bring your writing to life no matter where you are, so grab this deal today! Creative Bloq deals This great deal comes courtesy of the Creative Bloq Deals store – a creative marketplace that's dedicated to ensuring you save money on the items that improve your design life. We all like a special offer or two, particularly with creative tools and design assets often being eye-wateringly expensive. That's why the Creative Bloq Deals store is committed to bringing you useful deals, freebies and giveaways on design assets (logos, templates, icons, fonts, vectors and more), tutorials, e-learning, inspirational items, hardware and more. Every day of the working week we feature a new offer, freebie or contest – if you miss one, you can easily find past deals posts on the Deals Staff author page or Offer tag page. Plus, you can get in touch with any feedback at: deals@creativebloq.com. Related articles: The best drawing tablets The best laptop deals for Christmas 2017 The best 4K monitors for designers 2017 View the full article

It's near-impossible to escape the fact that Star Wars - The Last Jedi is nearly with us. However, it would be a very different film if the original Star Wars had stayed loyal to earlier drafts of George Lucas' script, and to Ralph McQuarrie's beautiful concept art. Review: The Art of Star Wars: The Force AwakensEarly versions of the Star Wars script featured such crazy notions as a Han Solo with green skin and gills, stormtroopers with lightsabers and, instead of Luke Skywalker, a heroine called Luka Starkiller. Imagine that! A long time ago, in a galaxy far, far away... Thankfully you don't have to imagine it any longer; well, except for the green Han Solo. You'll have to carry on imagining that, but as for the rest you're in luck. Students at the DAVE School decided to bring an earlier version of Star Wars to life, and they've made a properly amazing concept trailer for The Star Wars, as the film was originally called. Stormtroopers with lightsabers. What is the world coming to? Based on McQuarrie's art and an earlier script than the one that was used, it's an impressive piece of work that'll be familiar to you in many ways, and jarringly weird in plenty of other ways. C-3PO and R2-D2 are there, sort of, there's a Darth Vader, X-Wings, TIE Fighters and a Death Star, but there's also lots that didn't make the final cut. This scene looks familiar, only, you know, not quite So here there's a bearded, lightsaber-wielding Han Solo, a pointy-eared, monkey-like Chewbacca, and yes, instead of Luke Skywalker we have Luka Starkiller who, we reckon, bears more than a little resemblance to Rey from the more recent Star Wars canon. Bearded Han definitely shoots first It's a short but sweet piece of work with incredible attention to detail, with plenty of shots that are painstaking recreations of Ralph McQuarrie's concept art; let's just hope no-one gets carried away and tries to get a full-length version made, because we can guarantee it would be terrible. He looks a bit weird, but this is still clearly Darth Vader You can find out more about the DAVE School here. Star Wars: The Last Jedi opens at midnight tonight. Related articles: Star Wars artist on how to land that dream job How to illustrate a Star Wars-inspired environment New Star Wars movie poster suggests there will be blood View the full article

For some lucky creative agencies the days of dull and drab cubicle spaces are long gone, with employers realising that inspiring surroundings can have a direct effect on their employees' creativity. They don't have to be located in famous buildings – a tranquil setting, games area, or amazing design office mural can all help to stir the creative juices. Here we showcase 12 awesome design offices, which have been developed to accommodate all the creative needs of an artistic workforce. Why would anyone consider working from home when they could be grafting in one of these? 01. Neo-Pangea Neo-Pangea's design office is housed in a former bank building Neo-Pangea’s sprawling studio is located several stones’ throws outside of Reading, Pennsylvania, in a renovated former bank building. An open, communal workspace is kitted out with custom-built desks made from steel and aged walnut planks, and the studio's data server is housed securely in what used to be the bank vault, complete with a lead-lined door. "At Neo-Pangea, we believe that there’s always room for whimsy," says 'Lord High Vocabumancer' Jay Tremblay. "Visitors can find eclectic curios plucked from different eras of history hidden around every corner of the studio, just begging to be discovered." 02. The Barbarian Group A sinuous mega-desk seats the entire team The Barbarian Group's motto is, 'It’s gonna be awesome', and its design office doesn't disappoint. The studio brings together curious people from a bunch of different disciplines, so the workspace is geared towards collaboration. Architect Clive Wilkinson designed the sinuous, single 4,400 square-foot desk the whole group sits around as one team. "We think of it as an undulating surface of awesomeness that keeps ideas flowing," says chief creative officer Edu Pou. "Some of our best meetings happen beneath the arches of the desk; these nooks really facilitate interaction and creativity. "Working at the Superdesk is a constant reminder that good enough is never good enough. It keeps the tribe happy and inspired everyday. Our office is a piece of art for crying out loud!" 03. Shopify Shopify's Ottawa headquarters is spread over six themed floors When ecommerce software company Shopify moved to a new headquarters in Ottawa, Canada, in 2014, it worked with a leading architecture firm to create an incredible design office. Each of the six floors has a different theme, including Canadiana and streetscapes, and there are plenty of nooks in which to work or put your feet up. Alongside this library on the speakeasy-themed floor, other rooms range from phone booths to Scandinavian sauna-style arenas. Employees can book them using Google Calendar, and reservations show up on iPads outside the door. "As a company looking to change the future of commerce, we hold onto historical mementos like old-fashioned cash registers to remind us how far we’ve come, and how far we have to go," says marketing manager Courtney Symons. "And just like at home, we can wear moccasins to replace our snowy winter boots when we settle in during the long Canadian winters." 04. Airbnb Anyone is free to work in the open spaces dotted around Airbnb's design office Most of the design team at Airbnb is based in this vibrant studio in San Francisco. "We work in what are essentially neighbourhoods built around large ‘project rooms’ that are modular spaces with displays, whiteboards, pinboards and tall tables," says vice president of design Alex Schleifer. "Everyone is free to pick up and work in the many open spaces distributed around the office. People are also free to change spaces by decorating them." 05. ICRAVE, NYC ICRAVE has an office space that we seriously crave ourselves. Image via Design MilkAward-winning New York City-based design and branding firm ICRAVE combines minimalist aspects into its amazing offices. With areas designed to mimic hotel lobbies and the reception doubling up as a DJ booth, there are some seriously fun aspects to this interior. The 8,000-square-foot space on Madison Square Park boasts flexible workspaces to encourage employee interaction and collaboration. Teamed with wooden decoration and cute chalkboards, it's an office we'd love to work in. 06. Google, Zurich Google employees relax with a little sportGoogle offices really are incredible places, so you won't be surprised to find more than one included in this list. But our favourite of all its designs has to be the Zurich offices. How any Google employees get any work done here, we have no idea. There's rooms to play sports, sing and dance, get a massage, an aquarium where employees can relax in a foam-filled bath, a sky lounge, jungle and movie room, slides, fireman's poles and much, much more. But we also love the different themed Gondolas dotted around, which serve as meeting rooms. Amazing. The Google Zurich offices have various different themed Gondolas, including these fake ski cabin designs07. BICOM Communications Montreal designer Jean de Lessard filled the BICOM offices with all sorts of stylish goodiesMontreal designer Jean de Lessard was recently commissioned to transform the offices of Canadian PR agency BICOM Communications into an area that inspires its employees and drives creativity. The result is this wide open space, filled with all sorts of stylish goodies. The main feature of Lessard's design is the house-like pods, included to define work areas and each with their own decor, including fake grass and wood panelling. The company's social areas include some slick furniture as well as its name up in bright lights. BICOM gets its name up in lights...08. Mind Candy The Mind Candy offices feature this wooden treehouse, which doubles as a meeting roomThis plant-infested palace is the office of game company Mind Candy. This is no ordinary workspace; the company's new headquarters is decked out with astroturf carpeting, vines hanging from the ceiling, a wooden treehouse and gingerbread house that double as meeting rooms, bright artwork around every corner, a colouring-in wall and quiet areas that look like hobbit holes. Last but by no means least, there's a helter skelter-style slide to deliver employees from one floor to another. Genius. Who needs stairs when you can take this cool slide between floors?09. Google Japan Gorgeous - but would you want to work here, or would the decor be too distracting?Google Japan's office is adorned with loud patterns and bright colours as well as a few inspirational examples of furniture design. Each team has their own specifically designed area that continues the theme of bold, in-your-face design. Whilst this environment might not be to everyone's taste, it's still a pretty impressive office when it comes to the nine to five. Google Japan's office is adorned with loud patterns and bright colours10. Adobe We love this stunning use of typography for one of Adobe's meeting roomsEarlier this year Rapt Studio gave Adobe's 260,000 square foot campus a brilliantly creative makeover. This exclusive video documents El Mac completing his spray paint mural. It's a one-of-a-kind project that centres the entire building around a piece of street art. In addition to work by El Mac, there's also a mural from tattoo and street artist Mike Giant. The design also features an employee café, full NBA-sized indoor basketball court, a game room named The Bunker, a fully equipped gym, and interactive artwork inspired by Adobe's products. Does your office have a chilled area like this? Ours neither!11. Cartoon Network, Atlanta We wonder how long it took to deck this awesome cubicle out with all those stickers...The Cartoon Network offices in Atlanta still adopt a cubicle system, which, in many circumstances, may not be the most exciting working environment. But this one is anything but dull. While employees may not be able to see each other, instead each individual's workspace is personally customised. Although many follow the theme of children's TV, cubicles can be found full of all sorts, from bright, colourful furniture and cartoon characters to mascots, photos, stickers and magnets. Cartoon Network employees get their own customise designed cubicle workspace12. TBWA, New York The TBWA New York offices has no allocated seating, meaning employees can sit wherever they choose each dayItalian artist, designer and architect Gaetano Pesce was the brains behind this very cool New York office space for ad agency TBWA. The outdoor-inspired design features a huge wide-open floorplan, full basketball court, big-screen TV, a classic London telephone box and even has trees growing inside of the building to give it a fresh feel. With no allocated desk spaces, the TBWA team are also encouraged to change seats each day to encourage impromptu encounters and collaborations. The big, open space is filled with awesome design features, including sculptures and a red telephone box13. Mother London This impressive table accommodates roughly 200 employees, who are required to change seats every six weeksWe have to admit, the studio of London-based ad agency Mother London leaves us with a serious amount of office space envy. Designed by Clive Wilkinson Architects, it'd take us a while to list all the cool features held within these four walls. But our favourites include meeting rooms filled with quirky, one-off pieces of vintage furniture and, probably most impressive of all, the cool 250ft communal concrete table, which accommodates roughly 200 employees. 14. Inventionland, Pittsburgh Inventionland developed 15 different sets for its employees to work in, including this cool race trackInventionland is the design facility of Pittsburgh-based invention promotion firm Davison Design & Development. But more importantly, it has offices unlike any we've ever seen. The 70,000sqft facility was designed with 15 different sets, created by the company itself and built almost entirely in-house. Lucky employees get to work in the awesome surroundings of pirate ships, castles, robots and faux caves among other things. And that's not all, the facility also has a state-of-the-art sound, video and animation studio and fully-equipped workshops for creating working prototypes of inventions. Jealous? We are! Ship Ahoy! Inventionland staff are busy at work on this awesome pirate ship15. Ogilvy & Mather, China This interior design project was the first ever to receive the prestigious China's Most Successful Design AwardWe're loving this carnival-inspired office belonging to international advertising, marketing and public relations agency Ogilvy & Mather in China. Designed by M Moser and Associates, the office was the first interior design project to receive China’s Most Successful Design Award in 2008. The design, titled 'A Carnival of Ideas', incorporates merry-go-round horses, life-sized nutcrackers and lots of other cool amusement park-themed features. The Carnival of Ideas theme runs throughout the building, featuring merry-go-round horses and other amusement park themed attractions16. Pixar, Emeryville Pixar employees don't work in regular office cubicles...An obvious one, we know. But we couldn't do a list of awesome design offices without including animation giant Pixar. It's hard to understand how the staff get any work done here with so many things to play with, but also no wonder they come up with such great ideas in these surroundings. Similar to the guys at the Cartoon Network offices, Pixar adopts a cubicle system, and each is customised to its employee's tastes. But that's not all: Every hallway and communal area is littered with life-size movie characters, space hoppers, scooters... the list goes on. The building even has it's own cereal room! Coco Pops anyone? The busy offices are full of inspiring decor. Are those the wheels of a scooter we can see?Related articles: What do you need to do to become a creative director? Get inspired with these portfolio examples We reveal the best desk exercises View the full article

You're reading New Year Giveaway, Win Designmodo Products Valued at $5485!, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! With 2017 winding down and 2018 right around the corner, we wanted to say thank you for supporting our cause, and appreciate your continued support. We invite you to join our giveaway! This year we launched Startup Framework 2, Slides 3 and updated Qards to 1.5, as well released many beautiful products in the Market, and posted tons of helpful articles. Next year we will launch even more new and exciting stuff. At this special time of year, we give thanks for clients like you who have made our jobs easier and our lives more fulfilling. Thank you for being you. View the full article

Microsoft patched 34 vulnerabilities in all on Tuesday with most of the bugs impacting Microsoft Edge, Microsoft Office and Microsoft’s Scripting Engine. View the full article

A ransomware campaign targeting the Balkans comes with a 96-hour deadline and includes a link to a video that assures victims payments can be made easily. View the full article

From low fidelity to high fidelity, the design world is now filled with prototyping tools. The best prototyping tools help you iterate quickly while preserving design consistency. They become more than just a tool, in fact, but rather a platform for full creativity and experimentation with the entire product team. Today, let’s look at prototyping tools worth considering for your workflow in the coming year. 01. UXPin UXPin is the only end-to-end tool around As the only end-to-end platform currently available, UXPin aims to be the 'one tool to rule them all'. Aside from advanced prototyping, it also supports multiple stages of the design process: prototyping, collaboration, documentation, and developer handoff. It's certainly the most robust in terms of features and capabilities. For prototyping, the tool includes features like responsive breakpoints, animations, advanced interactions, CSS styling, and built-in UI libraries. The most interesting recent feature is design systems. You can import from Sketch or create in UXPin itself, then attach documentation that permanently follows all elements. You’re able to prototype more consistently and standardise documentation with your development team. The tool also integrates with Sketch, Photoshop, Jira, and Slack (although it currently doesn't integrate with Illustrator). While it has a slight learning curve, UXPin is a solid tool not just for multi-device prototyping but larger issues like design workflow, design consistency, and developer handoffs. 02. Webflow Webflow's website management features help it shine Webflow sells itself on being a prototyping tool that doesn’t require code, but most of the software on this list doesn’t either. What really sets it apart is its website management features. Webflow includes a master CMS and hosting features along with design options. For environments where design and site management are one and the same, Webflow offers everything you need in one platform. The tool makes it easy to edit sites while they’re live, via a Photoshop-esque interface. This hosting-prototyping combination without the hassle of coding makes Webflow a great tool for independent and freelance designers whose everyday duties include more than just design. 03. Principle Principle is a solid tool for animation Principle is a prototyping app that specialises in animation. This prototyping tool features a novel timeline editor, similar to Adobe After Effects or the now-deprecated Flash. Actually, it features two timelines, which means you can animate multiple objects on the same page. While Principle’s animation and video benefits are top-notch, other areas are less impressive. Projects that don’t have a lot of 'moving parts' would be better suited to a different tool, but if accurate animations are your top priority, Principle is worth a look. 04. Marvel Marvel's simplified UI makes it good for beginners Looking for design tool that non-designers can use too? Marvel’s niche is that it’s the prototyping software for just about anyone: its highly simplified interface makes it fast and easy to learn. The tool works well for both non-designers and advanced UX folks. Likewise, Marvel has strong integration with Photoshop and Sketch, and it definitely proves useful when importing libraries for use from Sketch. 05. Adobe XD Could Adobe's XD rival Sketch? The latest addition to Adobe’s Creative Cloud suite, Adobe XD is one of the younger entries on this list, having been released in beta in March 2016 and in full in October 2017. Nevertheless, this prototyping tool is Adobe’s attempt to take Sketch’s market; the two programs are already established rivals, with Adobe XD banking on high-fidelity interactions to help it come out on top. XD is mostly self-sufficient, which is a good thing because, as an Adobe product, you’re locked into Adobe plugins. The tool’s greatest limitation so far, however, is the lack of text formatting (underline, capitalisation and so on). Still, we’re looking forward to seeing how this young contender develops in the future against end-to-end platforms. 06. Axure RP Axure has a heavyweight interface for complex interactions The most legacy tool on this list, Axure is known for its complex interactions (at the cost of workflow features like collaboration and developer handoff). It’s definitely one of the most complicated and intricate options around, but if you can overlook a steep learning curve, the functionality (like conditional prototyping) may be worth the extra time required to get to grips with it. Axure RP separates itself from competitors with its complexity. While other prototyping tools try to simplify their interfaces, Axure goes in the opposite direction, offering a heavy interface to cater to designers who want more control (although alienating novices in the process). One of the most divisive prototyping tools on the list, Axure is a love-it-or-hate-it tool. If you want more control and technical details over desktop products, you’ll love it. If you’re looking for a simpler and faster multi-device prototyping, look elsewhere. 07. Framer To use Framer you must first get to grips with CoffeeScript Framer is a speciality prototyping tool for Apple users that requires a strong grasp to unlock its full potential. But once you’ve learned CoffeeScript (Framer’s simplified version of JavaScript), you can manipulate just about any element on the canvas to your liking. Again, this tool isn’t for everyone, but if you’ve been meaning to pick up coding already, Framer could be a good stepping stone. It also integrates with Sketch. 08. Flinto Flinto is designed around its transition options The main strength of Flinto is transitions. Flinto’s entire approach, down to the format of its editor, revolves around transitions. Its Transition Designer view – an alternative of the standard canvas – allows you to manipulate or tweak each transitional element faster and with less effort than the other tools on this list. This makes it ideal for projects where you need to fine-tune the user flow between many pages, with features for controlling transition speed and previews that provide immediate feedback. While Flinto facilitates transitions, other areas might require extra work. For example, animating different areas on the same object with different timing is a no-go. Likewise, creating different states for a single screen requires multiple pages. Small setbacks like this are the cost for increased efficiency in transition editing. Finding the right tool for the job As you may have noticed, each of the above eight design tools has their own unique strengths and specialties. It’s not so much about 'choosing the best' as it is about 'choosing the best for you'. For example, if complex animations are a top priority, Principle might work best. If you don’t have design experience, Marvel seems like a good option. If you only need only one tool from beginning to end, UXPin is the choice for you. So if you want to make 2018 the time when your designs shine, it might be worth trying something new. View the full article

You've got the talent to land a top job in 3D, but so do a lot of people. Sometimes the deciding factor in who gets the most exciting jobs isn't how great your 3D art is, but how good you are at telling people about it. To help you land a dream job in 3D, we grilled the very people who look at your showreel and read your CV/resume to find out what you need to do to make a killer application and get the job of your dreams. Christmas offer: Save up to 47% on a subscription to 3D World 01. Look out for opportunities on LinkedIn When it comes to finding job opportunities, one thing is clear: you need to put a lot of effort into LinkedIn. Framestore, Jellyfish Pictures and Double Negative all mentioned it when asked how to find out about available roles, and Jellyfish said that most of its applications come from LinkedIn. Double Negative told us that despite receiving a large volume of direct applications, it still often needs to approach people via LinkedIn if it is hiring in high numbers, so you need to make sure that your profile is up to date so that recruiters can find you in searches. It's good to state when you're available, too. Studios post vacancies and details of events they are attending on LinkedIn and other social media, so make sure you're following them. It's also worth keeping an eye on sites such as CreativeHeads, AnimatedJobs and CG Meetup. Elf Archer, a project by Milen Piskuliyski, lead texture artist at Framestore Framestore gets just under half of its hires from its online application process, around 20 per cent from referrals, and the rest through either in-person or online networking, so it's vital that you work to expand your network and keep in touch with the people you already know. Studios regularly ask their employees for referrals, so just knowing someone who works at a company you're interested in could get you in the door. Go to the careers fairs and industry events so you can make contact in person, and connect with talent acquisition teams on LinkedIn. 02. Tailor your application There are two key pieces of advice for putting your application together: it should be closely tailored to both the studio and the particular role in question, and you should try to find a way to make yourself stand out. Natalie Tidey, head of talent acquisition at Double Negative, recommends finding out interesting facts about the company you're applying to, including these in your cover letter and explaining why you want to work for that company in particular. This will make you stand out from the rest: "It shows us that you've done your research, and that your application is thoughtful," she says. Staff at work in the AXIS studios For your CV/resume, "clear, concise, focused" is the mantra to keep in mind. Unless you're just starting out, don't put everything you've ever done on there – just include the things that are relevant for this particular job. The recruiter is scanning a lot of CVs for key criteria and they're busy, so help them do their job; let your CV be the one that gives them just what they're looking for. It's time-consuming, but you should even be tailoring your showreel to the company and role. Framestore, for example, specialises mostly in photo-real work, "So a reel full of CG animation and a cover letter that doesn't talk about why you are looking to make the move into more photo-realistic work is unlikely to be successful," says Amy Smith, head of talent, film, at Framestore. 03. Make a great showreel "Generally, when I watch reels, I am very pushed for time – the first 10 seconds counts for a lot!" says Dave Cook, CG supervisor and joint head of 3D at Jellyfish. Get the action underway quickly, put your best and most distinctive work first, and cut ruthlessly to keep the whole thing short; no longer than two minutes. If you still have a lot of work to show, make separate videos that focus on different skills. The structure should also be tailored to the company; if the studio has a specialism, prioritise that work. "If you don't have it, make it," says Mario Aquaro, head of rigging at AXIS. "If you want to work on a specific project style but you don't have any work experience, spend time trying to build a personal project where you can show what you can do. Sometimes, an incomplete work tells more than a final production; it gives the person watching it an idea of your potential and real aspirations." A still from Halo: The Fall of Reach, an animated short produced by The Sequence Group that's part of Halo 5: Guardians The final consideration when selecting work for your reel is to think about how you're going to stand out from all the other applicants whose work is high quality and fitting for the role. "It's worth thinking about the concept of 'flair'." says Smith of Framestore. "We see a lot of reels from certain schools/training programmes that look very, very similar because everyone has worked on the same training pieces. If that is you then it's really worth thinking about how you could personalise these pieces and add your own twist to briefs you are given. "You can also look at working on a personal piece or two outside of school if you feel your reel could do with standing out more." 04. Include a breakdown "Always include a breakdown," says Tidey. "[Do it] either in the reel itself by providing turntables for models and showing the mesh, or layering in the lighting passes; or if this isn't possible, provide an accompanying document describing what you did on the asset or in the shot, and how you achieved it." A still from a short produced by The Sequence Group for Concord Pacific The breakdown is vital for showing your working process, but Cook notes that it is also important to identify which elements of a shot you actually did: "This is especially true if you have shots from big shows that will be on quite a few folks' reels." For models, Cook likes to see a wireframe and even a UV layout; for lighting, a breakdown of passes; for rigging, a good range of motion and demonstration of any animation interface. Aquaro recommends adding space for a text description in which you should explain your role and what you have done, keeping the text short and clear. You can provide a separate breakdown that goes into more detail. 05. Don't stress over music on your reel Music is a debate that comes up a lot, but of the recruiters we spoke to, most said it wasn't a priority. "Don't worry about any clever edits to music," says Smith. "Personally I don't mind whether you have music or not, but I do care if you have made a music video rather than a showcase for your work. If the cuts are too short and snappy because you're trying to work with the music then we can't see what you've done, and that's just frustrating!" Aquaro agreed that it is a secondary concern: "Watching a showreel that is well synchronised with the soundtrack sure is cool, but don't lose sight of your real goal: clearly presenting your work". Jellyfish Picture's art director Ross Burt creating a character for Dennis and Gnasher For The Sequence Group, however, the ability to synchronise your reel with compelling music is a skill it values in itself: "If you can create a pulse to your work and keep us watching beyond the first 20 seconds, that shows us you have talent beyond the content you've created," says Ian Kirby, founder and creative director. When you've made all these tricky judgement calls and put your reel together, get someone else to look at it with fresh eyes for you, and make sure the video itself is easily accessible by putting it on a streaming site such as Vimeo or YouTube. Multiple people from each studio are going to look at it, so it should be easy to share and work on any platform. You should also put a simple title card in the reel with your contact details so it's easy for people to get in touch if they like what they see. 06. Nail the interview If your application and reel have done their job and got you an interview, you'll need to prepare for three key things: talking in detail about your work process, demonstrating that you're a good fit for the company, and asking thoughtful questions. "Really prepare carefully for how you want to present your work to us and what you would like to say about each piece," says Smith. "Interviews in this industry can be very informal, which often catches people out. Informal doesn't mean that you or we shouldn't or don't care! "All it means is that we want you to feel comfortable and not nervous and able to really talk us through the work on your reel; why you approached things the way you did, how you would do something differently next time, how you approached a challenge that came your way, and so on." The Sequence Group discussing work in the video room Tidey recommends finding out what you can about the company's culture and what values are important to them. "At Dneg, we value collaboration, teamwork and initiative, so ensure that you have examples of how you have demonstrated these values in the past." Your company-fit is being assessed as well as your technical and creative skill, so you need to give this some careful consideration. Finally, you should have some questions ready to ask your interviewers: all the recruiters mentioned this, so don't leave it out. "Thoughtful questions demonstrate genuine interest in the company and the person who is interviewing you; perhaps ask them about their own experience at Dneg, and what they like about working at the company," says Tidey. Getting your dream job is about timing, persistence and careful preparation, so spruce up your LinkedIn, follow every company you're interested in on social media, keep in touch with your network, and get out there to attend industry events. Once you have an opportunity in your sights, if you follow the advice we've laid out here and take care to avoid the common blunders, you'll give yourself the best possible chance of achieving your goals. Good luck. This article originally appeared in issue 228 of 3D World, the world's best-selling magazine for CG artists – packed with expert tutorials, inspiration and reviews. Buy issue 228 here or subscribe to 3D World here. Special Christmas offer: Save up to 47% on a subscription to 3D World for you or a friend for Christmas. It's a limited offer, so move quickly... Liked this? Read these: 30 free 3D models How to land your dream job in animation 30 brilliantly creative resumés View the full article

https://thehackernews.com/2017/12/data-breach-password-list.html … View the full article

An instantly recognisable piece of packaging design is one of the most valuable tools at a brand manager's disposal. Whether it's through prominently displaying distinctive logos such as the Nike Swoosh or McDonald's Golden Arches, or by harnessing a brand's colours, packaging helps products to get noticed in a sea of competition. But when a brand is big enough, it can afford to get creative and change its design on occasion, as these five examples reveal. 01. Skittles Give the Rainbow Famed for its spectrum of colours, with a slogan that even reads 'taste the rainbow', Skittles decided to use a monochrome design when it came to celebrating Pride 2016. And it was so successful, the brand repeated this campaign for a whole month for Pride 2017. The thinking behind this colourless design was that there should only be one rainbow when it comes to celebrating gay Pride, so the sweet brand stepped aside and let the parades take centre stage. Clever, eye-catching, and progressive, this is a perfect example of a brand tweaking its existing image to accommodate an event. Other brands take note: this is how you do it. 02. Mars Believe Mars supports football fans with the Belive campaignThe change from Mars to Believe has been an on-and-off campaign since 2006. Designed to support the England football team in the Euro 2016 tournament in France, the latest Believe packaging was supported by a massive media campaign across digital platforms. "Our Mars #Believe campaign recognises the importance of genuine consumer engagement around the tournament matches and this is echoed in each element of our approach – from our limited edition packaging, to our TV creative and digital engagement," says Greg Kent, Mars brand manager. This campaign couldn't stop England crashing out of the competition in a game against Iceland, though. 03. Coca-Cola Share a Coke Share a Coke with this genius campaignThe huge Share a Coke campaign is perhaps one of the most successful product redesigns in branding history. With the Coca-Cola stylings and colourways already immediately recognisable, the soft drinks company decided to focus on a social theme to get its name out there even more. By replacing the title Coca-Cola on one side of the bottle with one of the top 250 names in that particular country (including generic nicknames and titles to ensure that everyone felt included), consumers felt an unparalleled connection with the iconic brand. 04. KitKat YouTube Break Take a YouTube breakIf we were to say "have a break", chances are most of you would immediately respond with a reflex reply of "have a KitKat". However, all that temporarily changed in 2015 as the chocolate finger snack rebranded itself as YouTube Break. Released as part of a limited run across 600,000 bars in the UK, YouTube Break was run as part of a tie-in between Nestle and Google. With Google tending to name its operating systems after sweet snacks, including the Android 4.4 KitKat, the rebrand suddenly makes sense. 05. Beck's Beer Art Pioneering artists get the support they need with Beck'sPopular beverage brand Beck's beer supported artists back in 2012 by showcasing four of the world's top talents on the labels of its 275ml Beck's Pilsner bottles. "We are always looking to support artists who are doing really interesting and ground-breaking work. The work that may go unnoticed at first, but can’t be ignored," said Fabienne Rollot, European marketing director at Beck's. This temporary redesign is one of many initiatives in the beer's long history of supporting creative talent. Through its Arts Label initiative the brand promoted the likes of Tracey Emin, Damien Hirst and Jeff Koons. A Facebook app accompanied the campaign, which allowed users to create their own artwork. Related articles: 40 awesome packaging designs 15 online packaging design resources The designer’s guide to using colour in branding View the full article

There are plenty of amazing design books around, but some of the best lessons can be learned from books that are about a different topic altogether. Recently, GV partner Daniel Burka put out a Tweet asking the hivemind which non-design books had taught them the most about their profession, and the thread proved hugely popular. Designers across the industry, from disciplines ranging from graphic designers to web pros and specialists in UX or UI design, got in on the discussion. We gathered some top designers' picks, and asked them what their choice taught them. 01. Understanding Comics Comic book art has a lot in common with sequential interfaces On the surface, you might not naturally link comic books and websites. But Scott McCloud's Understanding Comics: The Invisible Art has a lot to teach web designers, argues digital product designer Cennydd Bowles "Scott McCloud wasn't writing for designers, of course, but it turns out that understanding sequential art is spookily similar to understanding sequential interfaces," he says. "It's rich with Gestalt theory and the sort of taxonomic thinking that information architects love." 02. Film Music and Everything Else This book helped Brendan Dawes see the world in a new way Experimental designer Brendan Dawes tends to avoid buying the obvious design books. "I think it’s more important to look outside your own field of expertise," he explains. "That’s much more interesting to me." Dawes picked Charles H Bernstein's Film Music and Everything Else, which he first came across in a tiny bookshop in Ojai, California. It piqued his interest as a fan of film music, but it ended up being relevant to his work as a designer. "This book is almost like a mini philosophy manual, talking about creativity in its widest possible sense, helping you look at the world in a different way, which you can then apply in a myriad of ways in your work no matter what that might be," he says. "For me, interaction design is about rhythm and composition as much as film music is." 03. How Buildings Learn How Building's Learn was the book that kicked off the whole discussion Stewart Brand's book on what happens after buildings are built was the book that kicked off the whole thread. It proved popular with respondents, including digital consultant and UX designer Andy Parker. "Reading How Buildings learn is a critical reminder of all the design practices we desperately want to move away from: exhaustive planning, big design up-front, not working with customers, and allowing rockstar egotism to influence direction," he says. "It's a powerful reminder of how costly these methods of design can be." The book is also an important reminder of the effects of designing based purely on aesthetics. "The greatest insight is in how people change the space you design to suit the way they live – not the way you envisaged it. They knock down partitions, repurpose rooms, and relocate entire structures for the house to flow how they want it to," he continues. "There is so much we can learn from architecture and remind ourselves how fortunate we are that what we write today is dead tomorrow and replaceable for free." The book was also turned into a TV show on the BBC, which you can now watch on YouTube. 04. Castle David Macaulay's picture books are popular for professionals in all fields David Macaulay gained fame for explaining how things work via charming illustrations, including architectural picture books examining cathedrals, castles, pyramids and more. Product designer Hannah Donovan picked these as her favourite books about design that's aren't design books. "They not only show the process of making something (in this case constructing a building), but they also present this process in a beautiful way where the reader cannot help but love the processes as much as the product," she comments. 05. Flow Flow has plenty of insights for interaction designers Designer and information architect Doug Somerville picked national best-seller Flow by Mihaly Csíkszentmihályi, which studies the psychology of happiness. "Flow was a great introduction to some the psychology behind cognition, concentration, feedback and motivation," he says. "The ‘state of flow’ (and understanding it or being able to create the conditions for it) presented in the book has so many parallels to interaction design, service design, information architecture, game design and lots of other fields." 06. Different This book explores how to truly break the mould Published in 2010, Different: Escaping the Competitive Herd by Youngme Moon explores how going against the grain – rather than tirelessly competing to be the best at the same things – is the ticket to success. The book had a big impact on product manager and UX designer Clint Gardiner. As well as teaching him to ignore the competition, it also reinforced that innovation can happen through the removal of benefits and functionality. "Not everything that is important can be measured," he explains. "Data and research are only one piece of the puzzle, and never tell us the full story. We need to be careful what conclusions we draw." To see Gardiner's notes on the book, look here. 07. The Power of Habit Insights into human behaviour can be a powerful tool for designers Most designers spend their days crafting things for people to use, so it makes sense that understanding human behaviour would improve your design skills. UX designer Shane Guymon picked The Power of Habit as his top design book that's not about design. "This book does a really good job of providing an understanding for why we do what we do as humans. It helps understand how habits are formed and how to influence habits," he says. "The dangerous aspect of this book is that this understanding can also be used to manipulate people into forming habits that you want them to have, but that they don't inherently want." 08. Creativity Inc. Andy Budd argues that Pixar is the original Silicon Valley tech startup A few years ago, Andy Budd invited Pixar's Michael B Johnson to UX London to share some insights into the process of making movies. "At the time I remember people thinking it was a strange choice. After all, what could UX designers learn from a film company?" he recalls. "Once the talk was over, the answer became clear. Irrespective of the medium, Pixar has built a culture designed around creativity, along with a process that is more akin to a tech startup than a traditional movie studio." Creativity Inc by Ed Catmull – the current president of Pixar and Walt Disney Animation Studios – takes a deep-dive into the company's creative process and culture. "While the medium is vastly different, the leadership lessons Catmull shares are as relevant to our industry as any book on lean product management of digital leadership," continues Budd. "In fact, you could argue that Pixar is the original Silicon Valley tech startup." 09. Thinking in Systems This primer breaks down the challenges of designing systems Digital product designer Cennydd Bowles also opted for Donella H Meadows' Thinking in Systems, a primer on the methodology of systems-based thinking. "Advanced design is largely systems design. "For me, this book was a one-way valve to a new way of seeing," he enthuses. "You learn where interventions can actually make a difference, and where they will be wasted. You start to see the whole world as a network of systems, and roll your eyes at the doomed mistakes you see repeated all around you." 10. The Laws of Simplicity This guide helps you get more from less John Maeda is a professor in MIT's media lab, and this is his second appearance on this list. Maeda's 2006 book The Laws of Simplicity examines how to make things simple without stopping them being useful, and is super-useful for designers of all kinds. It's Doug Somerville's "go-to non-design book for unblocking tricky design problems". "Simplicity is a goal (or principle) for most designers, and Maeda’s book is a concise and precise study on how to achieve it," he says. "Even the structure of it is beautifully simple. It’s an enjoyable quick read and a valuable reference book to keep coming back to for ideas and quotes." Read more: 56 best free fonts for designers 5 must-read books for design students 11 huge web design trends for 2018 View the full article

When you're browsing the web, you can never be too sure about who might be watching, be it your ISP, advertisers, or even the government. One of the best ways to ensure your privacy online is to use the protection of a VPN. And this daily deal means you get two years of protection from Private Internet Access (PIA) on sale now for 63% off the retail price. Whether you're trying to avoid hackers who want to steal your information or your own ISP attempting to gather your browsing data, a VPN is an essential tool for hiding yourself from the prying eyes that are after your data. Public Wi-Fi can be dangerous, but Private Internet Access can make it safe again by providing a encrypted connection that you can connect to at any time, anywhere, on up to five devices at once. It’s an essential tool for remote workers and anyone who wants to keep their information safe while working in public. Two years of protection from Private Internet Access Usually costs $166, but you can get it on sale now for 63% off the retail price. That means you pay just $59.95 (approx. £45). It's a great deal for a necessary piece of protection to stay safe online, so grab it today. About Creative Bloq deals This great deal comes courtesy of the Creative Bloq Deals store – a creative marketplace that's dedicated to ensuring you save money on the items that improve your design life. We all like a special offer or two, particularly with creative tools and design assets often being eye-wateringly expensive. That's why the Creative Bloq Deals store is committed to bringing you useful deals, freebies and giveaways on design assets (logos, templates, icons, fonts, vectors and more), tutorials, e-learning, inspirational items, hardware and more. Every day of the working week we feature a new offer, freebie or contest – if you miss one, you can easily find past deals posts on the Deals Staff author page or Offer tag page. Plus, you can get in touch with any feedback at: deals@creativebloq.com. Check out these other amazing deals: The best laptop deals for Christmas 2017 The best iPad deals for Christmas 2017 The best Wacom tablet deals for Christmas 2017 View the full article

In the context of the web, you might already have thought about APIs in the form of services made available by third parties. Google, for example, exposes a Google Maps API that you can consume as a developer to integrate Google’s mapping, street view, navigation and more into your app. This involves importing scripts hosted on Google servers, then using objects and functions from those scripts in line with the API documentation, which it provides. APIs like this are generally what we’d refer to as “server-side APIs”. However, what you might never have considered is that the basic JS functionality built into the browser is also composed of a set of APIs, which are constantly being updated. These “client-side APIs” provide many of the basic features taken for granted within JS, such as manipulating the DOM, embedding graphics/sound, or interfacing with the device you’re running on. More likely than not you’ll have read documentation for many of them online when building a site/app. These APIs are typically based on a single specification which ensures that all browser makers implement the functionality consistently, thus ensuring that your code works across any browser. APIs in common use today XMLHTTPRequest XMLHTTPRequest has for some time been the JavaScript API used to send asynchronous requests to a server. This can allow you to, for example, retrieve data from the server and update a page without having to reload the full page. Its name is an anachronism since it works with JSON as well as XML. It’s likely to be superseded by the more recent Fetch API over time. Web Sockets Web sockets enable a two-way communication session to be opened between a browser and server. This enables the server to provide updates to the user without the browser needing to poll the server at an interval. Web sockets are in use on a number of sites today; on Stack Overflow they’re used to feed live notifications of responses to questions. DOM functions This may seem like a cop-out, but it’s important to think about. Even core JavaScript functions do things like manipulate the DOM. Think of the document object as an entry point. This means while they may be defined in separate specifications, there’s little fundamental difference between the new APIs we’ll look at below and core JavaScript functions that have been around for years. Henri HELLvetica – developer and performance master, will deliver a talk at Generate New York called Planet Of The APIs Want to know more about APIs? Henri HELLvetica is a man in the know. He is a freelance developer who has turned his interests to a potpourri of performance engineering with pinches of user experience. His talk at Generate New York from 25-27 April 2018 - Planet Of The APIs: A Tale Of Performance & User Experience – peruses present-day and even experimental practices employed in measuring web apps, and providing performant user experiences. You can find him tweeting at @HenriHelvetica Want to see Henri in the flesh extolling the virtues of APIs? Get your ticket now Read local files with the File API 15 Web APIs you've never heard of Boost your WordPress workflow with REST API View the full article