Rss Bot

For any email marketing campaign to work, the email has to reach the inbox and stand out from the all the others. However, the story does not end there. Your email has to render well if you want your subscribers to open your email, click through the CTA and get converted. Rendering is a problem because every email client and device perceives the code differently. Code that works well with one email client can create a rendering issue in another. To make things even more challenging, even the most widely used email clients come with rendering quirks and problems. In this article, I’ll take a look at the challenges and workarounds for each of the main email clients. Outlook It wouldn’t be a hyperbole to say that we email developers shudder at the thought of Outlook. The obvious reason is the numerous rendering challenges presented by this email client. What’s surprising is that any corporates still have Outlook as their standard email client and a small proportion of your subscribers are still loyal to it. Have a look at some of the challenges and hacks for Outlook: Challenge: Outlook doesn’t support margins in <p> and <a> Hack: If you want to provide margins, use the <td> tag; uppercase should be used outside the tag, and lowercase inline Challenge: Padding is only supported on certain HTML attributes (not including on <div> or <p> tags) Hack: Table-based layout is the safest bet to overcome this issue Challenge: Outlook is the only email client that does not support GIFs Hack: As some clients will only see the first frame of your animation, this should include all the important information, run only for a few milliseconds, and make sense as a standalone image Challenge: Outlook does not support Google Fonts, and will implement Times New Roman as a fallback Hack: Embed the following code... Outlook.com A new version of Outlook.com was introduced in early 2016 but the legacy version is still not out of use. Here are the challenges and hacks particular to that client: Challenge: An unnecessary gap of 4-5px is added below images Hack: Set the display property as "img {display:block;}" to remove the padding Outlook.com introduces unnecessary spacing between your images Challenge: Does not support RGB borders Hack: Use HEX codes to set HTML background colour Challenge: Adding # in href links breaks the anchor tag and shifts the CSS to another place Hack: Use domain name rather than href # iPhone native app The native iPhone email app is the most used client, and it supports all the interactive elements you’d typically find in email: GIFs, menus, accordions, countdowns, sliders and so on. Moreover, it also allows the email marketer to use high-definition Retina images for an awesome user experience. iOS10 has become all the more coveted because users can now adjust the number of lines of preview text in emails and even opt for list-unsubscribe. Nonetheless, despite these strong points, iPhone native app also has certain shortcomings. Let’s take a look. iOS10 users can opt for list-unsubscribe Challenge: Tiny text is automatically resized Hack: The minimum font size for headers should be 22px, and for body text 14px Challenge: The release of new iPhone models can cause rendering problems Hack: Fluid layout ensures emails display properly across all devices Challenge: In iOS9, when inline-block level elements are next to each other in the code with a space between the ends of two elements, it leads to wrapping issue Hack: Simply remove the space Challenge: iOS10 does not support fixed positioning Hack: No current workaround... Gmail Gmail is popular because it’s so convenient to use. However, that doesn’t mean it’s without its challenges. Gmail clips larger emails Challenge: If your HTML file exceeds 102kB, Gmail will clip it Hack: Avoid unnecessary style tags and attributes, and don’t copy the code from Microsoft word or other text editors as it is (this will add extra tags to the HTML file) Challenge: Gmail will remove CSS from the <style> block if it exceeds 8142 characters or includes errors or nested @declarations Hack: Make sure embedded styles are short and free of typos Challenge: Floats, margins, paragraphs, and padding are not supported Hack: Use a table-based layout with <td> for padding and margins Challenge: Background images do not work for non-Gmail IDs configured in Gmail Hack: Apply the background colour as fallback Challenge: Attribute selector does not work Hack: Use .class selector instead Apple Mail Apple Mail is perhaps the closest thing to a perfect email client we have. The main advantage of Apple Mail is that it is very forgiving when it comes to bad email coding. Moreover, just like iPhone Native App it supports interactivity in emails, thereby eliminating the need to view the email in browser. You should keep in mind two things while coding emails for your Apple Mail subscribers: Avoid using Calibri fonts Host your email and provide the links to the server, as internal links do not work in Apple Mail Yahoo! Mail As new and better email clients have arrived, Yahoo! Mail is less frequently used these days. Some of its rendering challenges and the hacks are discussed below. Challenge: It does not support the centre-align HTML attribute Hack: Use align="center" Challenge: min-device-width and max-device-width are not supported by media queries Hack: Use width attribute &/or in style instead of min or max-width Use the width attribute instead of min- or max-width, either separately or embedded in the <style> tag Challenge: Float tags do not work Hack: Add align="top" to the image in question On that note, we have reached the end of the discussion on most typical rendering challenges for email clients. Take a look here for more challenges and workarounds. Email marketing, if done right, can pave new avenues for your marketing strategy. Keep these simple workarounds in mind and your subscribers will never see a broken email layout in your emails ever again. Related articles: 15 awesome email newsletter designs 10 best email newsletter tools Master HTML typography in email View the full article

