Rss Bot

Does learning HTML or JavaScript scare you? We may have a solution. With UX-App: Interaction & UI Design Software, you'll be able to create fully-functional mockups for HTML, mobile, websites, and so much more – all without any coding experience. Elevate your designs and provide clients with great mockups, with this easy-to-use yet mighty tool. And if you need some shiny new web design tools to help you, check out our pick of the very best ones out there. The best laptops for programming in 2020 A designer's job never ends when it comes to learning new programs, tricks and techniques to progress their business. With the UX-App, you'll be able to easily create clickable, fully interactive web and mobile prototypes with real HTML components and absolutely no coding required. The full-featured product planning tool allows you to build complex UIs with ease by combining more than 100 pre-built UI components with impressive touch-enabled mobile UI abilities. A powerful drag-and-drop event editor, as well as a packed suite of real, working elements, allows for the effortless execution of a functional prototype, no matter the size of the project. Unlimited usage allows you to keep coming back, whenever a new project comes through the pipeline or when you need to access and present the work that you already created. The interactive tool allows you to stay organised by separating your projects within the app and using easily accessible layers and artboards. Desktop and mobile-friendly, this tool comes with automatic updates to the software, allowing you to enjoy the latest and greatest version of the UX-App. Access to this UX-App: Interaction & UI Design Software is valued at $1,500. For a limited time, this bundle is price-dropped to only $29, that's a saving of 98%. With all the content available 24/7, you'll be able to effortlessly finesse your UX/UI skills and bring easy to follow mockups to every project in 2020. Read more: 6 huge web design trends for 2020 8 steps to inclusive web design 19 really useful responsive web design tutorials View the full article

CVE-2020-0674 is a critical flaw for most Internet Explorer versions, allowing remote code execution and complete takeover. View the full article

Gucci caused a stir with a new look last week. The temporary new logo and accompanying promotional materials form part of a campaign to launch the fashion house's Fall/Winter 2020 Men’s Collection, and drew attention for its use of a bizarre font that looked just like a child had written it (read our original story on the new Gucci logo here). A little digging revealed the scrappy-looking branding was designed to evoke children's birthday parties – other promo materials feature the tagline 'Rave like you are five'. The unusual handwriting font was designed to mimic the style typically used by French children. Gucci certainly took a risk by adopting such an unpolished new look – but has it paid off? Now the dust has settled, let's take a look at what the design community thought. Explore our roundup of the best branding books for 2020 Amidst all the scathing commentary, strong arguments started to arise in favour of the naive new look. Some designers applauded Gucci's confidence in making a statement with the campaign, and argued it ties in well with the collection it's promoting. "Sure, why not? It feels authentic and it does the one job of all high art/fashion well, which is to elicit an emotional reaction. I can dig it," wrote Valark on Under Consideration. On the same site, JustJoeDesign drew attention to the unusual aesthetic choice: "In a day and age where penmanship is becoming a lost skill I think this is a great move for a campaign to stand out." The comment sparked a discussion about whether it would have been better to use traditionally 'good' calligraphy, which was rebuffed Corey Ken, commenting: "But then it would be just another ad with nice execution. This is conceptual." Another strong argument in favour of the Gucci's design choice is that it offers a refreshing break from the current wave of bland rebrands. "It’s unashamedly odd, and apparently blithely unaware of the accepted wisdom that a logo is a brand’s sacred symbol. And isn’t that what we want from the fashion industry? It’s meant to be weird and unexpected and rebellious," wrote Emma Tucker for Creative Review. Others agreed with her: However, there are many that remain unconvinced of the move. Plenty are cynical about Gucci's motives, suggesting it's just a stunt to get attention... although that's sort of the point of brand campaigns, so on that level at least it's a success. And there's still just as many people happy to tear a strip off the high-end fashion house for its 'lazy' effort. So now that we've had time absorb the new look, what's our take? Well first up, while is certainly looks like it's been scrawled out in less than a minute, we imagine plenty of thought and effort will have gone into creating this campaign – even ensuring the messaging is legible is a challenge. Second, anything that's revolutionary enough to make us look twice in the world of branding – and especially high-end fashion branding – is worth a certain amount of respect. And as it's a temporary campaign anyway, why shouldn't Gucci throw out the rulebook and do something radically different? Read more: 5 times brands had a dig at competitors – and won Has branding become boring? Are these OTT brand guidelines as ridiculous as they seem? View the full article

Disney fans, rejoice! If you're in certain countries in Western Europe then you'll be able to get your hands on Disney Plus a whole week earlier than expected. The streaming service, which is already going down an absolute storm in the US, is now set to launch on 24 March (instead of 31 March as initially expected) in the UK, Ireland, France, Spain, Italy and Germany. The new Disney+ launch date may be only a week earlier, but when there are delights such as Baby Yoda in The Mandalorian to look forward to, who wouldn't be happy to have the service for an extra seven days? We're even considering upgrading to one of the best 4K monitors for the occasion. Just some of the exclusive goodies on offer The other good news is that the pricing of Disney+ has also been announced, and for what you get for your money, it's going to be much better value than Netflix. In the UK, Disney+ will cost £5.99 per month or £59.99 per year. Users will be able to stream 4K content on four devices at once, and there are no hidden extras. They'll also be able to download their favourite shows or films, to watch offline. To compare, Netflix also costs £5.99 per month, but you have to pay more (either £8.99 or £11.99) if you want ultra-HD content, or to be able to stream on one more than screen at a time. And with Netflix UK having recently won the rights to Studio Ghibli's content, it seems competition between the two streaming giants is really heating up, and that's before Disney+ has even fully launched. Disney Plus' available shows and films will include much-loved classics from Disney, Pixar, Marvel and National Geographic, and there's also previously unseen content, including the aforementioned The Mandalorian, and the catchily named High School Musical, The Musical, The Series. You can sign up now on the Disney Plus website for more updates. Read more: Aaron Blaise reveals why he quit his dream job at Disney Is this Chinese city logo a blatant Disney copy? Understand Disney's 12 principles of animation View the full article