Letterpress printing has been around for hundreds of years and yet remains one of the hottest trends in stationery. Letterpress business cards still have the ability to turn heads. The ancient technique involves a surface with raised letters or artwork inked and then pressed into thick, soft paper, adding an exciting, tactile quality to the design. Known for producing a clean and elegant style, the letterpress technique is favoured by many designers for creating unique and creative business cards. Here we've picked 55 brilliant examples of letterpress business cards to inspire your designs. The 10 commandments of business card design01. Stefan Leitner These bold cards really reflect Stefan Leitner's personalityPhotographer Stefan Leitner asked Kristina Bartosova to design a simple business card for him. Instead, inspired by his extrovert personality, she decided to do the exact opposite, and designed a bold logotype that really stands out when rendered in letterpress. 21 free business card templates02. Voltalab The Voltalab logo combines a test tube rack and keyboardVoltalab is a recording studio built in the space where Cargo Studios and Suite 16 used to record classic bands such as Joy Division, The Fall, Happy Mondays and The Stone Roses. Fieldwork designed a whole identity package inspired by the building's rich heritage, including these stunning minimal business cards showcasing the logo mark that's a visual play on the Voltalab name, combining references to a test tube rack and an octave on a keyboard. 03. Garage Culture You can't help but love this supremely heavy cotton paper stockDesigned by Rodrigo Cuberas for a custom bike garage in Buenos Aires, these letterpress cards make a real impact thanks to Rodrigo's use of rough and heavyweight artisanal cotton paper stock. 04. Spotted Zebra Sarah Mangion's Spotted Zebra branding com is sophisticated but slightly quirkySarah Mangion's branding for Spotted Zebra, an online resource for writing, events and media management, needed to feel professional, bold and sophisticated with a slight quirkiness. Her letterpress business card design combines the logo in a simple geometric typeface, and a hand-drawn zebra illustration to add a custom feel. 05. Le Balene Those little stamps make Le Balene's cards totes adorbsWe love Eleonora Petrolati's wonderful stylised whale-based logo for Italian communication agency, Le Balene, and how she's turned it into a distinctive business card design. But what really marks this project out is her inclusion of a set of stamps and coloured inks that people can add their own little customisations to. 06. Quentin Monge The pattern work is great on these letterpress business cardsCreated using white foil, these five-colour letterpress business cards on triplex colourplan paper certainly pop. Using a bold and colourful pattern only plays to the card's strengths, which will certainly make for a memorable exchange. Designed by Don't Try Studio for Quentin Monge, they're some of the best-looking we've ever seen. 07. The Fox Yards Company 3D embossed design makes its markProduced by Jukebox Print, these ultra-thick cotton paper letterpress business cards bring 3D embossed design to the table. Using Jukebox Print's own innovative method, the attention to detail is wonderful, with the letterpress used to add text as well as a quirky textured background. 08. Christina Yan A sophisticated letterpress option from Belinda Love Lee"Christina Yan is a talented prop stylist based in Toronto," explains creator Belinda Love Lee. "This whole stationery set exudes sophistication and timelessness with a bit of edge. Each piece was letterpressed with the finishing touches of gold foiling, gold edging, and embossing." 09. OF ZOOS The cards were designed for Singaporean online literary journal OF ZOOSUsing a simple yet effective pattern of illustrative animals, these letterpress business cards pack a punch when it comes to originality. Designed for Singaporean online literary journal OF ZOOS, we love designer Charmaine Yeo's execution. 10. Rafal Borek Photography The historic press was used for this business card designThe Letter & Press Behance page states: "Mr Rafal from Ireland needed some business cards for his photographic business. But not a usual ones – really wonderful and over the top. So we printed the graphic with our historic press which can really show fine detail." 11. Mild Whistle Beautiful letterpress business cards for a Singapore-based agencyCombining craft and precision to produce a beautiful aesthetic, these new cards from Singapore-based agency Oddds are about as beautiful as they come. The Oddds website states: "The identity broadens with usage of letterpress accompanied by glamour with modernism. This is created with the intertwining between bronze and a soft tone of turquoise. The play of metal tones and pieces with cotton represents the designer's ideologies of art direction and design." 12. Elias Mendoza These classic-looking cards aim to convey the unique and personalised touch that Mendoza brings to his workWhen Cocoa Branding was hired to create branding materials for Elias Mendoza, an immigration and naturalisation attorney in the US, it needed to convey the unique and personalised touch that Mendoza brings to his work with all types of family and business immigration needs. Part of the branding solution was these heavyweight letterpress business cards, designed by Rodrigo Suárez. 13. Bailey H Robinson Two Arms Inc aimed for a turn-of-the-century look with this card, and got it spot-onBrooklyn-based tattoo artist Bailey H Robinson has a very distinct take on traditional American tattooing. Two Arms Inc was keen to design something that looked and felt like traditional turn-of-the-century type. The resulting letterpress card is an ornate delight that wouldn't have looked out of place in 1901 (except for the contact URL, of course). 14. Motor City Chop Shop We can practically hear the thunder of the enginesThis design for Motor City Chop Shop has its finger on the pulse of Detroit's motorcycle culture. Created by Company Folders, the card's surface features a dotted emboss effect for a cool background texture that doesn't compete with the letterpress text. Tires and handlebars turn the curvy font into a chopper, while the slanted letters add a sense of speed and movement. 15. The Yard VFX The striking silver contrasts perfectly with the inky blue backgroundThe Yard VFX is a visual effects company based in Paris. When Mr Cup Studio was tasked with redesigning the studio’s identity, the entire graphic language was built around the fact that it would be printed using letterpress. The eye-catching letterpress business cards feature a debossed astrological design, with the studio’s URL in striking silver. 16. Mia Parcell Typographer Mia Parcell gets a circular letterpress cardImpressworks printed these letterpress business cards for designer Mia Parcell. The job features a two-colour, double-sided print on our 600gsm Fluoro White Crane Lettra stock. Parcell took care of the artwork herself, with Impressworks coming up with the circular execution. 17. Simon Featherstone A contemporary logo design and letterpress card for the lighting designerSimon Featherstone is a freelance lighting designer and programmer, with vast experience in video and LED technology. The contemporary logo marque uses a pattern derived from LEDs and combines it with a bold gradient running from cyan to magenta. The branding collateral uses a range of cool grey tones to suitably reflect the high-end nature of the industry and communicate a professional and knowledgable tone of voice. 18. Adicto Combining authentic design with passionate craftsmanshipOffizin Parnassia is a fine art studio born out of a love for old books. The team there combined authentic design with passionate craftsmanship to create these beautiful Adicto letterpress business cards. 19. Lucky Cat Acupuncture A adorable anime-influenced letterpress business cardThis playful letterpress business card was created as part of the identity for designer Kevin Hayes' wife's acupuncture clinic in Minneapolis. "She requested something that had a little bit of an anime style with some whimsy," he explains. The business cards were printed at Studio on Fire. 20. Pepelatz Andrej Barmelaj developed these postage-stamp inspired letterpress business cards for advertising agency PepelatzUkraine-based designer and illustrator Andrej Barmelaj is the designer behind these brilliant postage stamp-inspired letterpress business cards for independent advertising agency Pepelatz. With four different designs to choose from, each stamp adds a splash of colour to Pepelatz employees' otherwise simple white letterpress business card. Next page: 20 more brilliant letterpress business cards 21. German Torres Letterpress business cards for illustrator German Torres feature his character transforming from a human to a werewolfThese beautiful letterpress business cards feature the wild illustrator German Torres transforming from a human to a werewolf. Print shop La Trasteria created them using a two-colour split fountain for the transformation and black ink for the other details. These creative business cards are beautifully printed, and we just love the playful design, which depicts a smiley character by day and the stages that turn him into a wild illustrator by night. 22. Dane Holmquist American artist Dane Holmquist created the illustration for these letterpress business cards himselfThese detailed, beautiful letterpress business cards belong to illustrator and graphic designer Dane Holmquist. The talented artist created the intricate illustration himself, before enlisting the help of printers DSJ in Santa Monica, who helped bring his vision to life. Holmquist's mantra is: "If it has the potential to be cool, I will do my very best to make it so." And he's certainly achieved that with this gorgeous design. 23. Jee Johanna Ecker's gorgeous letterpress business cards double as a tiny notebookBrand consultant Johanna Elisabeth Ecker wanted a business card that reflected both the quality of her work and her personality. Working alongside designer Kurt Glanzer at Moodley Brand Identity, she developed these beautiful letterpress business cards, which double as a tiny notebook, including a personal handwritten message for the receiver and 15 more empty pages for them to use as they wish. 24. Bentply One minute it's a business card, the next it's a Gerald Summers armchair. Cool, huh?What you see here is one of the neat letterpress business cards for furniture shop Bentply in Marylebone, London that can be made into mini bent plywood chairs. The ingenious card design was created by art director, writer, and designer Richard C Evans and produced by Elegante Press in Lithuania. Just follow the instructions and the kiss-cut card can be folded into a miniature replica of the iconic 1934 plywood armchair designed by Gerald Summers. 25. Dot Design The distinct shape makes these creative business cards instantly strikingPrinted using two colours on both sides and die cut to shape, the carefully placed design elements on each side of these letterpress business cards avoid any overlapping. They're printed on 425gsm cotton and are instantly striking. Creating such a distinct shape really makes these creative letterpress business cards one of our favourites. 26. Derek Welsh The sleek finish represents Walsh's work perfectlyGlasgow Press achieved a monster 810gsm when creating these letterpress business cards by bonding 270gsm sheets of Ebony, Citrine and Bright White to achieve a stand out card for furniture maker Derek Welsh. Black letterpress to the Bright White side with the gloss black foil to the Ebony card really make this a unique creation. 27. Whitney Shaw We love the colours used on this letterpress business cardThe colours really won us over with Whitney Shaw's letterpress business card. Incorporating a variety of fonts, as well as a playful illustration, this is a design that would surely be cherished by the receiver. The use of larger 'W's' also allow for Whitney's name to stick in the mind, while keeping the design aspects to a minimum. 28. Bryon Darby The clean-cut, minimal approach works for this letterpress business cardOften, less is more when it comes to design. It's certainly the case for this letterpress business card for photographer Bryon Darby. Using a minimal colour scheme and using the letterpress to create a series of beautiful patterns, we love its simplicity. 29. For Luca A lovely letterpress card for a worthy causeWhen Luca was just three years old he was struck down with Meningococcal Septicaemia, losing both of his legs along with muscle and skin below his hips. When his dad contacted Blush Publishing in North Wales for some business cards to help with Luca's campaign they fired up the presses and produced this delightful design. We love the bright blue typography placed on a simple, white backdrop. Instantly eye-catching. 30. Amy Weibel The typography is simple but effectiveAmy Weibel is an art director and designer with a passion for food, travel, technology and, of course, design. The typography treatment on each side is simple and effective, while the trim is bold and memorable. 31. Kitty's Beauty Parlour The card was letterpress-printed on double thick 236lb cotton card stockPrint & Grain is full service graphic design and letterpress studio. They offer original custom design and letterpress printing. Print & Grain encourage a collaborative effort with their clients during the design process to create a unique and personal card, which will be letterpress printed on double thick 236lb cotton card stock, using an antique Kelsey Excelsior printing press. A strong example from their portfolio is this creation for Kitty's Beauty Parlour. 32. Mei Yen Chua The card combines slab-serif and serif typefacesA variety of techniques were used on this business card for Mei Yen Chua. The experimental techniques using overlays of ink works wonders. Each shape also been embossed into the card, combining slab-serif and serif typefaces. A confident and eye-catching card. 33. Meg Gleason We love the incorporation of natural images into this cardMoglea is a boutique letterpress stationery design studio created by Meg Gleason. She loves bold pops of colour, hand-lettered typography and intricate floral and geometric patterns. The letterpress studio is within a farmhouse in Western Lowa, and this influences her style, which incorporates animals and nature into the designs. 34. Denim Geek Blush pull off yet another beautiful letterpress printing jobThis gorgeous letterpress business card comes from those talented folks at Blush – a bespoke and custom letterpress printing service that offers 
wedding stationery, personalised correspondence, greeting cards and of course, business cards. Even though white letterpress ink is often extremely diffcult to work with and doesn't give a very good solid on dark stock, it works extremely well in this design. The card was printed on 1000mic recycled board, so it's good for the planet too! 35. Leigh Cameron We love the stark contrast within the colour choicesThe guys over at Typoretum have an incredibly impressive array of letterpress business card designs on offer. Specialising in comprehensive letterpress business card and stationery design, the printing service can work from artwork supplied or help you to design your own. This creation for Leigh Cameron is simple, elegant and engaging. We love the stark contrast of the green coupled with the grey. The cards are printed on 750 micron recycled greyboard. 36. Britt Boyd Combining stunning graphic design and typography, this is one of their best examplesPrint and Grain are quickly becoming known for their letterpress business card offerings within the design industry. Based in Portland, Oregon, they also provide letterpress inspired greetings cards through their Etsy shop. This design for Britt Boyd is a stunning feat in typography and graphic design. The beautiful graphics, combined with an eye-catching font and coloured edges, make it one of their best examples. 37. Ninja star A letterpress business card that will get 'the point' acrossNow, here's a letterpress business card that'll catch a potential client's eye for all the right reasons. Showcased on Beast Pieces, this design will certainly get your 'point' across (sorry!) Although it might not be the ideal shape and size to slip into your wallet, the letterpress design and carefully placed typography make it a must in this list. 38. Nili Studios Print & Grain triumph again with this letterpress design for Nili StudiosAnother addition from the guys at Print & Grain, this lovely-looking letterpress business card was designed for creative agency Nili Studios. The nautical-inspired theme is perfectly executed with the chosen soft blues as well as the waves and anchor logo. The easily-readable font is also a brilliant choice. 39. Druckerei Eisenhardt The bold choice in size, shape and typography make this business card stand outA printing press that's been operating for over 42 years, Eisenhardt is a trusted German company offering the best in letterpress design. A family-run business, it works with both modern and traditional techniques in the centre of Frankfurt. This letterpress business card design immediately caught our eye thanks to its bold choice in size, shape and typography. The orange-on-white colour scheme enables the font to stand out whilst the understated letterpress gives it the edge it needs. 40. Stu Horvath Dolce Press showcase the intensity of one-colour printingDolce Press is a boutique print shop and design studio located on the eastern end of Long Island. Specialising in letterpress, the design studio creates one-of-a-kind prints. This letterpress business card was printed on super-thick kraft stock in black ink, showcasing what can be accomplished with one-colour printing. The letterpress cards were finished off with black edge colouring and printed on a Chandler & Price 8x12. Next page: More brilliant letterpress business cards 41. Fizz Creative These coasters complement Fizz Creative's 'Design straight up with a twist' motto perfectlyGraphic designers Jasen Melnick and Katie Major used letterpress printing to create these awesome retro-style coasters to promote their award-winning boutique studio Fizz Creative. Their letterpress business cards design perfectly complements the duo's motto, 'Design straight up with a twist'. Featuring two Pantone colours, and printed on thick, ivory white stock, these business cards won awards from the AIGA Cleveland Design Competition and from the HOW+Print Color in Design Competition. 42. Dare These letterpress-printed cards feature ASCII images of individual employees. We want some!We love these innovative designs by creative agency Dare. The company describes itself as 'a merger of a traditional agency and digital shop', so it wanted letterpress business cards that also combine old with new. An ASCII image was automatically created using characters from employees' contact details. The company then chose to letterpress these images onto individual business cards in order to re-emphasise the idea of traditional techniques meeting digital. 43. Pablo Abad Pablo Abad created this sans-serif typeface specifically for this projectThis beautiful letterpress business card was created by Madrid-based graphic designer and art director Pablo Abad. In a quest to create a new visual identity, Abad designed a bespoke geometric sans-serif typeface, gara. The clean yet edgy letterpress business card design makes it eye-catching but still easy to understand. Abad's love of illustration and typography is clear in this very personal project. 44. Shyama Golden Shyama 'Rhymes with Llama' – as in Shama-Llama, get it?It's always an awkward moment when you can't pronounce someone's name or get it wrong. To ensure that never happens again, artist and designer Shyama Golden designed these funky letterpressed business cards with her catchphrase 'It rhymes with llama'. Printed on Cranes Lettra cotton paper, with 100 per cent hand-drawn type and a hand-drawn llama, these beauties are one-colour letterpress printing at its best. 45. Luke Lucas Luke Lucas's card uses specialist ink to make it glow in the dark. Ooooooooh!After developing a new script-based logo, typographer and graphic designer Luke Lucas decided to update his business cards to show it off. Featuring his name on one side and his logo on the other, Lucas's card is no ordinary one. Printed on 600gsm Lettra cotton stock, this letterpress business cards design uses phosphorescent ink so that in regular light it appears as a simple debossing but when the lights dim, the logo glows bright green. Very cool. 46. Ovi Prunean James Prunean lovingly created these awesome business cards for his brother OviAs is often the case, simplicity can work wonders. A perfect example of this is these gorgeous letterpressed business cards created by graphic designer James Prunean for his brother, Ovi. Prunean used strong, bold colours that immediately catch your eye and at a first glance look very similar to Pantone colour cards. Printed on 220lb cotton paper, the soft yet strong impression has reportedly helped painter Ovi beat off a lot competition. And we can see why! 47. Jennifer Daniel Jennifer Daniel loves unicorns. Can you tell?These quirky but cool letterpress business cards belong to Bloomberg Businessweek's graphic director Jennifer Daniel. An internationally recognised illustrator, designer and art director, Daniel is also a lover of unicorns. After having a hard time choosing from her designs, she decided to have three printed, each one as memorable as the next and featuring her RSI-inducing contact email along the bottom. We wonder whether she's got any unicorn grooming business off the back of them? 48. Rabbit Hole With this business card you also get a cute desktop companionThis beautiful design grabbed our attention as soon as we saw it. Why? Not only because of the gorgeous impressions in fluorescent green with a double hit of silver on Beer Matt Board 390gsm but also because you can turn it into a rabbit. Yes, you read that right. Several shapes are die-cut out and can be put together to create a stylised bunny. Cool, huh? We bet the guys at letterpress and design agency The Hungry Workshop had great fun creating these for The Rabbit Hole Ideation Cafe. 49. Still Liquor The message here is not to drink and drive. Hence the word 'Still'This classy design was created for Still Liquor, a bar and micro distillery in a reclaimed bootleg liquor and auto shop in Seattle. To convey the bar's rich heritage, New York-based multidisciplinary design practice Javas Lehn Studio decided to use the iconic Ford Model T silhouette, bold type and unexpected contemporary compositions. The final, clean design was then letterpress-printed onto Eska board stock, using a bright shade of red to accentuate the bold type. If the bar itself is a classy as its business card, we'd definitely drink there. 50. Jason Carne Carne's business cards echo his website's two-tone colour schemeGraphic designer Jason Carne's personal letterpress business cards are certainly eye-catching. Featuring metallic red edge painting, two-colour foil stamped letterpress on duplex black Neenah paper, this is one design you'd want to keep. Related articles: The 10 commandments of business card design 10 business card fails 20 tools to make your team more productive View the full article

Oil paints offer the ideal medium for achieving strong and interesting brushwork. An artist's style of brushstrokes is what defines their work and gives it personality. It also plays a big part in the emotional response with the viewer. Two paintings from two different artists might have the same subject, composition, tones and colours, but a different style of brushwork can convey completely different moods or emotions. Here, we share some tips that can help you improve and discover more about your own brushstrokes. To easily achieve strong, powerful brushstrokes, practise on small boards but keep standard size brushes. That way, a single brushstroke will have more of an impact. 01. Choose the right brushes and boards for oil painting Your brushes and surfaces will affect the look of your strokes – rounded edges offer a softer applicationWhen choosing your paintbrushes, take into account the type of hair, the shape of the brush, and the length of the handle, all of which will affect the style of your brushstrokes. Brushes with rounded edges convey a feeling of softness in paintings, while sharp edges will give your paintings a stronger sense of energy. Valérie uses Rosemary & Co Ivory Filberts (0,1,2,3,4,7) and riggers (0,2) that combine the silkiness of traditional synthetic brushes with the firmer feel of hog bristles Your painting surface is also important. If you work with a dry, gritty, absorbent primer, your marks will turn into a dry and chalky glaze, and you will need to load your brush with lots of paint for the strokes to be thick and glossy. However, some pre-prepared canvases have a smooth surface, which means every brushstroke will be visible and glossy. 02. Remember that less is more Use your arm and make every stroke countIn order to achieve powerful brushstrokes, it's important to think before painting and to mean every mark. Use your arm rather than your wrist and be conscious of how you press your brush onto the canvas – and of how you release it. If you're happy with a brushstroke, refrain from fiddling with it or duplicating it everywhere – it will only lose its originality and impact. Highlight the elements that matter with sharp marks and keep the rest more subtle. 03. Create a mood Different styles of brushwork can convey different moodsUse brushwork to give your artwork a mood and atmosphere. Think of the curved, twisted marks of Van Gogh or Munch in comparison to Monet's impressionistic touches or Rembrandt's dramatic highlights. Their work conveys a different feel, due to different brushstroke techniques. Think of the mood you want to convey and adjust your brushwork accordingly. This works for weather, too – a blended, subtle brush application with soft edges depicts a light and misty day, while bold and sharp strokes can convey energy and power to depict a bright sunny day. 04. Depict texture Vary your brushstrokes to bring your painting to lifeBrushstrokes can help describe texture. Smooth, blended brushmarks will describe still, silky water, while bold, directional marks are more suited to an agitated sea or rough parts of the landscape, such as trees, rocks or sand dunes. Using different brushstroke styles between different elements will help bring your painting to life. The aim is to give texture and personality to every element. While doing this, try to be aware of the natural lines and curves of the landscape or still life you are painting and let the direction of your strokes flow like the lines you're observing. 05. Guide the gaze Use the direction of your strokes to guide the viewer's eyeThe direction of your strokes will have an impact on the feel and energy of your painting and can help strengthen your composition. Try directing several strokes towards the focal point of your painting, guiding viewers' gaze. The thickness of strokes can also help focus attention. A sharp, thick mark will stand out more than a blended one. Try using less paint and a muted approach for the dark, less interesting areas of your painting, and save your outstanding brushstrokes for the lighter and more powerful parts. This article originally appeared in Paint & Draw issue 6. Buy it here! Related articles: How to get started with oil painting 5 things you need for oil painting 7 must-know painting techniques for artists View the full article