2019 was another year of rapid technological innovation, bringing us everything from camera-laden smartphones that can outperform laptops in terms of sheer processing power, to a zillion new smart home devices, and then some. But what was the standout tech for creative professionals in 2019, and what can we look forward to over the next 12 months? Whether you want to turbo-charge your laptop's graphics power with an eGPU, or take your creativity in a new direction entirely with a powerful new workstation, keep reading to find out what's got us hyped in 2020. For more options, see our guide to the best graphic design tools for 2020. 01. Apple Mac Pro Mac's latest powerhouse will make short work of even the most demanding creative tasks Apple admitted that its previous 'trash can' Mac Pro design of 2013 had painted it into a thermal corner. Upgrade options suffered as a result, so the company went back to the drawing board to rethink its approach. Apple talked up its redesigned Mac Pro for two years before finally launching it in December 2019, and most prosumers would agree that, despite the eye-watering entry price, the new high-throughput tower Mac delivers on its promise of offering blistering performance that can make short work of even the most demanding creative tasks. The much-mocked 'cheese grater' lattice pattern design harks back to the tower Mac Pro of old, but the internals are positively futuristic. The machine uses workstation-class Xeon processors with up to 28 cores with 64 PCI Express lanes, up to 1.5TB of high performance memory, eight PCIe expansion slots, and at the high-end, dual Radeon Pro Vega II Duo GPUs. That should be more than enough to speed up your email and web browsing. Jokes aside, the new Mac Pro starts at $5,999, so this machine is only for the most serious professional users. Indeed, if you max out a tower Mac on Apple's website, the most expensive setup costs $53,799. (It also recently released the rack mountable version, starting from $6,499.) 02. MSI Creator 17 Laptop with Mini LED Display Groundbreaking Mini LED technology promises improved display accuracy MSI used the Consumer Electronics Show 2020 to unveil the Creator 17, which it claims is the "world's very first" laptop to feature a Mini LED display. Sounds neat in theory, but what does it mean in practice? By adopting much smaller 2mm LEDs for the backlight, the laptop's 17-inch 4K display offers a lot more accuracy than LCD displays that use a traditional LED backlight. For creatives, that's a boon for viewing rich visual content. The tech promises high contrast and HDR using 240 local dimming zones, so that it can dim the backlight behind areas of the screen that are displaying black while keeping the bright parts of the screen bright. According to MSI, the Creator 17 is also capable of displaying 100 percent of the DCI-P3 color gamut at 1,000 nits brightness, which is the standard benchmark for displaying HDR in all its glory. We might not yet know the internal specs or the price of the machine, but this announcement was all about the Mini LED tech, which could do for laptops what OLED screens did for smartphones. Excitingly, there's also speculation that Apple's 2020 MacBook and iPad Pros could feature the same game-changing display tech. 03. Apple 16-inch MacBook Pro Apple's latest MacBook is tailored especially towards creatives Apple's latest MacBook Pro arrived late in 2019 and is being considered by many as a blueprint for MacBooks to come over at least the next year or two. On the surface, little appears to have changed, but take a closer look and you'll notice that certain key features have been considerably improved with creative professionals in mind. First off, Apple has slimmed down the bezels to fit a larger screen into the same laptop dimensions, so you get a 16-inch Retina display with 500 nits of brightness and a P3 wide colour gamut. It's also swapped out the controversial butterfly keyboard that dogged previous models and replaced it with a much more reliable scissor switch key mechanism. As for the internal specs, even the basic option is a bit of a beast. Apple promises up to double the performance of the older 15-inch model, thanks to a 6-core ninth-generation Intel Core i7 processor and a Radeon Pro 5300M graphics card. It's not cheap though, with the base 16GB of RAM and 512GB SSD costing a cool $2,399 (£2,399). See the best prices right now in the widget below, or, if you don't have your heart set on this model, explore our roundup of the best Apple laptop deals. 04. Microsoft Surface Neo Will this dual-screen tablet change the game for mobile productivity? Microsoft unveiled the Surface Neo at an October 2019 press event, but we're still waiting for the dual-screen laptop to get a full launch sometime in the spring. That's only made us even more excited about the Neo, which will run Windows 10X, the tech giant's new operating system optimised for dual-screen devices. Microsoft claims the the book-like foldable will deliver the "ultimate in mobile productivity", thanks to its two 9-inch screens and 360-degree hinge, which enables it to be turned inside out with the opposing screen acting as a stand. The Neo will come with a pen and detachable keyboard, both of which magnetically attach to the device. The keyboard sits on top of the lower screen, taking up just over half of its width. That leaves space above the keys for a 'Wonder Bar' (think MacBook Pro Touch Bar) that can be used as a trackpad and will also support Microsoft Ink. From a digital creative's perspective, the Neo's dual-screen mobile working space could be a boon, allowing artists to work on their project on the main display and access brushes and other virtual toolsets on the Wonder Bar below. 05. Wacom One The newest, cheapest member of the Wacom family is aimed at beginners This year's annual CES saw Wacom launch a new 13-inch creative pen display called the Wacom One (not to be confused with the older One by Wacom). It has been created with "creative beginners, social content creators and visual thinkers" in mind, who want to sketch, draw, paint or edit photos at a desk or on the move. At $399, this the company's most inexpensive tablet yet (see our guide to the best cheap Wacom tablet deals to put that price in context), and offers an unlikely feature for aspiring creatives and entry-level artists who can't afford a laptop but own an Android device. The Wacom has an active area that is almost a foot wide, offering plenty of space for your creations, and a full HD display on which to view and work on them, but it's not hefty by any means, weighing in at just 2 pounds. Meanwhile the pressure-sensitive pen can mimic a range of pens and brushes – it doesn't need batteries either, so it's lightweight, too. It comes with three ports providing power, HDMI and USB connectivity, the latter of which comes with support for Android devices. That means if you draw on your smartphone or tablet, you can mirror your work to the Wacom One and continue to fine-hone your project on the larger screen. 06. Apple Pro Display XDR It's (very) expensive, but no competitor products can even touch this display Apple stopped making displays after the Apple Thunderbolt Display, which it discontinued in 2016, but late last year the company returned to the monitor market with the Apple Pro Display XDR, which starts at an eye-watering $4,999 – and that doesn't even include the optional $999 Pro Stand! The price shouldn't surprise – it is meant to be a companion for Apple's new high-end Mac Pro – but creative professionals with reference display requirements are unlikely to find anything else that even begins to approach the build quality and the amount of research and engineering that Apple has poured into this hardware. The Pro Display XDR has a 32-inch 6K Retina screen with a 6016 x 3384 resolution that packs in more than 20 million pixels, which combined offer a viewing experience that's 40 percent bigger than the Retina 5K display on a 27-inch iMac. It also features 10-bit and P3 wide color support, 1,600 nits of peak brightness and a sustained 1,000 nits of brightness. Not only that, the monitor's aluminum enclosure features the same advanced thermal system seen on the new Mac Pro, which it connects to using a single Thunderbolt 3 cable. 07. Sketchboard Pro for iPad artists Inspired by the classic illustration sketch boards traditionally used in art school, the Sketchboard Pro is a form-fitted magnetic cradle for an iPad that creates a smooth, flat drawing surface around the screen, offering more comfort and support while drawing. It can be used flat on a drawing table or propped against a desk, while the legs fold out to provide a more comfortable 20-degree incline on any flat surface in landscape or portrait orientation. The idea is that with your iPad nestled into the frame, you can make the most of the entire canvas of the screen when drawing, rather than having to rest your hand on other areas of the display. Not only does it promise to give you a fuller view of your art, the makers believe it also has the potential to enhance its quality through fuller use of your arm while drawing, resulting in more flowing lines. The Sketchboard Pro began life as a crowdfunded project, but it quickly received full backing and is now due to ship in March, retailing at $100 (£77). Find out more on the Sketchboard Pro website. 08. Microsoft Surface Studio 3 How will the upcoming Surface Studio 3 compare to the Studio 2? Microsoft hasn't announced the Surface Studio 3 yet, but the lineup appears to be following a two-year upgrade cycle, and there have been some impressive advances in mobile CPU and graphics technology since the Surface Studio 2 was released in 2018 (see the best Surface Studio 2 deals here). It's too early to say which processor the Microsoft's next all-in-one PC will feature, but the very latest Intel H-series processors wouldn't go amiss. We'd also argue that it's about time Microsoft bit the bullet and embraced Thunderbolt 3 for the next Studio, given that everyone else in the tech world is doing so, otherwise it risks looking long in the tooth the moment it's released. With its innovative Gravity Hinge and radical puck input device, no one would argue that creating art on the Studio 2's 4,500 x 3,000 PixelSense touch display is an experience not offered by any other company. However, those internals need seriously beefing up if Microsoft plans on continuing the device, especially if it plans on charging anything like the $3,499 that the Studio 2 costs. So how about it, Microsoft? 09. Acer ConceptD 7 Ezel This notebook boasts a hinge that allows the screen to swivel in five different angles Acer takes its ConceptD PC lineup to the next level in 2020 with 7 Ezel, a convertible notebook with impressive graphics power and a hinge that allows the screen to swivel and rotate in any of five different angles. The notebook will support the forthcoming 10th generation Intel Core H-series processor, with custom spec options to include NVIDIA GeForce RTX graphics, up to 32GB of DDR4 memory, and up to 2TB of NVMe PCIe solid-state storage. It comes with two Thunderbolt 3 ports, and SD card slot, and a glass touchpad. Of course, the Ezel also includes a Wacom EMR digital pen and a 4K IPS touchscreen display, making it ideally suited for professionals creating 2D and 3D work. The Acer ConceptD 7 Ezel launches this year in the US and Europe, starting at $2,699 and €2,499 respectively. 10. OWC Akitio Node Titan eGPU A good eGPU can turn the thinnest laptop into a graphical powerhouse External GPU enclosures, or eGPUs for short, have surged in popularity in recent years, largely thanks to the graphics throughput provided by Thunderbolt interfaces and strong driver support from chip makers like AMD and Nvidia. With a decent eGPU connected, even the thinnest laptop can become a graphical powerhouse, making them appealing to gamers and content creators alike. OWC's just-announced Akitio Node Titan eGPU is one such example. Its 650W power supply means the box can accommodate power-hungry cards like the Radeon RX Vega 64 and deliver their processing speed to notebooks via Thunderbolt 3, vastly reducing video edit and render times. The Akitio's spacious design means even large double-width graphics cards can be comfortably housed inside, and you can even daisy-chain multiple boxes for demanding workloads. The Akitio has a retractable carrying handle for easy transport, and provides tool-less access for easy card installation. It's even able to output 85W of power to charge your notebook while you work. The OWC AKiTiO Node Titan should be available in the first quarter of 2020, but we're still waiting information on pricing. Read more: The best cheap Hydro Flask deals in 2020 Chill out with our pick of the top mindfulness apps The best camera phones in 2020 View the full article