You're reading 15+ Fresh Design and Development Books to Read this Summer, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! A few years ago when I first started learning computer science, paperback books were the primary source of information. I had to buy or rent them from libraries. The smell of fresh of typographic ink was priceless. It was a ritual of knowledge where the writer shared his experience. Paragraph by paragraph and chapter by […] View the full article

Building your website doesn’t have to require hours upon hours of learning to code. With Dragify, it’s as easy as dragging and dropping. Get a lifetime subscription to this powerful yet simple website building service for just $24.99 (approx £19)! While it's nice to know how to code and work with programming languages, developing a professional website doesn’t require specialised expertise with Dragify. It requires nothing more than dragging and dropping pieces into place. Dragify offers 44 pre-built elements to move around freely, assuring you can get the perfect setup in no time. And if you want to get down to code-level customisation, you can do just that before putting your site online. A lifetime subscription to Dragify usually costs $299, but you can save 91% off the retail price. That means you’ll pay just $24.99 (approx £19) for the perfect tool to build beautiful sites quickly and easily! View the full article

G F Smith has announced that the world’s favourite colour is a rich teal hue, named Marrs Green. Some 30,000 people in over 100 countries voted for their favourite colour from a selection of public submissions, as part of a major global survey conducted over six months by the paper company. Suggested by Dundee-based UNESCO employee Annie Marrs – who said she was inspired by the blue, grey and green tones of the River Tay – Marrs Green has been added to GF Smith’s Colorplan paper range. Introducing Marrs Green, the world’s favourite colour according to GF SmithBut what colour, exactly, is it? Green? Blue? Teal? Aqua? Certainly it makes for an interesting comparison with Franklin Til’s 2017 colour trends predictions, which placed an emphasis on bright, organic green shades and softened blues. In the Making of the World's Favourite Colour video below, we even spot G F Smith adding red pigment to the mix! Of course, it isn't the first time a blue-green shade has come tops. In 2015, a YouGov survey across four continents found blue to be the world's most popular colour, coming top even in China where colours like red, yellow and green are considered lucky. To celebrate Marrs Green, a pop-up shop in Hull will also sell a selection of customised British products sporting the colour, including a Tokyo Bike, Anglepoise lamp, furniture and clothing, before being transferred to GF Smith’s London Show Space on 12 July. Related articles: How to master colour theory 21 outstanding uses of colour in branding Pantone reveals its Colour of the Year 2017 View the full article

When it comes to the visual design of a website, the emphasis is often on the photography, illustrations or vector graphics. But at the end of the day, most websites are there to be read, so typography is one of the most important things you need to nail. In this post, we look at some examples of great typography on websites, all new for 2017, and talk to the designers to find out how they went about creating it. 01. Hi-Pointe Drive-in This restaurant site uses typography as a design element, breaking the grid in placesThe Hi-Pointe is a hip, modern spot for burgers and sandwiches in St Louis, Missouri, highlighting local ingredients and located in a former 1980s drive-in. The website created for the restaurant by local agency Brevity strikes a careful balance design-wise, looking thoroughly modern while incorporating design elements from the 1980s. And it’s all tied together with its clever use of typography, as Bob Schuster, partner and creative director at Brevity, explains: “On the site, we used typography as a design element, breaking the grid in certain places, and becoming a moving, interactive element in others.” The primary headings are set in Refrigerator Deluxe from the Mark Simonson Studio. “This captured the nice blend between the industrial and mid-century architecture, along with the modern and friendly vibe we were going for with the brand. I also really enjoy how fat and bold the typeface is. Because of this, it works really well over photography,” Schuster says. For body copy and other smaller treatments, Brevity used Museo Sans from exljbris Font Foundry. “Overall, it’s just a nice, legible typeface, even at smaller sizes,” says Schuster. “Museo still has a little bit of character that helps it stand well next to the bright personality of Refrigerator and the site design, overall. “We kept the containers for long-form copy to a narrow width to increase readability and allow other elements on the site like photography, colour, and icons to assist in telling the story.” 02. Chris Biron This digital designer’s minimal site lets the typography take the strainA freelance digital designer based in London, Chris Byron collaborates with brands, businesses and startups to shape their digital projects. Currently working with Google Creative Lab, his personal website is beautifully minimal, with bucketloads of white space, so the typography has to do a lot of the heavy lifting. Byron opted for GT Sectra for the headings and large quotes on his site. “I chose it to really hero my website, because it’s quite an unusual font, which is beautiful and memorable,” he says. “The sharpness is less common in serif typefaces and makes the font feel fresh and contemporary to me. I also played with 3D rotations on my site and attaching these to the scroll created a real motion and control, allowing the user to be able to play with the typography in a unique way.” Body copy, meanwhile, is set in Apercu by Colophon Foundry. “It’s probably my favourite sans-serif font,” says Byron, “because of its clean geometry and unique shapes such as the sharp ascender on the ’t’ and the loops of the “g’.” 03. Ditto This site promoting new eyewear technology offers a clean reading experienceDitto is a company that offers eyewear retailers the opportunity to provide customers with virtual try-on and frame recommendation technology. Central to its website is a cool little effect that overlays the central figure with a digital mesh as you scroll. Beyond that gimmick, though, this one-page site offers a clean, elegantly laid-out reading experience, dividing what could have been an overwhelming amount of information into bite-sized, manageable chunks. Sam Dallyn describes the design process as trying to strike the right balance between type size and the structure of content. “The messaging and structure changed about three times, which was really frustrating, but ultimately each time I restructured the layout things became better,” he says. When it came to font choice, Dallyn used Trade Gothic Bold Condensed, “to help give punch to the titles” and Avenir Light “because of the great contrast and this lightness reflected in the preciseness of the technology”. “Also, we had some long titles with words like ‘omnichannel’ that I wanted to keep reasonably graphic, something that's hard to do with a regular typeface,” Dallyn adds. “A classic rule that aids design is always sticking to few typefaces and minimal variations as this forces you to design in a certain way.” 04. Ade Mills The graphic designer and illustrator gave himself strict typographical parameters when it came to creating his websiteAde Mills is a young graphic designer and illustrator from Hastings with a broad skillset. He has a day job as a full-time designer at Playne Design, but he’s also keen to take on side projects in his spare time, including The Design Jones, a podcast where he interviews creatives from around the UK. His personal site is another super-minimal one, which makes original use of blue filters to create a distinctive look. “I wanted to create something that would be flexible and work well with both small and long content,” he explains. “The overarching idea was to give myself very strict parameters like colour, image styling and typography.” When it came to the typography on the site, he says, he wanted to limit himself to a single typeface, which would need to be readable and to render across platforms in the best possible way across the design. “I wanted something classic but nothing obvious or overused, so I ended up going with RM Pro from The Designers Foundry, which was designed by Mark Bloom of Mash Creative. “For me, this was visually perfect for the design,” he adds. “It worked well as the body text and was easy on the eye when reading long texts, but it also held its own with the larger display type.” When it came to implementing the font, Mills decided to give type.js a try. It’s a tool that allows you to write new CSS properties to take finer typographic control of type styles on the web. “I'd always wanted to use type.js in a project, as a way to create something where the type styling wasn't limited and the finer points could be adjusted with the content,” he explains. “It's integrated so that I can plug in values through the CMS, which then injects them into the code rather than having to keep editing the CSS. “Nothing unexpected really came up when using it, but I had to be mindful of how it worked across screen sizes. Some features like the rag and widow adjustments worked perfectly on some screens, while on others it broke the design or didn't have the desired effect. It was a bit of a challenge finding that happy point.” 05. The Lincoln Hotel The Lincoln Hotel website has a classy and elegant feel befitting its locationThe Lincoln Hotel is a beautifully restored 1960s hotel just next door to England's famous Lincoln Cathedral. To promote such a high-class destination in an iconic medieval city, Shotgun Front was tasked with creating an equally high-class site. And it didn’t shrink from the challenge. “Our approach was simple: produce a beautiful website with elegant and well considered typography,” says Jonathan Daly, head of design at Shotgun Front. “The Lincoln Hotel came to us with a strong, clean and well balanced typographic identity, and so continuing this approach across the website was essential to the project. “We used a combination of fonts that complemented each other beautifully: Playfair Display & Lato,” he adds. “We found these two fonts a joy to work with and when composed in such a way as on The Lincoln Hotel’s website they can transform a design into something special.” 06. Go Short This short film festival site makes good use of typographic hierarchy to help you navigate what’s on offerGo Short is the biggest short film festival in the Netherlands, and the next edition will take place in April 2018. The website needed to include a day-to-day schedule, film database and a personal timetable for the festival. Dutch agency Studio Airport took on the challenge, and made great use of typography to condense a mass of information and detail into something that’s delightful to look at and easy to navigate. “The concept of the website was based on short films,” explains Studio Airport’s strategy director and co-founder Bram Broerse. “And for us it was important that the typeface was both characteristic and clean. GT-Walsheim has both of these values. We used this typeface for the navigation, main text and headers. "For the quotes we used an existing typeface of the Go Short identity (Vista Slab) to link everything together with the print material, which was already designed.” To learn more about the website and the digital branding for the Go Short festival, watch the case study video of the project below. 07. Evert_45 Experience the Second World War from a boy’s point of view on this inventive Dutch websiteMany online projects have tried to bring the Second World War to life for today’s younger generations. But Dutch website Evert_45 is one of the most innovative we’ve seen to date. It focuses on a 13-year-old boy, Evert, who shares the everyday events of April 1945 on Instagram, YouTube and the site itself as if it was in real time. The main font used was Linotype's Bodoni 72, says Jan Jesse Bakker, interactive designer at N=5, the Dutch agency that designed the site. “In my opinion, it’s one of the best Serif fonts out there. The numbers in Bodoni 72, especially, stand out compared to the other Bodoni families.” The focus of the project, he adds, was on bringing history to life for young people. “But for the website we also wanted to share the whole story in one timeline for a broader audience. Bodoni, a historical font, was the right choice. And the contrast between the big round numbers with the small caps creates a beautiful historical feeling. “To connect to the Instagram and YouTube content, we used large typography guided by a voiceover at the start of each chapter, to create a seamless online story. And it all seems to be working. We reached an incredible 50 per cent of Dutch teens within two weeks.” View the full article