A few years ago, the over-zealous overpainting of a Spanish fresco left Jesus looking less than saintly. Now, another restoration effort has caught the attention of the general public – and this time the painting is a lot more famous. And while the results aren't as outright horrifying as that poor Spanish Jesus, this renewed artwork is unsettling to say the least (perhaps the creator would have benefitted from our how to draw tutorial roundup?). The Ghent Altarpiece was painted by brothers Jan and Hubert Van Eyck in the 15th century, and has become one of the most celebrated artworks of its time. Sadly, over the centuries it has become yellowed and marred by touchup efforts, leading to an ambitious four-year restoration project. Four of the 12 panels that make up the monumental altarpiece have been reworked so far, and it's the newly unveiled central 'Adoration of the Mystic Lamb' scene that's got people talking. This was the lamb before restoration. The mystic lamb pre-restoration Admittedly, he's not looking his best self. Below you can see him with his war paint on and ready to hit the barnyard disco. The restored lamb The issue people are taking is that the lamb's face is so human-looking. It's important to note here that this isn't an error on the part of the retoucher – this is genuinely what the Van Eycks painted. The more naturalistic effort was the result of a later paintover. Here's a roundup of our favourite comments on the restoration. In the brothers' defence, this was the 15th century and artists were still learning how to paint things realistically back then. It would almost have been more surprising if the lamb hadn't come out looking a little funky. Case in point: If you think you could do better, or you'd like to have a go at creating your own masterpiece, then don't miss our post on oil painting tips and techniques. Read more: Netflix wins rights to Studio Ghibli films The best art easels in 2020 Essential art supplies for painting: everything you need to get started View the full article

So you’ve got the job and the budget’s been agreed, it's time to start exploring themes and colour palettes. But hold up. Asking a few simple questions before you begin can save endless rounds of revisions before sign off. Successful design starts with understanding a clients’ needs, but also their expectations and tastes. Taking a moment to ask the right questions can not only kickstart the brainstorming process, but also build rapport and make the client feel more involved. This means quicker sign-off and satisfied customers who want to come back. Questions can be submitted as an online questionnaire or pdf or asked in person. Here are six of the most important that you need to put to your client before putting pen to paper, whether you're building a new website layout or a revised logo design. 01. What do you want the project to achieve? Clarify scope and goals from the off A client might simply feel that their logo looks old and tired and needs a refresh, but it’s worth asking what exactly they want the change to achieve. They may want to make the company look more contemporary, but rebranding too radically can be risky. Do they want to appeal to a different demographic? Do they want to communicate different values? Every change needs to be justified and have a reason behind it that will have an outcome on business performance. Before working with a client, make sure they themselves have a clear vision of how the look and feel they seek will improve their business. There's a chance these are things they haven't asked them themselves and you doing so can help them have a clearer idea of their goals. While it may seem obvious, also ascertain the scope of the project, or a logo redesign can quickly evolve into an all-out rebranding. Confirm the exact medium, location, sizing and use for all finished products. For print material, depending on the production technique, you may need to limit your colours depending on what the client will pay for printing. 02. Who is the target audience? Make sure you know who the company is aiming at Following on from the previous question, you also need to know who you’re designing for. There’s no point designing to appeal to millennials if it turns out the client's main aim is retirees. Who is the brand’s target customer? How old are they? Are they male or female? Where do they live? What do they do? What do they like? The more information you can get on the primary demographic your client wants to connect with, the better you can hone your design to make it effective in appealing to that audience. You can do your own research, but never assume anything. 03. Who makes the decisions? Find out who’s in charge It's not the most obvious first question, but it can save a lot of time if you clarify from the outset who makes the decisions, particularly when working for a large organisation. This way you know you’re speaking to the right people when discussing feedback, and you can be sure your work is reaching the people who have the authority to sign it off. Things can always get held up at the review and sign-off process, and this can be made worse if you discover late on that you’ve been talking to people who seemed to like your direction but turn out to have no power to approve your design, only for a final decision maker to step in later in the process with a completely different opinion. Many people within an organisation may have opinions on your work, but it's usually the main decision-maker who needs to be happy. Also check how your client wants to communicate. How frequently do they want updates, and who needs to be copied in? Some clients will be happy for a designer to disappear and come back on deadline, while others will get nervous if they don’t receive regular updates as reassurance that work is progressing on time. 04. What do you want to keep? Ask before you bin anything Before you set about designing a radical new look for your client, bringing their brand into the 20th century by ditching their old logo in favour of a sleek minimalist design, take a moment to ask them what they like about their existing materials and what they want to keep. Ask for copies of previous marketing materials to see their development and make sure that your design is coherent with them. It pays to know what’s worked in the past and what hasn’t, especially for rebranding, so ask how previous changes were received. Poor reception of several major rebrands in recent years mean that companies have become more conservative about changing what they have and there are many examples of rebrands being rejected for being too radical. There’s no point in throwing out elements that work, or which the client and audience hold dear. 05. What do you like? Get a sense of your clients’ personal tastes More generally, you also need to know about what your client likes, which inevitably mean the subjective tastes of several people involved in the decision making process and signing off your work. Your design might make perfect sense for the business and go down with customers, but could be rejected if the person in charge just doesn't like it. Ask them what kind of art they like, and what other brands they admire. While you don’t want to copy a competitor’s style, there is a good chance that if a company is pursuing a change in their visual identity, it may at least partly be inspired by a healthy jealousy of something that a competitor is doing. Knowing what they admire in other businesses’ materials is a good way to gauge what they expect from the project. Just remember, clients may lack the vocabulary to express what they like, so phrase things in layman’s terms rather than using design jargon. Showing examples may also help guide the process. These questions will help you narrow down your choice of creative resources. 06. What makes you different? Challenge your client to define what makes them different Don’t be afraid to be direct. Challenge your client outright to define what sets them apart from the likely hundreds of other businesses offering the same product or service. If you’re going to make their branding and visual identity stand out from the competition, you need to know how they differentiate themselves and find a way to communicate that visually. Ask them who their main competitors are and what they do that their competitors don’t. Ask them what problems they solve, and how their values and attributes compare to those of their competitors, and this can help guide the way to finding a visual identity that also stands out. Read more: How to reawaken a brand's heritage Has branding become boring? Branding quotes: The good, the bad and the ugly View the full article

Done well, CSS animation can breathe life into your site and engage your users without the bloat of additional libraries. Delivering thoughtful, fluid animations that contribute meaningful depth to your site doesn’t have to be difficult – modern CSS properties now hand you nearly all of the tools you’ll need to create memorable experiences for your users. In this article, we'll run through some top tips for how to unleash the full capabilities of interactive CSS animation. While you're here, you might also want to check out our round up of amazing CSS animation examples. Many of these tips refer to Disney's animation principles – and indeed any decent article on creating animations would be remiss to not make mention these. Check out our dedicated article on Disney’s 12 basic principles of animation for a full guide. These were featured in Frank Thomas and Ollie Johnston’s seminal book The Illusion Of Life, and form a great starting point for animation novices. 01. Stick to the core four properties CSS animation provides a relatively simple way to smoothly transition a large swath of properties. Good solid animated interfaces are dependent on a smooth, fluid experience, and to that end this is best delivered at 60+ FPS (frames per second). To maintain performance in our animation timelines we’ll want to try our best to limit our animated properties to a core four: Scale – transform:scale(2) Position – transform:translateX(50rem) Rotation – transform:rotate(180deg) Opacity – opacity: 0.5 Animating properties such as border radius, heights/widths or margins will affect browser layout methods, and animation of backgrounds, colours or box shadows will affect browser paint methods and drop your FPS considerably. Animating these properties can yield some interesting effects, but they should be used sparingly to maintain performance. 02. Introduce velocity One of Disney’s core principles of animation is squash and stretch. While this might sound a bit too playful for a clean, modern website, squash and stretch are principles that instill perceived performance, that is, we are able to instill a sense of page performance that might not exactly line up with our technical metrics. By squashing or stretching elements in motion, we give them an illusion of greater (or lesser) velocity, again lending a sense of genuine fluidity to our page. 03. Get the timing right No matter what library or stack you choose to leverage, the timing and easing of your animations are crucial to providing a fluid experience that feels natural and intuitive for your users. Fortunately, we have many excellent options baked right in to CSS to help deliver a more organic feel. CSS spec offers us some pretty great native easing functions, the most natural being ease-in-out, which allows animation timing to gain and shed velocity as the animation begins and ends. But deeper customisation is possible and sometimes necessary – and additional JS libraries aren’t always the answer. Enter cubic-bezier. It helps to think of your animation timing as following a vertical curve, as if you were to roll a ball up or down a hill, noting how velocity shifts with the each change to degree of incline. Using the cubic-bezier function, we’re able to effectively map our animation or transition to these curves, even allowing for both anticipation – the effective wind-up or introductory frames of our animation – and follow-through, which is the final frames of animation. With access to these properties we’re able to give our animation more realistic physics such as elasticity. For a great visual indicator of how these functions might work (and to test them yourself), visit the excellent easings.net by Andrey Sitnik. If you have any familiarity with the curves and handles of vector drawing you will instantly recognise how cubic-bezier works. Since CSS animation keyframes generally contain multiple segments, rarely directly moving from 1 to 100%, it’s important that you should keep in mind that any timing function other than linear will execute from beginning to end of the motion curve for each segment. Example: animation keyframes range from 0% – 25% – 75% – 100%, and use ease-in-out as the timing function. This means the animation will effectively ease itself in and out on three occasions. With that in mind, animation timing functions can also be changed within the keyframe chains themselves if needed. As capable as cubic-bezier is, sometimes it’s best suited for CSS transitions. Check the CodePen below. 04. Stop and start with animation-play-state Using the animation-play-state property, you can easily start or pause your animations. For example, you may well want to halt an animation on hover. To do this, use animation-play-state: paused. This option will offer your users a greater degree of interactivity, and in tandem with comma-separated chained animation properties or a few short lines of JavaScript we can define exactly when an animation should be active. 05. Think about accessibility When working on enhancing our user experience with animation we’re often not thinking about accessibility. Not everyone can enjoy motion on the web. For some users – such as those prone to seizures – it could potentially cause serious health issues. Fortunately, there’s an increasingly well-supported media query we can use: prefers-reduced-motion. This query works in tandem with a user’s OS preferences, allowing us to limit our animations as necessary. For example, imagine we are employing a particularly frenetic animation used to convey a sense of urgency and draw the user to a call to action. Using prefers-reduced-motion we can keep this element static. A few important things to keep in mind: if animated elements are utilising an animation fill mode that defines an ending state, be sure elements are loaded at that end state when targeting motion-sensitive users. If an element relies on animation to move it into viewport position, we'll want to be sure it changes position via a two-frame stepped animation or with an 0s transition. 06. Chain your animations for impact One of the most overlooked capabilities of CSS animation is the option to chain your animations. That is, we can define each animation separately via comma separation, yet run them in tandem. For instance, we can create one animation to rotate our element, a secondary animation to scale its background size, and a tertiary to adjust its opacity to fade in and out. What’s more, we can apply further properties to these animations, such as comma-separated values to control delays, timing functions, durations or even play states. While chained animations can take a good amount of tweaking to sync up all properties in motion, they also offer us a great deal of granular control over how we choose to time and ease each animated property, creating complex motion with far fewer total lines of CSS (or necessary DOM elements). 07. Use will-change to boost performance One excellent property that belongs in every single CSS animator’s toolkit is the little-known but very useful will-change. There used to be a number of hacky methods you could employ to trick the browser into hardware accelerating our animated or transitioned properties – and they kinda, sorta worked. Now, however, we have a dedicated property to tap into; and will-change can lend a needed boost to your animation performance. While there are some generalised default values for will-change out there, typically we will want to define just which property will be updated on which element – such as will-change:transform or, where chaining is necessary, will-change:border-radius, opacity. Simply put, the will-change property tells our browser that these elements – surprise – will change. As a result, performance of these elements will generally be prioritised and hardware accelerated. Let’s will-change all the things! No, no, no – overuse of this property, or prioritising all of your animated or transitioned elements, will place more strain on the hardware than it will offset. So remember, used sparingly and only for animations or transitions that are crucial to the experience you’re building, will-change can provide the boost you need. 08. Animate type with variable fonts Typography has always been tricky to properly animate. Sure, we can animate font size (a property better handled by animating scale) and colour, but with the introduction of variable fonts, we now have a whole new set of animatable options in our toolkit. For the uninitiated, variable fonts contain multiple font variations in a single font file, with potential variations in weight, angles, decorations and more. What’s more, these variations are all animatable in CSS using font-variation-settings. Using this, we are now able to smoothly transition from normal to italic, light to bold, or swashes to swash-less, all with the feel of a morphing SVG – because in many ways that’s exactly what’s happening here. 09. Use variables to keep things consistent A great way to maintain consistency is to use CSS variables or preprocessor variables to define your animation timing. Setting a baseline animation or transition duration without defining a unit (seconds or milliseconds) affords us the flexibility to call this duration within a calc() function. While the duration may vary from our base CSS variable, it will always be a simple modification of this number and maintain a consistent experience. 10. Keep things natural with an arc Again returning to Disney’s 12 Principles of Animation, we see mention of the arc. The arc in question refers to the inherently circular motion in which most natural movements occur. Very rarely in daily life do we observe motion in a straight line. And while it’s easier, and requires fewer keyframes, to animate strictly left-to-right or top-to-bottom, we can offer our users a more relatable experience by keeping this arc in mind while acknowledging that some layouts will ultimately prohibit us from animating our elements around curved paths (often creating interference with other elements). 11. Play it back Sometimes the best way to truly get a feel for how your interface animations are shaping up is to create a screen recording. Seeing how something works is obviously a great way to make sure that your animations are working as you want. So how does the author of this article make sure he is getting what he wants? As a terminal oversharer of CodePen demos, he loves to create screencap GIFs of his animations. Dialing in these GIFs and getting them to loop nicely actually serves another purpose. It allows him to review the animations and diagnose any issues with timing or easing. 12. Think about staggering When working with looping geometric or pattern-based CSS animations, it can often be helpful to stagger our animations using animation delays. This can become problematic if the element has entered the viewport but we’re asking the user to wait for the animation to begin. We can achieve the same type of animation offset using negative delays ensuring the animation timeline is started immediately on page load, with no wait times for the user. This article originally appeared in Web Designer magazine. Explore all of our web design articles here. Read more: The best mindfulness apps to try 6 steps to writing better CSS The best web browsers in 2020 View the full article

Plenty of WordPress themes claim to be easy to use, and for the most part justifiably so. What’s at least as important, and over the long term much more so is how good they are at streamlining your workflow to …View the full article

Creatives all have that long list of things they'd like to work on or achieve. These courses will help you to start 2020 off on the right track and get a head start on your creative objectives for the year. Continue learning, or start a new career and refine your design skills with these comprehensive course bundles. Feeling inspired? To learn more Adobe skills, check out our lists of the best Photoshop tutorials or Illustrator tutorials. 01. The complete 2020 Adobe CC certification bundle RRP: $1800 Buy Now: $39 (97% OFF) With over 60 hours of lectures and 200 tutorials, the new and improved 2020 Complete Adobe CC Training Bundle is the perfect way to get more out of the Adobe CC programs you already use. The nine courses are geared towards all levels of experience, bringing tutorials from beginner to advanced into the mix. Brush up on Photoshop, Lightroom, After Effects, and more with this complete bundle. 02. The ultimate UX/UI designer bundle RRP: $1592 Buy Now: $29 (98% OFF) If designing a responsive and user-friendly website is at the top of your list for 2020, this bundle is for you. With over 35 hours of lectures and more than 200 tutorials, this set of courses is a great way to finesse your web design expertise and create functional websites. The eight-course training focuses on tutorials for frontend development, HTML5 Canvas, and so much more. 03. Pay what you want: Drawing fundamentals bundle RRP: $1496 Buy Now: Pay What You Want (up to 99% OFF) Learn how to draw from professionals without enrolling in art school. This nine-course bundle will walk you through exercises and show you techniques like using coloured ballpoint pens, coloured pencils, pastels, and more. Geared at levels from beginner to advanced, you'll learn how to digitally draw and paint a variety of fantasy art elements with step-by-step instructions. With over 200 lessons, you can come back and visit each tutorial whenever inspiration strikes. 04. The ultimate graphic design bootcamp certification bundle RRP: $925 Buy Now: $29 (96% OFF) Help fast-track your way into a career in graphic design with this comprehensive 150 lesson training bundle. Five courses cover essential techniques for both print and web, and lead you through programs such as Photoshop, Illustrator, and InDesign. You'll learn design theory essentials, web design fundamentals, and how to sell your designs as a freelance designer. Get up to speed with the latest tools and create unique logos, graphics, and more. 05. Master SVG animation Using HTML & CSS: Build 8 project RRP: $199 Buy Now: $10 (94% OFF) SVG (Scalable Vector Graphics) programming is a top tool needed to code two-dimensional graphics. With 55 lectures and 24/7 access, you'll learn the ins and outs of SVG and gain the ability to design your logos, images, and complex animation. Taught by Kunal Asudani, a seasoned web developer, this lifetime course also includes a certification of completion once the course is finished. 06. The mighty Maya design mastery bundle RRP: $399 Buy Now: $29.99 (92% OFF) Dreaming of starting a career in 3D modeling? Master character modeling, rigging, interior modeling, and more with The mighty Maya design bundle. With 16 courses, this lifetime bundle covers basic to advanced Maya skills, and helps the learner comprehensively grasp the techniques and methods. You'll soon be creating beautiful 3D assets that pop for all kinds of industries. 07. The complete 2020 learn to design certification bundle RRP: $2000 Buy Now: $39 (98% OFF) Learning how to become a designer doesn't have to be extremely expensive or an impossible feat. Learn all things digital design and dive into courses on JavaScript, HTML5, Photoshop, CSS, and more. The 10-course bundle will provide guided instructions on how to use each program and includes hands-on tutorials to put your newly learned skills to the test. You'll even get the opportunity to connect with your instructors and fellow students in course specific online groups. 08. Photoshop master: From beginner to Photoshop pro RRP: $200 Buy Now: $11.99 (94% OFF) If you're specifically interested in developing your Photoshop skills further, this 41-lecture training course is for you. With tutorials straight from the minds of creative professionals, you'll learn the ins and outs of Photoshop, and tips and tricks on using all the tools in the software. You'll dive into a Photoshop portrait retouching course and learn skills such as removing redeye, retouching and more. 09. The ultimate AutoCAD training bundle RRP: $199 Buy Now: $19.99 (89% OFF) Developed for 2D and 3D designing, AutoCAD is quickly becoming a popular software for design and drafting. With access to over 10 hours of content available 24/7, you'll start with the basics and quickly move on to the tools and techniques needed to create innovative 2D and 3D structures. Perfect for all levels of proficiency, you will soon learn how to use AutoCAD effectively to create projects that stand out. 10. Learn photorealistic lighting and editing bundle RRP: $600 Buy Now: $19 (96% OFF) If you're working with imagery from a recent photoshoot but need a bit more guidance on improving the lighting, this bundle will help you edit with ease. With 16 lessons and eight hours of content, you'll gain access to photorealism courses and learn techniques such as lighting an interior daylight photo with V-Ray and tweaking shaders realistically and beautifully. Read more: The best travel laptops right now The top design trends for 2020 The best alternatives to Photoshop View the full article