As part of its Hidden Treasures of Creativity project, Adobe transformed the centuries-old paintbrushes used by Edvard Munch into a set of free Photoshop brushes and is offering them to Creative Cloud users completely free: download your brushes here. To help you make the best use of these brushes and channel your inner master painter, Adobe has also put together a series of video tutorials. The first tutorial (watch here) explains how to get started with digital painting in Photoshop. In the second tutorial – which you can watch below – award-winning Photoshop brush maker Kyle T. Webster shows you how to create an expressive self-portrait using Munch's original brushes. View the full article

Progress in web design techniques shows no signs of slowing up. As the proponents of the early web are staggering around with thousand-yard stares, you can't help but feel a little over-awed by the plethora of techniques and frameworks available nowadays. People are championing the new approaches that are about to change the way we work once again, such as Flexbox and CSS Grid. Rachel Andrew and Jen Simmons have been encouraging developers to look at these technologies now, in readiness for their arrival. Is web design too formulaic, or cutting edge, these days?Recently, some of the current web industry's founders – such as Andy Clarke and Jeffrey Zeldman – have asked if it really needs to be this complicated, and whether the web is losing its soul or becoming reliant on a standard output (three-column layouts, hero blocks and the like). Have we all become enslaved to the frameworks and tools available to us? Although they make a good argument, I don't think there has been a time where there has been more choice (or opinion) about how to build digital projects. We are long past 'HTML, CSS and a little JavaScript'. Now there are CSS preprocessors and JS frameworks, and the components that make up a web project encompass a load of new elements – optimisation, CDN delivery and SEO, to name a few. An urge to jump into new methods too early can be the worst thing to do on live client work Sush Kelly Pioneering web tech The talks and conferences advocate best practices and cutting-edge tech – why we should be using X, Y and Z. This is 100 per cent necessary. After all, the web industry is relatively young and we are still defining the standards of the industry to an extent. The problem is, those not using these technologies day-to-day in their work can be left feeling inadequate or somehow lacking. It is a lucky few who get to make their living pushing those boundaries and telling us all about them. Don't get me wrong, it is essential to have these people pushing the bleeding edge, but it can result in an urge to jump into new methods too early, which can be the worst thing to do on live client work. You want long, productive relationships with clients. Changing how you build sites means having to readjust and remember more skills. As much as good commenting and a README file will help, you need to make sure what you're delivering will remain effective and usable for as long as possible. As a digital director at a small creative agency, Imaginate, it is on my shoulders to make sure we use the right technology on client work and invest our time wisely with regards to what we learn and (in due course) adapt into our processes. I completely understand how designers and developers want to adopt the next great thing. I feel the same compulsion, and it is actually one of the things that has kept me in the industry so long (since 2000). The fact is that I also have to think about the longevity of the plugin/library/software, because if it doesn't stand the test of time, or it ends up failing or losing support due to a later development, then the responsibility falls on us. Educating junior web developers Many junior developers have a real thirst for knowledge. It is often an inspiration to more senior team members when they arrive in the studio, eager to show a new method or technique that is emerging and explore how it might be used on a project. You want your staff to grow, to develop and to be able to work on things together, so again it's important to make sure that you're only taking on board advancements that are an improvement on what went before. But when the churn of technology is so quick that we have interns and junior designers who have never had to use a float and do not know life before Bootstrap, it becomes a real balancing act. A good example of this is the move from LESS to SCSS and also from Grunt to Gulp. Both these technologies are similar, but different enough to mean returning to a project using LESS/Grunt becomes an exercise in re-learning – or in the case of juniors or interns, learning a new (old) technology from scratch. Website layout gambles Flex and CSS Grids are the current darlings of frontend talk. CSS Grid has the potential to revolutionise the way we will lay websites out in the future. At the moment it is still hidden in the latest browsers, although you can access it if you enable experimental features on the likes of Chrome. We can't use it in live work for this reason, though with an imminent launch date, Grid could bring about as big a shift in web development practice as the shift from tables to divs and floats. We are using Flexbox on live work now, but only in ways that are a benefit – for example for ordering content in responsive layouts or vertically centring items. To try to use Flexbox for a full site at the moment, with iOS and Safari's flaky support, would be a challenge that just may not be financially viable. Embracing the old browsers Clients, especially within larger companies, likely won't be running the latest browsers. They could also have restrictions on their web access that could affect your build. And if it turns out the main stakeholder is using IE on an old laptop, the site better work on it or the project just won't get signed off. Sometimes a client will have a good idea of what they want, or specify an incumbent system or technology that you need to work with. A key point for us as an agency is to be adaptive to these needs and to work with them, rather than dismissing what the client has and trying to force them down the route we would prefer. Sometimes this may mean having to extend an existing codebase in order to keep within the technology required. When embarking on a new project, we now make sure we establish the required sign-off devices as soon as possible. However, over the years have had our fingers burnt on more than one occasion, when we have run with a new way of doing something with good intentions, only for it to cause issues as we tried to get the site signed off. This just serves to remind us that there are so many device/user combos that it just isn't OK if a given method will only work on certain browsers. Although you can make workarounds and shims, there often isn't budget to do this. And when a client doesn't have the right resources then you need to go with the solution that will please everyone. When it comes down to it, the main aim of the studio is to produce great, forward-thinking work, which means being fully open to new methods but also picking the right time and project to use them. It is a tricky balancing act, but one that gives me a great feeling of satisfaction, especially when a new process finally becomes 'the standard' on live projects. This article originally appeared in net magazine issue 292; buy it here! Related articles: The web designer's guide to Flexbox 10 really useful responsive web design tutorials 5 top Flexbox and PostCSS resources View the full article

http://mobile.in.gr/category/science-technology/article/1500152328 … View the full article

Siemens patched a recently disclosed vulnerability pertaining to systems with specific Intel processors. If exploited, the flaw could let an attacker gain system privileges. View the full article

A thorough review of the top 1 million websites reveals 93 percent fail Mozilla’s Observatory security review. View the full article