The best mindfulness apps can help with all manner of mental and physical health problems, and improve overall life quality. In our culture of information overload, many people find they need to make an active effort to manage their stress levels in order to help prevent burnout. From eating enough leafy greens to getting more shut-eye, there are plenty of tactics you can use to keep creative burnout at bay. Mindfulness – a proven method of helping to train your mind to more effectively manage anxiety and stress – is one of several strategies you can use to make yourself more resistant to burnout. And you don't have to go on a course or yoga class in order to benefit from mindfulness, you can get mindfulness apps on your iPad (also check out our iPad apps for designers for apps to help channel your creativity). 7 signs of burnout Studies have shown that as little as 10 minutes of meditation a day can help reduce anxiety and stress, meaning that whether you slot yoga into your lunch break or realign your chakras on your commute home, small bitesize chunks of meditation could help significantly reduce your stress levels. And while your smartphone might be partially to blame for your soaring cortisol to begin with, there are plenty of mindfulness apps available to help you hone your brain waves and keep you cool as a cucumber, no matter what life throws your way. Keep your creative mojo on point by taking steps to manage stress and burnout with these six mindfulness apps. Other apps you might want to check out include the best language learning apps, as well as the 8 most disruptive apps of all time. 01. Waking Up Waking Up aims to help you understand your mind Platform: Android/iOS Price: From free Waking Up is a mindfulness app created by neuroscientist, philosopher, and New York Times best-selling author, Sam Harris. As well as having short practice meditation sessions, where you can learn to sharpen your mind, it also has a section on theory. The theory sessions consist of Harris' rational and insightful musings on topics such as why meditation is useful, gratitude and free will. His soothing tones and logical and rational explanations are ideal for those who are interested in discovering more about their minds, or learning more about how mindfulness can help them. The app is currently free for the first month, and there is then a yearly subscription fee (although Ferris emphasises that those who truly cannot afford it can get a free account). 02. Headspace This design-centric guided meditation app could help you better manage the stresses of daily life Platform: Android/iOS Price: From free This self-proclaimed ‘gym membership for the mind’ is the go-to mindfulness app for creatives and non-creatives alike. A pocket-sized personal meditation coach, Headspace’s commitment to making meditation simple has won it millions of users worldwide. Created by sports-scientist-turned-monk-turned-entrepreneur, Andy Puddicombe, this iconic app makes meditation a breeze with fun, easy-to-digest videos. Dip your toe in the water with the free version or commit for the long-haul with the subscription version. Featuring short, simple meditations in a cute, whimsical style, this iconic, UX-centric app, is a must-try if you want to integrate mindfulness into your day. 03. Calm Pairing picturesque landscapes with tranquil sounds, Calm creates exactly that Platform: Android/iOS Price: From free With a focus on the natural world, Calm is a sanctuary from the hustle and bustle of working life. Chosen as Apple’s App of the Year in 2017, Calm’s serene soundtracks and beautiful location snapshots will help you conjure up a mental ‘safe space’. Featuring music, meditations, masterclasses and sleep-centric exercises, this app is a more nature-focused alternative to Headspace. According to a study by the Center for Humane Technology, Calm is actually the app that leaves users the happiest when rated against other popular downloads. So, take a deep breath, listen to the pitter-patter of rainfall and picture a beautiful sunset in your mind’s eye with the help of Calm. 04. Personal Zen Want to up your inner zen? There’s an app for that Platform: iOS only Price: From free Simple and quirky, Personal Zen is a gamified version of Attention Bias Modification Training (ABMT), which has been shown to help the brain disengage from negative stimuli. Supported by clinical studies, this nifty app redirects your attention towards the positive. Simply trace the path of the friendly sprite through the grass quickly and smoothly – making sure not to let the grumpy sprite divert your focus. If you’re prone to seeing the glass as half empty, this sweet, if somewhat low-fi, app is a breath of fresh air. 05. MindFi Short and sweet, MindFi is meditation for those who struggle to sit still Platform: Android/iOS Price: From free MindFi Founder Bjorn Lee is on a mission to make us more productive. A self-confessed struggling meditator, the app is designed with fidgeters in mind. Whether you want to slot meditation in on your break, commute, or at a meal, this app, which is designed specifically for ‘busy humans’, aims to make it easy to find time for meditation in your hectic schedule. These short exercises, covering everything from deadline blues to mindful typing, will help you find a moment to breathe. 06. Buddhify Platform: Android/iOS Price: From £2.99 Whether you want to get a taste of mindfulness with Meditation 101 or can’t sleep and are looking for some exercises to help you drift off, Buddhify’s colourful meditation wheel makes it simple to pick and choose exercises to suit the situation. Championing people over profit, this husband and wife business has strong values at its heart. Avoiding the subscription model, Buddhify has a one-off cost, meaning it can work out significantly cheaper than some of its subscription-based competitors. If you think of meditation as a bike, then Buddhify is your stabilisers – and the app’s ultimate aim is to make you an app-free independent meditator. Look, no hands! Related articles: 6 ways to get out of your creative rut 6 ways for designers to stay healthy How to protect your mental health at work View the full article

There are plenty of design books out there, such as the classics Don’t Make Me Think or Design of Everyday Things. And there are so many more books that are helpful and insightful for product designers and UX designers alike. …View the full article

Pepsi has given the world some standout advertising moments, with starring roles from everyone from One Direction to Beyoncé. And the classic glossy can with its red and white logo has been centre-stage for all of them. But for this health-conscious era, Pepsi's Zero Sugar has been redesigned and is now prepped to take the spotlight with a brand new can. (For more packaging design wins, see our pick of the best.) The old can (left) was glossy and had extra detail whereas the new design (right) is scaled back Pepsi has ditched the glossy finish usually found on beverage cans, and replaced it with a sleek matte texture. A black rather than a silver tab sits on top of the can (you can glimpse this addition in the product advert below). The font is now bolder, there's no circle in between the 'zero' and 'sugar', and the 'max taste' strapline has been removed from above the logo. Pepsi-lovers in the US will be jumping for joy (perhaps literally, as Pepsi Zero Sugar contains double the caffeine of normal Pepsi) as they can find the new design on shelves near them, right now. The new product design was released alongside a smart advertising campaign that promised US Superbowl fans a free Pepsi Zero Sugar if either team ended up with a score that ended in zero. The move should put the product in the minds of around 100 million viewers come 2 February – at a cost of about 250 million dollars to Pepsi, if everyone takes up the offer. We should add a disclaimer that it's only the US audience that will be able to sample the results of this rebrand. In the UK we are still enjoying Pepsi's no sugar option as Pepsi MAX, which remains housed in its usual shiny black can. According to Todd Kaplan, vice president of marketing at Pepsi, the brand is going "all in" on Pepsi Zero Sugar this year, which is no surprise given the revolt against high-sugar food and drink that seems to be increasing each year. “At Pepsi, we are always looking for new ways to meet the evolving preferences of our consumers, and we know that people increasingly are looking for sugar-free options,” says Kaplan. "We've learned that once people discover the great taste of Pepsi Zero Sugar, they can’t get enough of it and keep going back for more," he continues. "We... have created a bold, unapologetic new look to match its great taste, with a new matte black can and a black tab that will stand out anywhere." We're not quite sure what an "unapologetic look" is, but we like the look of the the new can, which is super-minimalistic, and we bet it has a great hand-feel with the matte texture. Rebrands have been trending towards the minimalistic lately, and it's also not the first time matte black has been embraced this year, with designers going wild for this UNO concept design. We wonder which brands will be next to scale things back. Read more: Can you identify the brand from these ultra-minimalist logos? 10 best logos of all time Are trends any good for branding? View the full article

Today Netflix announced that it has acquired the exclusive rights to 21 Studio Ghibli films. From next month, a range of classics from the iconic Japanese animation studio will become available to stream, in all regions except for the US, Canada and Japan. The catalogue of films joining Netflix includes much-loved classics such as Spirited Away, My Neighbour Totoro and Howl’s Moving Castle. It's huge news for Ghibli fans in the UK and Europe. In the US, it has been announced that HBO Max has the streaming rights to the Studio Ghibli catalogue – but you'll need to wait until May 2020 for the service to go live. If that doesn't appeal, or you're in one of the other regions excluded from the additions, you might want to take look at our roundup of the best VPNs, which will help you access foreign Netflix catalogues. These are the Ghibli movies coming to Netflix from 1 March 1: Nausicaä of the Valley of the Wind (1984) Princess Mononoke (1997) My Neighbors the Yamadas (1999) Spirited Away (2001) The Cat Returns (2002) Arrietty (2010) The Tale of The Princess Kaguya (2013) From 1 April, the following will be added to the collection: Pom Poko (1994) Whisper of the Heart (1995) Howl's Moving Castle (2004) Ponyo (2008) From Up on Poppy Hill (2011) The Wind Rises (2013) When Marnie Was There (2014) The announcement marks a shift in approach from Studio Ghibli. Until recently, it refused to offer its films in any digital format. That changed last month when the studio started selling downloadable copies, shortly before the announcement that HBO Max would be offering Ghibli movies to US fans. For more inspirational binging, explore our pick of the best Netflix documentaries for designers. Read more: 10 boxsets every designer should watch Hilarious parody posters reveal the truth behind Oscar-nominated movies The best pencils for colouring, drawing and sketching View the full article

Blue Monday is said to be the most depressing day of the year. The combination of the gloom of winter and the post-Christmas lull means that many find this day particularly difficult. However, your mental health is something that you need to look after throughout the entire year. Work stress is one thing that can lead to feeling low around Blue Monday, or in general. And if you're not careful, feeling stressed at work can easily escalate into something worse. Work and stress can lead to depression, anxiety and a host of mental and physical illnesses. Sometimes, we get so caught up trying to build the perfect website layout, create the ideal design portfolio or try out all the latest web design tools that we forget to take a step back and consider the impact all those extra hours working might have on our wellbeing. And even if all the hype around Blue Monday irritates you, then remember that if you can use this day as a catalyst to check in with yourself and think about how you're doing, then that can only be a good thing. Three years ago, I was diagnosed with ulcerative colitis, and stress may well have been one of the contributing factors. After being in and out of hospital while trying to establish my career, I have learnt some painful lessons on how to manage stress. Here's my advice for 10 things you can do to protect your health and wellbeing at work. 01. Open up First of all, the best thing to do is start talking. If you’re comfortable doing so, open up to your family, friends and colleagues. These are likely to be the people you spend most of your time with, so it’ll be helpful for them to understand what you’re going through. My partner and I talked about my illness regularly and it helped us get through it together. It may feel difficult to talk about (even with people you're close to), but remember you're not alone – in many cases there will be many, many others suffering from the same thing you are. 02. Prioritise sleep Don't sacrifice sleep for work Exhaustion is one of the main issues affecting professionals in the creative industries. While the occasional midnight flurry of coding isn’t going to kill you, don’t make it a habit. Always think: What’s the worst that’s going to happen while I have a few hours of sleep? Your health is more important than an extra line of code. 03. Rethink your downtime Ensure you take some time to unwind. And by that, I don't mean just on your phone or in front of the TV (we’re all guilty of spending a bit too much time doing these things). Getting a good night’s sleep not only helps keep you healthy and well rested, it can also help you deal with stress. Simple tasks like keeping on top of bills, mowing the grass or fixing that leaking tap can also improve your wellbeing. 04. Focus on one thing at a time Don’t feel like you have to tackle everything in one go; prioritise items that will make a difference to your life and your career. It’s better to do half of your tasks and do them well than to half-complete everything. Personally, I have been focusing on finding medication to keep my disease under control. Now I’m on something that works, I can turn my attention to my career. 05. Remember you’re not invincible Discuss your illness with the person or team that deals with your welfare at work. If you need time off for your mental or physical health, then take it. There’s no shame in illness. Returning to work after an illness could mean that you encourage positive policy changes within your company. It also places you in a position to help establish new support networks and create a safe place for health-related discussions. 06. Take a break Get outside on your lunch break if you can Often in our industry, going the extra mile all the time is seen as important. It isn’t. Most of the time, putting in more hours causes more problems than it solves. Instead of working flat out, learn a new skill, take a stroll around your local park during your lunch break or help someone else. This will improve your creativity, productivity and help you get your tasks done more efficiently. If you find that you're sitting at your desk for hours on end, you could also try these desk exercises. 07. Calm down your commute Whether it's because of ridiculous traffic or delayed public transport, getting to work can often be quite stressful. But it doesn’t have to be. Often there’s no avoiding a commute, so make the time yours by listening to a playlist of your favourite songs, a podcast that inspires you, or reading a book you love. Use the time to prepare yourself for the day ahead or unwind as you travel home. You could also try a mindfulness app. 08. Monitor your stress levels Take a note of the situations that cause stress and how you react to them. Some people recommend keeping a stress diary, but not everybody has the time or commitment to do that. The main thing is to just be aware of what makes you stressed and how to turn the negative into something more manageable. Self-awareness is key. 09. Don't let illnesses define you One of the toughest things for me was understanding that my illness is for life. When I was first told about it, I didn’t understand what the consequences were and how much of an impact it would have. Now I have taken a new view on my colitis: it won’t change me. I decided that my colitis won’t prevent me from achieving my goals and it won’t limit my ambitions. The only restrictions my illness gives me are the ones I put upon myself. 10. Don't neglect your wellbeing If you focus on your health first, your career will follow. If you don’t feel well, your work isn’t going to be on top form either. Putting in ridiculous hours or working every weekend isn’t critical to success. The key is to prioritise your illness and focus on things that will positively impact you and your career. This is an edited version of an article originally published in net, the world's best-selling magazine for web designers and developers. Subscribe to net. Read more: The best standing desks in 2019 Discover the unknown stories behind everyday icons How web design can affect your health (and what to do about it) View the full article

Weak challenge questions by customer service reps make it easy for fraudsters to hijack a phone line and bypass 2FA to breach accounts. View the full article

Are publicly released proof-of-concept exploits more helpful for system defenders -- or bad actors? View the full article

Are publicly-released PoC exploits good or bad? Why is the Joker malware giving Google a headache? The Threatpost team discusses all this and more in this week's news wrap. View the full article