The web is full of endless resources and tutorials on the subject of photography, but sometimes too much choice can be confusing. Here, we've picked the 14 top photography websites that will really help you take your photography skills to the next level. If you're a designer or creative after stock photography, check out our Best websites to download stock art post. 01. TechRadar: Digital Camera World Visit Digital Camera World for daily news, tip, tutorials, reviews and much moreDigital Camera World provides a definitive guide to digital SLR photography and is full of articles that will show you how to improve any digital photo. The site is organised clearly, which sections including tutorials, reviews, news and beginner for easy navigation. Updated daily, the site is full of inspirational imagery. Full disclosure: It's one of our sister titles, also made by Future Publishing. 02. Camera Jabber Camera Jabber is a goldmine of news, reviews and tips for photographersBuilt by photographers for photographers, Camera Jabber offers up an enticing mix of news, reviews and buyers' guides, on everything from phone cameras and DSLRs up to the latest action and 360 cameras. You'll also find a wealth of how-to material that'll take you through the photographic basics and on to more specific guides on things like editing your shots and building a portfolio. It's updated daily, and always worth checking in to see what's new. 03. British Journal of Photography The British Journal Photography has been supporting photographers since 1854The British Journal of Photography has been around since 1854, and it's kept up with the times since then. Its website is a great accompaniment to the venerable magazine, serving up thought-provoking photography and fresh perspectives every day, and its student and professional awards are a great way to discover new talent or, indeed, to get your own photography skills recognised. 04. DIY Photography DIY Photography has been running for over 10 years and is rammed with useful adviceStarted in 2006 as a place for gear-lusting photographers, DIY Photography is a great place to pick up expert advice and read about the latest kit. Written by photographers for photographers, it's heavy on the tutorials with hundreds of useful how-to articles online, plus a whole load of DIY articles that'll help you build your own gear rather than splashing out on expensive kit. 05. iPhone Photography School Don't have a DSLR? You can still take excellent photos with your phoneJust because you don't have a heavyweight camera, it doesn't mean that you can't take beautiful photos. iPhone Photography School has one simple aim: to help you take better photos with your iPhone than most people can with a DSLR. It does this with plenty of in-depth tutorials covering photography techniques and photo editing, as well as inspiring articles and regular competitions so you can pit your newfound skills against others. 06. Digital Photography Review Digital Photography Review is bursting at the virtual seams with all the sector's latest news and product reviewsTouted as the number one destination for everything digital photography-related, Digital Photography Review is bursting at the virtual seams with all the sector's latest news and product reviews. Complete with video tutorials, buying guides and forums, there's plenty on this photography website to keep you hooked and clicking back for more. 07. The Spruce: Photography The Spruce: Photography is both an advice centre and repository of extensive further readingWritten by a host of photography experts, The Spruce: Photography is both an advice centre and a repository of extensive further reading. Once you're on this website's photography channel, you'll be clicking from one useful video to another before veering off down a rabbit hole of enlightening articles. There's plenty to enjoy – just make sure that you don't get lost. 08. Popular Photography Popular Photography is a brilliant all-round photo websiteFull of tutorials, news, reviews and beautiful photos, Popular Photography is a brilliant all-round photography website. With a plethora of interesting and useful articles, advice and inspirational imagery, you'll find yourself lost in this site for hours. 09. Digital Photography School Digital Photographers School aims to help photographers get the most out of their camerasDigital photography enthusiast Darren Rowse is the man behind Digital Photography School, a site that aims to help photographers get the most out of their cameras. With sections including photo tips, gear and post-processing, all the essentials are well covered. 10. Strobist Strobist is a must for anyone just starting out with lightStrobist is about one thing: Learning how to use off-camera flash with your DSLR to take your photos to the next level. Or the next 10 levels. If you're a complete beginner at lighting, no worries. The free Lighting 101 course starts from the very beginning, and can get you up and running fast. 11. 500px Connect with like-minded people at online photography community 500pxIf it's inspirational images you're after then look no further than 500px. Founded by Oleg Gutsol and Evgeny Tchebotarev, this online photography community is a place to gain exposure, find inspiration and connect with other photographers. The site has had a recent redesign, and with a library of over six million photos you'll never run out of pretty pictures to look at and feel inspired by. 12. The Photo Argus Find helpful tips, tricks and techniques on photography blog The Photo ArgusThe Photo Argus is an online resource for photographers – from novice users to advanced pros. The site provides useful information, inspiration, techniques, photographer showcases and more. Find what you're looking for using the organised topic sections or browse through the Popular Posts and the most up-to-date articles on the homepage. 13. PetaPixel Tutorials cover a range of topicsPetaPixel is a website offering tutorials, news and kit. The tutorials are imaginative and practical, offering videos and screen grabs to guide you through each step. Equipment covers new camera, lens and other photography kit announcements, but doesn't include reviews (you'll need to look elsewhere for those). News covers all sorts of interesting developments in the photography world – both hilarious and informative. 14. Photography Week Photography Week is a digital magazine While not technically a website, Photography Week is a digital magazine, so we're including it here. Packed with beautiful photography, it offers heaps of fresh inspiration every week. Full disclosure: It's another of our sister titles, also made by Future Publishing. Get it on iPad and iPhone, Android devices or through Ziniofor multiple devices, including computers. Related articles: 10 ways to improve your photography skills How to enhance photography on your website The 33 best photo apps View the full article

Sketch isn't exactly the new kid on the block when it comes to app design any more. Maybe you've been using it for a while, or maybe you're new to it. Either way, these 10 tips will help you harness the power of Sketch to create great apps. 01. Symbols Create multiple instances of an object, and action your updates just onceSymbols allow you to create multiple instances of an object (referred to as the ‘master’), and then keep those instances in sync. This means that any time the master is updated, all of the instances of that object are updated, too. You can also set up overrides in the inspector so certain elements remain unchanged. Find out more about symbols02. Live preview Mirror is a free app that enables you to test your designs on a deviceHave you ever wanted to test your designs on an actual device? Now you can with Sketch Mirror, a companion app that enables you to view your designs on an iPhone or iPad using either a Wi-Fi network or a connected USB Lightning cable. The best part? This app is totally free. Oh, and you can also preview your designs in a web browser. Download Sketch Mirror from the App Store03. Plugins Extend Sketch's functionality to suit your particular needsLike many other apps, Sketch has an entire community devoted to extending the app's base functionality. From dealing with constraints to managing colours, there seems to be a plugin for almost anything! Take a look at the Sketch Extensions site to find out what's available. Or start things off right with the Sketch Toolbox, which will help you locate the most popular plugins. 04. Quick copy and paste It's possible to copy, paste and position in one goMost of us are familiar with copy and paste functionally, but did you know there's an even faster way to duplicate things? With the object you wish to copy selected, hold down alt/option and drag the object. The object will be copied, and you can place it anywhere on your canvas. Repeat this action as often as you like. It's the same action as the Illustrator shortcut. 05. Shared styles Shared styles stay in sync automatically Like symbols, shared styles help boost your productivity by not having to repeat things over and over. When you create a shared style, you can then apply that style to other objects. Then, if you change that style, you can sync those changes across the board. This comes in handy, for example, if your client changes their mind about a button style. Find out more about shared styles06. Move shapes while drawing Shift your shapes around with the help of the spacebarThere's nothing worse than drawing a shape, and then having to move it. Wouldn't it be cool if you could move it while you're drawing it? Guess what? You can! When you draw your shape, you can move it by holding down the spacebar. Once you have it where you want it, let go of the spacebar. If it's still not where you need it, press and hold the spacebar again. 07. Multi-value border radius You're not confined to symmetrical shapesThere are times when you want your shape to have a different radius in each corner. If you use the format 25;5;15;2 when setting the radius, you'll be able to do just that. The sequence is: top-left, top-right, bottom-right, bottom-left. 08. Customise the toolbar Having the right tools to hand can have a big impact on productivityThis might seem like something small, but customising your toolbar to better match your needs can make a big difference in improving your workflow and increasing your productivity. So what are you waiting for? Remove those tools you rarely use and replace them with your favourites. 09. Group layers Get organised – future you will be gratefulIf there's one tip you take from away from this list, let it be this one! Grouping layers allows you to keep your Sketch file clean and organised. Even if you have no intention of sharing your designs with others, you owe it to yourself to keep your files organised. There's nothing worse than coming back to a design weeks later only to discover you have no idea where anything is. Find out more about groups10. Zeplin Zeplin helps smooth the handover between designers and devsAs a designer and a developer, I can tell you what life is like on both sides of that fence. But if you're only sitting on one side, you may not fully understand the struggles your designer or developer counterpart endures when collaborating on a project. Zeplin bridges that gap, making handoffs of a design less painful for everyone. Find out more about ZeplinNow you have some tips for using Sketch for app design, find out how you can use Sketch for game design, too. Get your copy of Sketch: A Game Designer's Guide To Using Sketch from the team at Day Of The Indie. Read more: Are microframes the future of wireframing? 15 web design secrets from the world's biggest brands 23 top Sketch plugins View the full article

When collaborating in a team – and especially if you're working from home or remotely – it can be tricky to make sure everything flows smoothly. You need to share tasks out and communicate clearly and often enough to avoid teammates getting caught up with certain tasks and causing bottlenecks in your workflow. With the right set of tools, a team can maximise their potential and build creative workflows at any time and in any place. In the sea of communication and collaboration tools on the market, finding the ones that will take your team’s productivity to a new level is not an easy task. That’s why we’ve rounded up some of the most powerful tools to help your team stay focused on real work – no matter where they are or what they are working on. 01. Slack Functional and free, Slack is an incredible toolFree No matter whether you work with a remote or in-house team, Slack gives you an incredible opportunity to communicate with your colleagues through instant messages and chatrooms. Plus, it lets you create open or private channels and make voice or video calls. You can drop any files, documents and images into Slack to share them with anyone in the team. With Slack you can connect all the tools you use, incorporate feeds from social media into the application, and archive any messages and files in one central place. 02. Figma Figma is the first interface design tool tailored towards UI designFree (individual plan) Figma is an excellent tool that lets teams collaborate on a UI design project and immediately share it with other team members. It’s the first browser-based interface design tool that lets you design vector-based UIs, edit, comment, share and store your work all in one place. Figma does for graphics what Google Docs does for text, connecting to the cloud so that many designers can work simultaneously on projects. To learn more, check out our article on how to create a responsive dashboard with Figma. 03. Active Collab Stay connected in one place and in real time with Active CollabFrom $25 (around £19) per month Active Collab is a project management tool that helps your team stay organised in real time. It allows you to keep track of tasks and events, upload files, comment directly on tasks and keep all of your project feedback in one place. It also offers a number of features to help with collaboration, time tracking, task management and invoicing – you can issue invoices to your clients in just a few clicks. The tool runs in the cloud but you can also install it on your server. 04. Zapier Zapier takes the tedium out of organising daily tasksFree (basic) Zapier saves you time by enabling you to connect over 750 different apps and services and move information between them. It can automate daily tasks between applications too, such as uploading files you receive in an email to the team's Dropbox, then alerting you via Slack. On top of that, the tool gives you access to task history and lets you import and export via connected accounts. If you want to step up from the basic plan, a work plan costs from $20 (around £15.50) per month for an individual. 05. IFTTT Streamline your to-do list effectively with IFTTTFree IFTTT (‘If this, then that’) is another handy collaboration tool that helps you link up a variety of internet-connected apps, services and devices and set up automated sequences. IFTTT works with over 400 services, including Dropbox, Twitter, Facebook, Instagram and Spotify. So for example, if you’re making a status update or posting a photo on one of the channels, you can set up IFTTT to replicate the actions on another channel. These trigger-action relationships (referred to as ‘applets’) can save your team from drowning in endless administrative tasks. 06. Buffer Focus on the important work by letting Buffer take care of social mediaFree (personal use) Buffer makes managing your social media a breeze. Buffer helps your team share content at any time, throughout the day. Simply add great videos, images and articles to Buffer and it will instantly share them on a variety of social channels. You can manage several accounts at once, and it’s possible to timetable posts for specific times or set them up to fill the next available time slot in your schedule. You can upgrade to a business plan from $10 (around £7.70) per month. 07. Zoom Catch up face-to-face via video with ZoomFree (basic) Whether you are part of a small businesses or a large corporation, Zoom helps you improve your communications. It’s a one-stop video conferencing solution that enables you to conduct online meetings or group messaging in one software-based conference room. This means team members can chat easily with each other or clients, without needing to be in the same room. Upgrading to a pro account so that you can host conferences costs from $14.99/£11.99 per month per host. 08. Google Hangouts Google Hangouts has the clean interface we've come to expect from the companyFree Google Hangouts is another communication platform that gives your team members quick access to chat and enables them to make video calls with users across various platforms. The interface is clean and simple and the installation process is relatively easy. With a number of fantastic features such as video chats, group hangouts and the ability to add pictures directly into your conversations, it’s no wonder Hangouts is loved by users worldwide. 09. Join.me Uncapped free video conferencing will help your team band togetherFree Join.me is an excellent communication tool, and it’s totally free. With Join.me, you can keep everyone in the loop with unlimited video and audio conferencing. It also lets you instantly share your screen or a single window, and join a meeting in just a click without having to sign up or download anything. 10. Google Docs Google Docs is so easy to use it's no surprise it's so popularFree Google Docs is the easiest way for teams to collaborate by editing documents with other people in any real time. It’s a free web-based application that allows you and your team to create, edit, import and update documents and spreadsheets. One of its biggest assets is that it allows your team to store documents they create online, without running a risk of data loss. Finally, it’s compatible with most presentation software and it’s totally free. Next page: 10 more tools to boost your productivity 11. Dropbox Access data anywhere, from any device, with DropboxFree (basic) Dropbox is a feature-rich document collaboration and storage platform that lends itself to a number of features, most notably document and file storage. Features such as easy and simple sharing, file and version recovery, smart sync and a team folder manager make it an ideal tool for your team and business. As it's in the cloud, you can access your data from any device, wherever you are. While you can have a Dropbox basic account for free, Dropbox Plus and Dropbox Business are paid subscriptions, costing from $9.99/£6.58 per month. 12. Red Pen Red Pen's drag and drop functionality makes feedback quick and easyFrom $20 (around £15.50) per month Red Pen offers an exciting and intuitive way to mark, assess and annotate digital work, making team collaboration super-fast. Because it’s web-based, team members can access it at any time and anywhere, without having to install any software. It enables you to insert audio comments, highlight work, add position notes and drag-and-drop. 13. Dropbox Paper Centralise your work and apps with Dropbox PaperFree At its core, Dropbox Paper is Dropbox’s version of Google Docs. It has a clean and minimalistic interface and offers a flexible and user-friendly workplace within which your team members can connect and share their ideas. Users can collaborate on documents by centralising their work from other apps. With Paper, you can keep a team’s work organised in one shared space, and control who can access what content. 14. Evernote Evernote acts as a personal digital assistant to keep you on trackFree (basic) Evernote is a powerful note-taking application that enables anyone to easily capture ideas, images, contacts or pretty much anything they want to make a note of. It can be accessed on all of your devices, enabling you keep all your work in one place and start in-app discussions. Plus, it acts as your personal digital research assistant. A business account is priced from $10/£10 per user per month. 15. SaneBox Stay on top of your inbox with SaneBoxFrom $7 (around £5.40) per month SaneBox is the ultimate organisation tool that helps you keep track of and prioritise your email by filtering unimportant messages out of your inbox. You can set SaneBox to notify you if your emails haven’t received a reply, rescue real emails from spam, or upload attachments to your cloud – helping your team get work done. 16. Mural Bring people together to share ideas with MuralFrom $12 (around £9.25) per month Based in the cloud, Mural is a visual collaboration workspace that enables your team to brainstorm ideas, organise them and collaborate with ease. Mural provides shared, digital whiteboards where your team can visualise problems and deliver solutions. There are also templates and built-in frameworks you can use to kickstart the problem-solving process. 17. Cage Say goodbye to long-winded meetings with CageFrom $24 (around £18.50) per month Cage makes collaborating on design projects simple and hassle-free. Share, manage and approve your creative work with your team and your clients, and avoid marathon meetings and bulky email threads by receiving regular feedback. Cage aims to help you reduce the number of revisions you'll need, and help you complete your projects quicker. 18. TeamViewer Stay connected to your team remotely with TeamViewerFrom free TeamViewer is a remote, easy-to-use access program. Its appeal is that it lets you access your office computer from your home PC or mobile device with very little lag time. Share your files or simply drag-and-drop them from one device to another. With TeamViewer, you can offer technical support to a friend, hold meetings, hold video calls and generally interact with other people as if you were in the same room. Simply install TeamViewer on both host and admin computers and you are ready to go. It's free for personal use or from £32 (around $41.50) per month for a business plan. 19. Help Scout Share an inbox with your client with Help ScoutFrom $8 (around £6) per month Help Scout is a helpdesk software specifically designed to help improve the customer experience. The most important feature of Help Scout is its shared inbox, which should help keep the entire team on the same page. Further to this, it’s possible to create multiple inboxes for each shared email address, or to manage a few brands from a single account. Use the Note Feature to start an internal discussion on a specific topic with your team before replying to a customer. 20. Zeplin Zeplin is a straightforward way of bringing designers and developers togetherFrom free Zeplin is a collaboration tool that helps designers and web developers leverage their workflow and communicate smoothly and speedily. It allows designers to upload their visual designs from a desktop app such as Sketch or Photoshop and add them to a project folder in Zeplin. Once both designers and engineers have an account, sharing design specs such as sizes, colours, and margins and contributing to it is simple. While working on one project is free, pricing increases as the number of projects increases. It starts from $17 (around £13) per month. Related articles: Review: Adobe Creative Cloud 2017 22 ways to boost your productivity Send large files: 11 free tools View the full article

When it comes to communicating a character's personality, animators have plenty of tricks up their sleeves to get the message across. Body language is one of the most effective ways to express what a person is feeling, but studying how people hold themselves is difficult in real life. After all, you wouldn't ask an angry person to hold their pose a little longer while you capture what their rage looks like. To get around this problem, stop-motion animator Kevin Parry decided to film himself imagining how emotions and characteristics affect the way a person walks. Originally intended as an animation reference, this video has found a broader audience thanks to Parry's hilarious interpretations of timeless moods like 'sassy', 'sore back' and 'secret run'. Watch the video below and stay tuned for Parry's moon walk. It's worth it. The quick-fire walks have left us laughing out loud, not just because they segue from the sublime to the ridiculous – 'broadway musical' to 'something in shoe' is our favourite – but because Parry's posture, movement and facial expressions are spot-on. Other animators have found the video useful, too: And with Parry working on the likes of Kubo and the Two Strings and Boxtrolls, who knows, maybe we'll see some of these distinctive walks in films in the future. More fun articles here: This AI's inspirational posters are hilarious Happy 30th birthday GIF! This firm's straight-talking contract cuts through the BS View the full article

Looking for inspiration to take your design work to the next level? Then look no further than the 2017 World-Class Design Asset Bundle. You'll find all of the assets you need to make your work stand out, and you can get it on sale for 96% off the retail price. Having access to professionally designed assets will make any job easier for a designer. In the 2017 World-Class Design Asset Bundle, you'll find over $770 worth of professional-grade templates and assets that have been crafted by experts who know exactly what designers need. You can put them to use in any project and see your work taken to the next level. You can get the 2017 World-Class Design Asset Bundle on sale for just $29 (approx £23). That's a huge saving of 96% off the retail price for this collection of assets. No designer should be without these assets, so grab it today! View the full article

The glaring privacy issues tied to an online health and beauty retailer allows customers to log-in to their users accounts with just their email address - no password needed. View the full article

It's hard to avoid toe-curlingly awful inspirational posters online. You know what we're talking about – the ones featuring a superficially deep and meaningful quote set against a photo of a mountain or a sunset or a mountain at sunset. Yeah, those. They're the reason why you should never add distant family members, or people you went to school with and haven't spoken to in years, on Facebook. Here, though, is a source of inspirational posters that we can really get behind. InspiroBot, we're told, is is an AI dedicated to generating unique inspirational quotes for the endless enrichment of pointless human existence. Makes you think, eh?It's a joy to use. Simply head to the InspiroBot site, hit the Generate button and it'll make you a brand new and fab-looking inspirational image, complete with the sort of quote that your slightly racist second cousin would find deep and meaningful and would definitely get printed on a mug (yes, you can do that). SHARE IF YOU AGREE LOLSuch are InspiroBot's delights that it's terribly easy to just sit for ages, pressing the Generate button and enjoying the never-ending stream of fake pretentious nonsense. The little messages that Inspirobot comes up while it's generating images are also fantastic. Keep clicking – interesting stuff happens after a while! Never keep clicking and sharingOur only issue with it is that we suspect that it's not really the work of an AI. Or if it is, then someone's giving it a hand along the way. Some of the things it comes up with, along with the imagery and the typesetting, seem just a little too finely tuned to be the work of a computer. Regardless, though, it's a splendid way to waste some time, and to find stuff to post on Facebook that'll really annoy people who don't get the joke. There's even an Instagram account with a wealth of its greatest hits to explore, too. Scroll through the gallery below for some of our favourites. Have fun! Related articles: 28 inspiring examples of vintage posters The top 25 movie posters of all time 12 beautiful travel posters View the full article

http://thehackernews.com/2017/06/windows10-controlled-folder-access-ransomware-protection.html … View the full article

You're reading 8 Tools You Want to Use Before Starting Your Next Business, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! One of the biggest challenges that entrepreneurs are facing in the fast-paced online world is staying on top of new trends and products. With an abundance of tools and resources accessible online, many choose to go down the trial and error path in search for the perfect fit. However, to quickly scale an idea and […] View the full article

Michael Bay's latest Transformers movie, The Last Knight, takes place mainly on Earth. However, the planetary home of the Transformers, known as Cybertron, also makes an appearance, and it was down to the team at ILM to bring it to life on screen. So how did they do it? "Cybertron is in many shots and was dauntingly complex," states ILM associate VFX supervisor David Fogler, who oversaw the development of the world-building. "Cybertron as a basic concept was a challenge. What it should look like? How should it behave? We spent a year and a half figuring out what it should look like and that's not an exaggeration." Destruction and explosions are seamlessly integrated with CGNumerous concept designs were developed by production designer Jeffrey Beecroft and ILM art director Ryan Church. "Michael Bay chose a few of those concepts that were his favourites," explains ILM visual effects supervisor Jason Smith. ILM spent 18 months deciding what Cybertron should look like "Once we had those key pieces of art, David Fogler, Scott Farrar and I boiled them down to key elements that were built into the model that we could then vary, duplicate and reuse. At the end of the day, that model is of a planet broken up into chunks and each chunk is hundreds of thousands of parts. It's more complicated in terms of the number of parts and geometry than most of the robots." During the film's shooting in Detroit, buildings were practically destroyed"Just coming up with a way to handle that complexity was a huge challenge for our pipeline," says Smith. "Then there was dealing with it crashing into the moon. The simulation team here is used to dealing with buildings being crushed, or fire or smoke. But when something of that scale crashes into the moon causing destruction, you have to handle all of those elements in one shot because parts of the Moon will liquify, break as solid rock, and become dust. "Those shots were a large challenge for the simulation team because of the heaviness of the model, the complexity of what those shapes are, and then the fact that all of those simulations have to work together." This article originally appeared in 3D World issue 223. Buy it here! Related articles: The 10 biggest 3D movies of 2017 15 most imaginative movie wallpapers Are these vintage concept movie posters better than the originals? How to break into the VFX industry View the full article

Web design isn’t just about making sites that look pretty – it’s about making interfaces that perform a function, and serve visitors in a way that’s seamless, pleasurable and useful. And that means web designers can’t just work in a bubble, but need to be aware of broader trends influencing how users expect websites to look, feel and function. In this post, we’ll look at some of the biggest and most popular changes happening on the internet right now and bring you up to date. 01. The rise of voice and chat Are you ready for the voice and chat revolution? Customer service chatbots – conversational interfaces that make you think you’re talking to a real person, when you’re actually communicating with a computer program – have been around since the early 2000s. But recently the rise of new AI technologies have given the chatbot a shot in the arm, and they’re now seemingly everywhere you look on the web. Right now, most chatbots are really just a fun and user-friendly way of filling in a web form. But when combined with voice recognition technologies, it’s now increasingly possible to actually, you know, chat with chatbots. While that may sound a bit sci-fi and creepy to some, a lot of people seem to be happy to do so: Google revealed at I/O last year that an astonishing 20 per cent of it mobile enquiries were made by voice. In some cases chatbots can come across as intrusive and annoying. But for ecommerce sites in particular they are likely to become increasingly necessary to drive conversions and sales. And with Amazon, Apple and Google all feverishly developing their own voice UIs, alongside mass-market conversation devices such as Amazon Echo and Google Home, they’re going to get more and more accurate and useful. To learn more about how to get involved in the voice and chat space, check out our articles 5 essential chatbot learning resources, How to design a chatbot experience and Why voice UIs are the next big thing in web design. 02. The streaming revolution Streaming is rapidly taking over from broadcast and cable TV In case you hadn’t noticed, we’re undergoing nothing less than a revolution in terms of how we enjoy our audio and video content. Netflix now makes up more than 30 per cent of home entertainment revenue in the US, and streaming music led by Spotify has surpassed physical music sales in terms of revenue. Right now, the giants of the web are busy trying to nudge out broadcast TV when it comes to live streaming video. Twitter especially seems to see its future in this space. During the last American football season it struck a one-year, $10 million deal to live stream NFL games. And in December it announced the streaming of live, interactive 360 videos via Periscope. This year, though, Amazon beat Twitter on the NFL front, reaching a deal to stream 10 Thursday Night Football games this year for around $50 million, while Facebook Live has struck a deal to live stream Champions League soccer games with Fox Sports. And that’s without even mentioning the competition from the likes of YouTube Live, Instagram, Snapchat, Twitch, Livestream, YouNow and UStream. Downloads, broadcast and cable TV are dying and the future is firmly fixed on online streaming. In a sense, Gil Scott-Heron was right: the revolution will not be televised. 03. The ads apocalypse Ad blocking services are proving the death knell for free online mediaRemember those heady days when we all thought we could make a living from our blog, just by putting up a few ads on it? Well, those days seem to be numbered, even for big media. As the overall supply of ad space has increased, the more programmatic ad systems have driven the price down across the board, and busted that model entirely. The experiences of major newspapers point to the way this trend has evolved. A decade ago, they all thought they’d be able to fund their journalism by giving it away for free online, and making money on ads. But with disappointing returns, everyone had to add more and more intrusive commercials to their pages, which led to the rise in ad blockers, which led to more ads to make up the shortfall, and the vicious circle has continued. As a result, many newspapers are now retreating behind paywalls or, in cases like The Guardian, ending each article with a begging letter for donations. Ironically, over the same period, the total volume of ad spending online has increased massively. In the US this outstripped TV spend for the first time in 2016, according to the IAB Internet Advertising Revenue Report conducted by PwC. But that’s been no help to traditional media, because it’s all going to Google and Facebook, which currently control a staggering 85 per cent of online ad growth. 04. The VR web VR offers a new way to experience web contentYou probably think that virtual reality is a gimmick, that you can just ignore and it will soon go away. And that’s probably because you’ve either not experienced it yet, or you've only experienced it through a cheap headset attached to a mobile phone, creating a somewhat clunky and underwhelming experience. But believe us, once you’ve tried out a VR program such as Google’s Tilt Brush, on a high-end system attached to a powerful computer, you’ll think differently. Like Skype, HD or streaming video, VR is ready to change the world, and it’s only matter of time. And that will certainly include the web. Right now, it’s providing web designers with a lot of client work for big brands, as everyone tries to jump on the VR train and how it can work for them. You can see some great examples in our post 8 amazing uses of VR that will blow your mind. To further explore the scenarios that browser-based virtual reality enables, and dive into the new tools and frameworks that have evolved alongside it, check out our article 5 ways VR is changing web design today and these tutorials to help you use VR in your design work. 05. Content skimming Like it or not, users increasingly prefer to skim, so you need to design your website content for that purposeWe all like to think that when a lot of people share our blog posts online, it means they’re a hit. But it ain’t necessarily so. Research has shown that a staggering amount of people sharing content on Facebook and Twitter aren’t actually looking at the content – they’re just looking at the headline. A study by Columbia University and the French National Institute, for example, found that 59 per cent of links shared on social media have never actually been clicked. In other words, people were sharing an article without actually reading it. It’s a sign of how time-poor we are in our busy lives, as well as how much other digital stuff is competing for our attention. We’re not sure what the solution is here, but one thing’s for sure: when it comes to designing your site, you certainly can’t rely on people reading your website’s content from cover to cover. And when it comes to approaching things like hierarchy, you need to take this fundamental truth into account. For detailed advice on how to lay out your web pages, check out our article 23 steps to the perfect website layout. View the full article

The global outbreak of the Petya/ExPetr malware wasn't a ransomware attack, it was wiper malware aimed to sabotage, according to experts. View the full article

Ubuntu fixed a Linux bug that could have let an attacker cause a denial of service or execute arbitrary code with a TCP payload this week. View the full article