Government regulations in the UK mean that websites and apps in the public sector must now be accessible to everyone. In the digital age, mobile apps have become a widely popular platform for businesses to connect with their customers. Whether this is via a business, educational or entertainment app, the platform allows a more convenient, on-the-go approach in comparison to the likes of a website. Check out our free accessibility tool post for some quick and easy solutions. Making your app accessible means you must consider the range of challenges a customer may face, ensuring that as many people as possible can use it. This includes those with impaired vision, motor difficulties, cognitive or learning difficulties, as well as deafness or impaired hearing. Designing an accessible app means much more than simply making the design clearer. You must design an app that is adaptable to those throughout the spectrum and support those who need the app’s extra, accessible functions. Here we will be discussing six factors organisations need to consider when designing an app, making sure it can be accessed by everyone. 01. Create a simple, clear layout The initial step is to ensure you have a simple layout. A cluttered design may overwhelm a user who then might give up on your app before they have even properly begun to explore it. Elements must be visible to those who may need to magnify the screen, so your design must be responsive and adapt to various screen sizes. Text and call-to-action buttons must also appear at an appropriate size, with the option to enlarge. 02. Design a consistent navigation You must design an easy-to-follow app with clear indicators. Navigation should have short task flows and be easy to find, as well as consistent throughout the different stages of using the app. Again, this is especially important with your call-to-action buttons. They must be clearly labelled, to smoothly guide users through your app’s goal conversion. Navigation pointers – for instance, menu bars and search boxes – should also be consistently positioned in a similar format throughout your app. This will enable users to quickly and easily explore your app in a logical order with no confusion. 03. Consider your text formatting Text is another element that must be carefully thought out. Dyslexia can affect a person’s accuracy of reading, so you must really think about the structure of copy used on your app. Uneven spacing, long sentences or paragraphs, italic fonts and the colour of text are just some design features you need to consider. Over-formatted text can be difficult for dyslexic users to read, as well as those with impaired vision, so make sure you keep your formatting simple and consistent throughout your design. Adding accessibility ensures that everyone can use your website or app 04. Make audio and video accessible Creating an app that is interactive as well as accessible can be seen as a challenge, though creating a tick list of things you must consider will mean you can include media communications, for instance video and audio, where appropriate. When incorporating these elements, users should be able to pause or stop, adjust volume and turn captions on and off. You may also need to consider adding audio description for users with visual impairments and subtitles and sign language for those who may be deaf. If relevant, video and audio has the ability to transform any app, though if you feel it may cause accessibility concerns or be an added but unneeded extra, be sure to explore other creative options that can also add an interactive element. 05. Give careful consideration to colour Colour palettes are a top priority when designing any app, as most businesses associate certain colours with their branding. To make your app accessible to colour-blind users, it’s important to not fall in the design trap of solely relying on colour to communicate your message. This doesn’t mean avoiding using colour at all. As already mentioned, colour can reflect a brand, so you just need to make sure that elements of your app are not purely identified based on colour. Your palette should also be carefully selected so that users can fully interpret the information displayed. 06. Don't forget to test Following accessibility guidelines is always a good starting point but treating the development as a tick box challenge will not guarantee success. There are many methods to approach the testing phase, for instance engaging with real users at random and asking them to test elements of your app or using digital tools that can offer detailed assistance on screen reading. Designing an app is a great opportunity for creative minds to develop a strong platform for any business. Making it accessible should not be a constraint; it will enable you to create a positive brand image that can associate with everyone. This article was originally published in issue 325 of net, the world's best-selling magazine for web designers and developers. Buy issue 325 or subscribe to net. Join us in April 2020 with our lineup of JavaScript superstars at GenerateJS – the conference helping you build better JavaScript. Book now at Read more: 10 best design apps for Windows 20 best drawing apps for iPad How to create accessible web forms View the full article

Anyone who is remotely interested in houses will know the value of a good floor plan. And anyone who is remotely interested in TV shows will probably enjoy the beautiful floor plans created by interior designer Iñaki Aliste Lizarralde, who illustrates the houses inhabited by characters in popular shows and films. These floor plans of abodes featured in the likes of Mad Men, The Simpsons, The Flintstones, Sex and the City, Girls and White Collar are fascinating for the shows' fans – not least because some reveal rooms you can't ever remember seeing (more on that later). They also reveal an interesting area of character design that you may not have considered. If you're creating a character, do you always think about where they might live? How will their home reflect their personality? Lizarralde's prints reveal that the shows' creators have certainly thought this through. But there are some elements that may surprise you. Below are some of our favourite floor plans from Lizarralde, who goes by the name Nikneuk on DeviantArt. Click the icon in the top right of each image to view it full-size Don Draper's apartment centres around his iconic living room Don Draper from Mad Men's apartment is actually kind of massive. There are three toilets. Naturally, in the show, we see him mostly in the bedroom, lounging in his living room, or occasionally looking pensive at his desk. Do you recognise the room on rear right-hand corner of the ground floor? The Simpsons' house is also bigger than you might think. In fact, it's so big that some people on Twitter were surprised by the inclusion of some of the downstairs rooms (on the right of the floor plan), saying that they didn't recognise them. But this being Twitter, people were quick to jump in with an explanation (see below). The Simpsons place is not quite as stylish as Draper's gaff (apart from those carrot curtains in the kitchen, which we wish we could see more of). Not surprisingly, there are quite a lot of comfy chairs. This floor plan shows the two apartments most heavily featured in Friends One of Lizarralde's Friends floor plans shows two apartments: there's Chandler and Joey's place, pictured next to Monica and Rachel's. We love how he's combined the two, seeing as they all basically live together anyway. (As a side note, we'd like to see how the apartments changed when the girls swapped with the boys.) It's also clear when you see the apartments side by side which one is bigger, plus fans of the show will delight in picking out several details, including the boys' chairs and entertainment unit, the window seat in the girls' apartment (where Rachel sits looking at the rain feeling sad about Ross), and Monica's secret closet/cupboard of shame. If you would like to see more of Lizarralde's work, or buy one of his prints for your own home, visit his Etsy shop. Read more: Hilarious parody posters reveal the truth behind Oscar-nominated movies Graphic design in film: the ultimate guide Insider advice from a master film character designer View the full article

Do you love writing? Have you ever considered making it your career? Take on a new skill for 2020 and master digital copywriting with The Modern Digital Copywriting & Marketing Playbook Bundle. Copywriting is one of the top details many businesses overlook. It's such a vital part of a brand's message that improving your writing, even slightly, can help your products connect with an audience so much better. Whether you're looking to build a career in content marketing or simply improve the copy on your personal site, this 10-course bundle brings you everything you need to transform your love of writing into a budding career. You'll start by learning different techniques for how to make your message impactful and engaging for your particular audience. You'll also come away equipped with industry best practices to convert more leads, write for high-profile publications, and even learn how to jazz up your resume to finally land your dream job. With access to over 600 lessons, you'll become a master of generating traffic to your website and converting that traffic into sales. You'll even learn how to self publish books to Amazon and other leading book providers from the comfort of your home! If you're looking for a course that will help get your thoughts from your head onto the computer screen, this bundle has it. You'll learn the ins and outs of using the art (and science) of copywriting with topics such as understanding how to write compelling headlines and learning what makes copy impactful. Gain techniques on how to write faster and understand what type of content you ultimately want to create. Easy to follow video lectures and an included community of like-minded writers will help you connect and gain support for your work, such as providing introductions to in-network editors. With lifetime access, you'll be able to revisit each course whenever you need a spark of inspiration or additional guidance. The Modern Digital Copywriting & Marketing Playbook Bundle is usually priced at $2,000, but, for a limited time, you can start writing like a pro for only $35. Transform your writing and help launch your next money-making career today. Read more: Designers give iconic logos a radical makeover Infographic: 10 essential desk exercises for designers January sales: Cheap Adobe Creative Cloud deal is LIVE View the full article

There are plenty of reasons you might want a Hydro Flask deal. Hydro Flask makes some of the best water bottles you can buy; they're tough enough to withstand knocks, their double-walled vacuum insulation maintains your drink's temperature, and they look great thanks to their clean lines and colourful powder-coated finish. Needless to say, having some Hydro Flasks dotted around your studio could give you some serious cool points. They're not just for water, either. Hydro Flask has a wide range of other insulated bottles and cups for everything from coffee and tea to soup and stew. All are lined with professional-grade stainless steel that doesn't hang onto tastes and odours, and many are dishwasher-safe as well. A Hydro Flask is great if you’ve been looking for a way to cut down on single-use plastics, but don’t want to spend money on something that’s poorly designed or easily broken. In the unlikely event that anything does happen to it, each Hydro Flash bottle and cup comes with a lifetime warranty, so you can simply contact the company for a replacement. With all that in mind, we've tracked down the very best prices for a range of Hydro Flasks. With so much choice, there's sure to be something that's your cup of tea. The Hydro Flask 21oz Standard Mouth Bottle is hugely popular, and for good reason – it's a handy size that'll slip easily into a bag, and it'll keep your drink cold for 24 hours, or hot for six hours. It comes in six colours, with a tough powder-coated matt finish, and its stainless steel construction means it can take its share of knocks around the studio. This bottle is supplied with Hydro Flask's Flex Cap as standard (with honeycomb-style insulation to help maintain a constant temperature), but you can choose a sports cap instead if you prefer, which may be a good choice if you're concerned about spillage on your desk. The Hydro Flask 32oz Wide Mouth Bottle is easy to fill in a hurry, and its larger neck means you can easily pop a few ice cubes inside to keep your drink extra cold for hours on end. It's also easier to clean than a narrower bottle (though you'll still want to use a bottle brush to make sure you're getting all the way inside). This larger capacity bottle won't slip into your bag as easily as the 21oz one above, but the handle makes it easy to carry, and you won't need to get up from your desk to refill it so frequently. There's no sports cap option for the Wide Mouth Bottle, but Hydro Flask produces a version with a built-in straw instead. If you're working somewhere without a water cooler or easy access to a coffee machine, the Hydro Flask Oasis could be just what you need, holding enough of your chosen beverage to keep you going all day. This huge flask holds almost four litres, and has two lids: a smaller one for pouring, and a large one that you can remove for easy refilling and cleaning. The downside is that the Oasis is rather expensive, though Hydro Flask's lifetime warranty takes some of the sting out, and you can also put it to good use for picnics, camping trips and parties when you're not at your desk. The perfect replacement for all those disposable single-use cups – just hand over the Hydro Flask Tumbler in your favourite coffee shop and enjoy your hot drink guilt-free. While the Hydro Flask Tumbler doesn't collapse flat like some reusable cups, it offers much better insulation and won't acquire the same unpleasant taste as rubber cups tend to. It also fits in most cupholders, so you can use it when travelling between meetings. Just make sure you pay close attention when you're ordering the Tumbler because not all retailers include the press-on lid, which is essential for keeping the contents hot. If you prefer to make your own hot drinks, the Hydro Flask 12oz Coffee Mug is the perfect vessel for the job. No longer will you find yourself in the frustrating situation of creating the perfect brew, then having it go stone cold while you're caught up in work and client emails. The mug's press-in lid fits securely and provides insulation to keep your drink hot for hours, and its soft-touch finish means it's comfortable to wrap your hands around in a chilly office. It's much pricier than a regular ceramic mug, but we think the benefits easily justify the cost. For enjoying a brew away from your desk, the Hydro Flask Coffee Flask 12oz is a great choice. Its wide neck means it's easy to fill from a kettle, but its relatively squat design means it fits under most coffee machines as well, so you can take your preferred Nespresso drink on the road. This 12oz version is small enough to tuck neatly in your bag and holds a standard size cup of coffee, but larger versions are available if you need more caffeine to get you going in the morning. It's also compatible with Hydro Flask's Wide Mouth Straw Lid, which makes it ideal for iced coffee too. Your studio might not have a microwave, but with the Hydro Flask Food Flask 12oz you can still enjoy a hot lunch from home. This flask has an extra wide neck to accommodate forks and spoons, and its stainless steel interior doesn't cling to food odours like plastic Tupperware. This it the smallest size, but larger Food Flasks are available if you have a larger appetite. Just make sure you don't leave your lunch too late; this Hydro Flask has a larger lid than those intended for drinks, which means it doesn't have quite the same level as insulation and will only keep food hot for around four hours. Read more: The best tablet keyboards in 2020 The best record players for creatives The best smart home devices for creative professionals View the full article

Ever look at a famous logo and think, 'I could have done a better job'? Course you have. And some designers have put their money where their mouths are and actually given it a crack. Popular designer portfolio and networking platform Dribbble has put together a roundup of the best unofficial logo redesigns of the past year. All these designers have given world-famous logos a radical makeover, and the results are well worth checking out. Some of the designs here are arguably better than the originals; others serve as a reminder that effective logo design is a lot harder than it looks. Even the ones we think don't work raise some interesting points as to what makes a logo successful or unsuccessful – for more on that, take a look at our feature on the stories behind the world's best logos, or our roundup of logo design advice. Scroll down for a taster, and see what you think. A reminder: these are all unsolicited and unofficial. So don't worry, none of these new-look logos are going to be elbowing out the classics any time soon. Click the icon in the top right of each image to enlarge it This redesigned Twitter logo (right) opts for a more abstract silhouette Twitter's little birdy is instantly recognisable in a range of contexts. This redesigned logo opts for a much curvier, more abstract shape. The addition of a circle to represent the eye helps ensure it's still recognisably a bird. This is one of the more divisive logos on the list. One of the reasons the current Twitter logo is so effective is that it easily passes the silhouette test, but does this version have such a strong impact? The redesign is the work of logo designer and self-confessed branding geek Myles Stockdale. This redesign (right) has heritage in the Star Wars world This is one of the most radical redesigns in Dribbble's roundup. The original Star Wars font is gone completely, and instead there's an unusual font with an Art Deco vibe. We wouldn't immediately associate this aesthetic with sci-fi, but this logo actually bears some resemblance to the second Star Wars logo – especially those 'A's. It was created by Ted Kulakevich for Florida agency Unfold. This unofficial Apple redesign (right) embraces Apple's colourful side Another titan in the world of logos, Apple's apple has had broadly the same silhouette since 1977. Is it time to shake things up? Russian designer Ruslan Babkin has created a new look that makes a statement with colour and gradients. The striped, rainbow stylings hark back to Apple's 1977 logo, but this logo takes on a whole new silhouette. The much-discussed 'bite' remains (read about that here), but does it still look like an apple? See the full roundup on Dribbble here. Read more: 8 of the biggest logo redesigns of 2019 Where to find logo design inspiration Infographic: Take a tour of the top logo trends for 2020 View the full article

The Oscars nominations have been released, and it's time for our favourite guilty pleasure: TheShiznit's annual collection of honest Oscar-nominated movie posters. This is the 10th edition of 'If Movie Posters Told the Truth', and they're as top quality as ever. Shoddy mockups these are not – creator Ali Gray has gone to the trouble to match the fonts, balance the layouts and keep the colour schemes, all whilst delivering the most cutting put-downs. Heck, we think you could swap these parody posters in for any of the official efforts at your local Odeon and it'd take a good week or two before anyone noticed. (See our roundup of Photoshop tutorials if you want to replicate Gray's efforts.) Judging from his introduction, Gray seems to be having something of a personal crisis right now – "I have forced the movies tell the truth, even though the concept of truth is now meaningless. I'm writing on the face of God. Does that make me God? Yes, yes it does" – but that hasn't impacted on the quality of this year's takedowns. And, as he says, no one ever reads introductions anyway. For more info on the Oscars themselves, check out our sister site GamesRadar's full rundown of Oscars nominations 2020 (or the biggest Oscars snubs from this year's list). Alternatively, read on for our favourites from this year's honest movie posters. Click the icon in the top right of the image to enlarge it Sam Mendez's 1917 is a powerful WWI story with a mammoth stylistic triumph up its sleeve: it was filmed as one, epically long, unbroken shot. Or it looks that way, anyway. The truthfulness of the movie's big USP comes under fire in TheShiznit's poster parody (above, left). There's also a cheeky nod to dwindling attention spans, and the challenges of such an approach for the poor, distractible audiences. Quentin Tarantino's much anticipated Once Upon a Time... in Hollywood thrilled many and bored almost as many to tears. But its makers were certainly laughing when it came to Oscar shortlist time – it's nominated in a whopping 10 categories (the same as 1917). There have been a few criticisms thrown at the movie, including that there is no storyline to speak of for at least the first two hours, but TheShiznit's poster (above, right) offers a gentle ribbing about the vast number of niche and nerdy movie references Tarantino manages to pack into his tale of Tinseltown. Click the icon in the top right of the image to enlarge it For Joker, director Todd Phillips seems to have set out to make a superhero movie that's as unenjoyable to watch as is humanely possible. That's not to say it's not a valuable and impressive bit of movie-making, as those 11 Oscar nominations will attest. TheShiznit takes issue with this comic book film's seriousness in its honest poster (above, left), and also has an important message for Arthur Fleck (that's the Joker day-to-day, if you're not up to speed) in the strapline. Finally, there's Knives Out, Rian Johnson's hugely entertaining whodunnit, which is up for Best Original Screenplay. It's all wonderfully ridiculous, but nothing more so than Daniel Craig's droning southern accent as Benoit Blanc. The private detective may have Bond's face, but that voice is pure Looney Tunes. That's just a taster, so make sure you check out the full range of posters, including a Jo-Jo Rabbit effort with some incredible cringeworthy puns. And if you haven't tired of laughing at critically acclaimed movies, you can also explore last year's honest movie poster series. Read more: Inspirational poster designs Is this the defining movie poster trend of the decade? Special effects in movies: 10 stunning examples 8 appalling CGI fails in modern movies View the full article

The flaws affect a key tool for managing its network platform and switches. View the full article