Smooth Scrolling Image Effects

Original Source: http://feedproxy.google.com/~r/tympanus/~3/J3RZ99hMx74/

Picking up on our last tutorial on how to add smooth scrolling plus image animations to a page, we’d like to explore some more ideas for animations. We’ve made a small set of effects that show how you can apply some interesting transforms to elements like images and text while scrolling the page smoothly.

Inspirations for some of the effects come from Jesper Landberg’s smooth scroll with skew effect demo, Manuel Rovira’s Dribbble shot Lusaxweb Home and Jo Mor’s website.

The animations are powered by TweenMax.

Attention: Note that the demos are experimental and that we use modern CSS properties that might not be supported in older browsers.

For the demos, we’ve created different (grid) layouts with images that have decorative elements and captions.

We’ve used background images that are wrapped in a division with its overflow set to hidden, so that we can animate the scale or translate of the inner images in some examples. There are many possibilities to explore, for example, rotating the images:

SmoothScrollingEffects_01

…or adding a blend mode to one of the moving elements:

SmoothScrollingEffects_02

As you can also see in Jesper Landberg’s smooth scroll with skew effect demo, you can use the acceleration to control the transform amount. So when you scroll faster, the elements distort more.

Here’s a little GIF to show a detail of one of the animations:

smoothscrolleffect.2019-07-23 11_04_22

Note that when using the scale transform, the animations in Firefox don’t perform so smoothly.

We hope you enjoy this little set and find it inspirational.

References and Credits

TweenMax by Greensock
imagesLoaded by Dave DeSandro
Images by Frankie Cordoba from Unsplash.com

Smooth Scrolling Image Effects was written by Mary Lou and published on Codrops.

That 90s Look is coming back – Another Poster Design by Roman Post

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/uTI-Mhmv-wY/90s-look-coming-back-another-poster-design-roman-post

That 90s Look is coming back – Another Poster Design by Roman Post
That 90s Look is coming back - Another Poster Design by Roman Post

AoiroStudioJul 24, 2019

Roman Post is a graphic designer based in Dedovsk, Russian Federation. We have featured Roman’s work before on ABDZ and I am totally borrowing Fabio’s series ‘That 90s Look is coming back’ for this one. I totally do agree that the 90s nostalgia is definitely back through TV shows and fashion. Roman is going again a full force on its textures, typography and its overall design. I do like the fact he added ‘glitchy’ GIFs as a new addition to the series, it’s adding way too much character to his craft at making these poster designs.

More Links
Instagram
Behance
Poster Design
That 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostWork by Roman Post


The best smartphone in 2019: be more creative on the move

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/A3ALEfsC3SM/best-smartphone

Finding the best smartphone in 2019 isn't easy. You could simply go for the latest iPhone and feel satisfied that you've chosen wisely. But we think there's a lot more to it than that. And in our view Android has really got Apple on the run these days when it comes to quality and value.

What you can do creatively on a smartphone is a major battleground for mobile phone manufacturers. Watch any major handset launch video, and the claims made in this regard are lofty. But the world's best smartphones genuinely are packed with features that could genuinely make your projects easier, more sharable and even better. (Pair them with the best iPhone apps and Android apps for creatives and you're laughing.)

So what's the best smartphone in the world in 2019? The Samsung Galaxy Note 9 still gets our vote so far (although not by much), thanks to its magnificent screen, dedicated S Pen and all around greatness. If it's within your budget and you're not bothered about the latest iPhones, we recommend you make a beeline for the Note 9.

But there's a lot of choice out there. In this guide, we'll walk through the top contenders in all shapes and sizes, from a variety of manufacturers and budgets, and including Android and iOS options, to help you decide which mobile phone to buy.

Of course, screen quality and processing power are considerations you need to make. But we'll also tell you the best camera phone to grab if fantastic photography is a greater consideration for you (spoiler alert; the Google Pixel 3 is top of the pops), or if you're buying on a shoestring. Keep reading to discover the best mobile phones right now.

The world's best smartphones in 2019

Right now, we think the best smartphone in 2019 overall is the Samsung Galaxy Note 9, particularly for creatives. It's just so good in so many areas – and could be a genuine game-changer for your workflow. The colours and clarity on that massive screen will make your visual projects sing, and we love the extra functionality featured with the improved S Pen stylus that comes in the box. It means you can get so much more from your Note 9, especially on the move. The battery's been cranked up to an enormous 4,000mAh – very few other smartphones come close to this. All that RAM and state-of-the-art chipset means it'll handle pretty much any task you throw at it, including the brave new world of VR.

Of course, the Note 9 isn't the cheapest option in this list of the best smartphones in the world (there are plenty of more affordable options below). And the price only escalates if you decide you want to upgrade to 1TB of onboard storage. But if you can stretch to this super-sized Samsung, you won't be disappointed.

It wasn't an easy choice between the Note 9 above and the Samsung Galaxy S10 Plus. And if photography's your thing then 2019's S10 Plus may even be the better choice. Just a cursory read of some of the specs on board this camera phone will give you an indication, starting with the 12MP cameras with adjustable f/1.5 aperture on the rear of the handset. Even in low light, the S10 Plus takes stunning snaps. It's equally impressive for video (we have a bit of a soft spot for the super slow mo 960fps function) and photos from the front camera are also excellent. This one is highly recommended.

If you've been scrimping and saving (or have a very generous equipment budget) for the latest, greatest Apple smartphone, then you may as well just go straight ahead and buy the iPhone XS Max. This 6.5-inch, $1,000/£1,000+ monster of a mobile is packed with more than 3 million pixels: it's scarcely believable. We've never seen a screen on a smartphone like it. The scope it gives you to work creatively, accurately and professionally on the go is unsurpassed. The new Bionic A12 chip promises staggering processing power, helping you render images faster and work as though you were on a laptop. And being an Apple iPhone, it has a couple of best-in-class cameras.

There's just one thing to remember – it's pronounced "10-S Max". If you're spending this much on a phone, you'll at least want to get the name right when you're telling your friends about it.

The last of the Plus models in the best smartphone in 2019 list (for now at least) is the iPhone 8 Plus, the newest big-screen Apple smartphone without an X in its name. While the screen remains largely the same as the 1080p iPhone 7 Plus, the camera on the 8 Plus is its real selling point. It’s a dual-camera affair, but unlike Huawei and Leica’s offerings, the iPhone 8 Plus camera is all about that 1x to 2x optical zoom. Build quality is better than anything out there (possibly excluding Samsung's phones) and features such as 3D Touch and Touch ID with Apple Pay make it a real winner. And of course, the depth and breadth of iPhone apps for creatives is always a swaying point.

If you saw us banging on about how good the Note 9 is, above, but balked at the cost, then the Samsung Galaxy Note 8 is an easy sell. The newer iteration isn't a dramatic improvement on its 2017 predecessor – but it does make the Note 8 much more affordable. It's a big, bad brute of a phablet with fantastic cameras and the kind of processing power that wouldn't look weak in a cheap laptop. Snazzy features to help you get the most from the impressive dual lens main camera include live focus for instant bokeh, and potent optical and digital zoom. It might be superseded, but on a features-price ratio, the Note 8 remains one of the best smartphones in the world.

Huawei (pronounced hu-wah-wey, if you’re interested) has dramatically upped its game recently with its 'P' range of Android-powered smartphones – the Huawei P30 Pro being the best smartphone its ever produced. Boasting a Full HD display, all-day battery life and an incredible camera set up (triple Leica with 40MP sensor and extra time-of-flight camera for more depth on portraits), the P30 Pro is really upping the competition for Apple and Samsung. Aside from its incredible camera, the phone's broad 6.1-inch screen is a real boon for seeing finer details in your designs and illustrations, or comfortably utilising the keyboard and CMS.

There is one massive concern that stops us having the P30 Pro further up the page, however. Due to the USA's security concerns, it's not clear whether Google will continue to support OS and security updates or even access to the Play Store. So that's a bit of 'at your own risk' attached to this one.

A 6.3-inch smartphone for around the £200/$200-mark should ring alarm bells – it must be terribly slow to use, have awful cameras or at least be downright ugly, right? Wrong, actually, and the Honor Play is proof. Notionally intended for gamers, that massive Full HD+ display and HiSilicon Kirin 970 chipset mean that it comes close to matching some of the world's best smartphones in those areas. The 16Mp dual lens main camera is well up to the job for Instagram-friendly shots (although low light photography does start to become a struggle), while its svelte dimensions and full-metal unibody cover mean the Honor Play has the look and feel of a flagship phone, too. All this makes it easily our top recommendation if you're looking for a cheap smartphone.

With so many makes and models available, it can be hard to stand out from the mobile phone mob. The Google Pixel 3 XL tries, and succeeds, by concentrating on camera functionality without costing you a fortune. It's hard not to be impressed by the photos you get with the f/1.8 aperture and 12.2MP sensor on the main camera, but give the 4K video capture and HDR+ feature a go and you'll be gobsmacked by the quality. It also packs in true OIS and zero shutter lag, and of course there's an array of compatible apps in the Play Store. Bear in mind that you'll be stuck with a bulky bezel that most other phones have now eschewed. But compare the price to some other phones on this list, and you may just be tempted to pick the Pixel 3 XL. 

Also read: The best laptops for video editing

Sony has a rich heritage in camera tech, and the Motion Eye technology in the Sony Xperia XZ Premium is a continuation of that. For one, it features super-slow motion video – recording at 960 frames per second. Yes, 960! Next, there’s predictive capture, which basically starts buffering your shot a second before the shutter is pressed – and then gives you four images to pick from. Its 19-megapixel sensor also has intelligent exposure controls to automatically adjust light levels (there’s also manual focus controls), while 5-axis stabilisation should make for steady 4K videos. The other big selling point of the 2017 XZ Premium (its elder statesmanship means it's now a lot cheaper) is that it was the first smartphone to have a 4K HDR display, which means a delightful screen on which to play back your creations.

Also read:

The best laptops for graphic designIs iPhone XS the best camera phone for designers?The best camera for photography

97% Off: Get the Ultimate Youtube Master Class Bundle for Only $29

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/hqakyfqn5FE/97-off-get-the-ultimate-youtube-master-class-bundle-for-only-29

Over the last decade, Youtube has grown from a site devoted to amateur videos to the world’s most popular online video site. Many of you have probably considered starting a Youtube channel in the past. But some of you may be wondering if it is worth starting a Youtube channel at this point? The answer […]

The post 97% Off: Get the Ultimate Youtube Master Class Bundle for Only $29 appeared first on designrfix.com.

5 valuable resources for every designer

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/3FvfsuckXJY/5-valuable-resources-for-every-designer

Working as a creative professional undoubtedly means, over time, you will build a library of design assets, which is invaluable if you're short on time. If you need to add to that collection but are on a tight deadline, thankfully there are many resources offering ready-made design elements like icons, vector graphics, and stock images to help ease the pressure. 

But with so design assets now on offer, it can be confusing to find the best when it comes to quality and value for money. Luckily, there are reputable sites ready to supply you with high-quality design assets without breaking the bank. So, whether you're on the hunt for eye-catching imagery or unique icons, these top design asset repositories will deliver what you need.

01. StockUnlimited Vector Plan

If you're on the hunt for quality stock vector graphics and clipart, StockUnlimited is a great place to start. A subscription gains you access to over half-a-million premium vector designs (with fresh designs added monthly), all of which are royalty-free for commercial and personal use.

Its collection only comprises of exclusive one-of-a-kind, quality content that you won't be able to find in other sites. You're also given the freedom to download anything you wish an unlimited number of times, allowing you to use the assets in a variety of projects. Grab a lifetime subscription, on sale for $34.99.

02. EpicPxls Design Assets Premium Plan

Cut the time you spend toiling away on projects with the assets you collect from EpicPxls. The site offers a slew of premium curated fonts, graphics, templates, mobile app designs, and more to help aid your creative workflow. The subscription affords you 20 downloads on premium items each month, for life. Grab a lifetime subscription, on sale for $49.

03. Storeshock WordPress Themes & Elements

Who says you have to learn code to create stunning websites? Storeshock boasts a myriad of WordPress themes and elements like plugins and web packages to streamline the site-building process. Upon signing up, you'll immediately receive lifetime access to more than $50k worth of premium products.

Indulge yourself in thousands of web elements to get your dream site into fruition. Your subscription even includes a drag-and-drop page builder so you can create your website even faster. Grab a lifetime subscription, on sale for $59.

04. Icon54: Unlimited Membership

Icon54 is the place to go for line and glyph vector icons. Drawn by hand and approved by top designers, their array of assets nets you 5,000 unique icons in over 100 different categories ranging from web and apps use to iOS and Android use. Each icon is designed to precision on a grid system, and you can easily customise them to suit your needs using your preferred design software. Plus, each icon comes in line and solid versions, giving you double the options. Grab a lifetime subscription, on sale for $19.

05. The Stock Photo Mega Bundle: 80,000+ images

Stock imagery is a handy addition to have in your designer toolkit, and with the Stock Photo Mega Bundle, you can get access to a rich library of over 80,000 royalty-free stock images, for more than 750 diverse themes, niches, and categories spanning nature, travel, lifestyle, and more. 

Plus, not only will you be supplied with images, but you'll also get drone video footage, animated motion backgrounds, and premium cinemagraphs to bring your projects to life. Grab a lifetime subscription, on sale for $29.99.

Related articles:

15 essential tools for graphic designers in 2019The best laptops for graphic design10 of the best 4K monitors for designers

Collective #534

Original Source: http://feedproxy.google.com/~r/tympanus/~3/vMXM74abqzo/

C534_gradients

Gradient Magic

A collection of very modern and unique CSS gradients.

Check it out

C534_Bugherd

This content is sponsored via Syndicate Ads
Collect feedback and track website bugs visually with BugHerd

Capture, collaborate and communicate on visual feedback wherever you work with BugHerd. Collect and pin feedback, it’s like using sticky notes on a website.

Try it free

C534_grid

Intrinsically Responsive CSS Grid with minmax() and min()

Evan Minto shows how to pull off an intrinsically responsive grid without media queries using the new min() function.

Read it

C534_flawwwless

Flawwwless

Flawwwless is a coding education platform with easy to follow interactive tutorials.

Check it out

C534_refresh

Keeping things fresh with stale-while-revalidate

Learn about an additional tool to help you balance immediacy and freshness when serving your web app. By Jeff Posnick.

Read it

C534_docs

ImportDoc

With ImportDoc you can create a web page that updates dynamically with the content of a Google document.

Check it out

C534_cssload

The Simplest Way to Load CSS Asynchronously

Scott Jehl shows a simple HTML approach for loading CSS files asynchronously.

Read it

C534_gatsbythemes

Gatsby Themes

Exciting news for Gatsby users: With a Gatsby theme, all of your default configuration (shared functionality, data sourcing, design) is abstracted out of your site, and into an installable package.

Check it out

C534_fwa

The Cool Club FWA

The web presentation of The Cool Club FWA, a deck of cards displaying the 54 coolest websites in history, as featured in “Web Design, The evolution of the Digital World 1990-today”.

Check it out

C534_minecraft

Rendering a Minecraft terrain

Day 21 of the WebGL month by Andrei Lesnitsky will teach you how to create a Minecraft terrain.

Read it

C534_locoscroll

Locomotive Scroll

The freshly updated library for detecting if elements are in the viewport plus smooth scrolling with parallax effects.

Check it out

C534_seo

Understand the JavaScript SEO basics

A guide that describes how Google Search processes JavaScript and best practices for improving JavaScript web apps for Google Search.

Read it

C534_algebra

Algebraic Effects for the Rest of Us

Dan Abramov explains the beauty of algebraic effects in an easy to understand way.

Read it

C534_respvr

Foundational Ideas for Responsive Augmented Reality Content

Understand the mechanics of responsive AR in this article by Keith Hamilton.

Read it

C534_placeholder

The accessibility of placeholder links

Scott O’Hara goes into the specifics of how an anchor may be exposed to assistive technologies, such as screen readers.

Read it

C534_sideproject

Sidelist

A collection of side projects including web, mobile and desktop apps.

Check it out

C534_ps

Design History of Adobe Photoshop

A look back at 29 years of the design of the Adobe Photoshop application.

Check it out

C534_deepautocomplete

TabNine: Autocompletion with deep learning

TabNine is a deep learning powered autocompleter for code that was trained with about 2 million files from GitHub.

Check it out

C534_loader

Loader animation

An excellent loading animation demo by Aaron Iker.

Check it out

C534_private

ES proposal: private class fields

Axel Rauschmayer looks at private fields, a new kind of private slot in instances and classes, part of the ES proposal.

Read it

C534_clock

Analog Clock in Three.js

A Three.js analog clock made by Jon Kantner.

Check it out

C534_spreadsheets

Stein

With Stein you can use Google Sheets as your no-setup data store.

Check it out

C534_toast

Toast Pop!

Scroll down and press the toaster button to go back up in style!

Check it out

Collective #534 was written by Pedro Botelho and published on Codrops.

How to bring the energy of graffiti into typography

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/VIp48dOnLoM/how-to-bring-the-energy-of-graffiti-into-typography

Us by Night is unique among creative events, not least because – as the title suggests – it's a nocturnal affair. After all, who wants to stumble into a conference centre early in the morning, bleary-eyed, when you could instead enjoy talks, networking and entertainment in the much more civilised evening?

Taking place in Antwerp, Belgium between 26 and 28 September, Us by Night features an arcade, a night market, a delicious selection of local food, and the extraordinary delights of fluorescent ping-pong.

But of course, the main reason to head to Us by Night are the inspirational speakers, and one of the top attractions this year will be the return of Tyrsa. 

Who is Tyrsa?

Tyrsa, aka Alexis Taïeb, first discovered graffiti in 1999, and fell in love. But unlike other graffiti enthusiasts, he decided not to pursue the route of 'pure artist', but instead went to study design and typography at the Gobelins School of Visual Communication and Arts in Paris.

Since graduating in 2007, Tyrsa carved out a rich and successful career as a freelance designer, with work ranging from murals, logos, posters and installations to packaging designs. His distinctive, hand-crafted typography has won him countless fans, and clients including Nike, Carhartt, Louis Vuitton, Timberland, Foot Locker, Issey Miyake and Childish Gambino.

We caught up with Tyrsa to find out what he'll be talking about at Us by Night, and why no one should miss it.

What will your talk at Us by Night be about?

Tyrsa in front of giant lettering that reads 'Cold as ice'

9.50 x 8.3m mural by Tyrsa for the Mr Freeze festival in Toulouse, France

Firstly, I should mention that I did a talk at Us by Night three years ago. But anyone who saw that should know that my 2019 talk is going to be pretty different.

I'll be discussing my work, of course, but I want to provide a perspective on it that can help people think about their own designs in a different way. I don’t like talks at creative events where it’s just people showing their portfolio and going through each project, one by one. After all, if you want to look at my work, you can go onto my website and just check out my portfolio!

Instead, I'm not just going to show the finished work, but also stuff from behind the scenes, to show how each project developed from start to finish. And I want to talk about the mistakes I made and the things that went wrong, as well as the things that went right. I think you can learn a lot more from that than just hearing about people’s successes.

Your style is pretty distinctive – how would you describe it?

Well, I started in graffiti and moved into typography, so I brought that street style and energy into my work in a way that seems to connect with people. But of course, I know that I’m not the only person who’s followed this path.

So I think one thing that helps make my work distinctive and different is that it’s underpinned by a proper understanding of the fundamental principles of typography, which I taught myself. In other words, it’s not just cool-looking lettering, it really follows the function of typography in an organised manner and I try to always do something appropriate to each project, each client.

Also, I’m always trying to take in new influences and develop my work, so it doesn’t stay looking the same but constantly evolves and improves over time.

You've done a lot of work for Childish Gambino, can you tell us a little about that?

Childish Gambino on stage, below stylised lettering of his name

After a rocky start, Tyrsa has established a strong working relationship with Childish Gambino

I've been working with Childish Gambino's team for about three years. In the beginning, I was working on an album cover, which was originally titled “Operation High Jump”.

I spent months working on getting type lettering for the title right. They were happy with what I’d done, but then at the last minute they decided to change the name of the album to "Awaken, My Love". That was very frustrating after I’d done so much work on it!

But we continued to work together, and I went on to design for other covers, merchandise, a wordmark, and typography for the ‘This is America’ music video. So it’s worked out really well in the long term.

I'd say that we’ve reached a point in our relationship where we know each other and understand each other’s perspective so well. So when they need something, they know I can create something they’ll be happy with. 

What else have you been working on lately?

Typography by Tyrsa

Art-directing the food court of the new Galeries Lafayette concept store has been Tyrsa’s biggest project to date

In the last year, I’ve been working on my biggest project to date, art-directing the design of the food court of the new Galeries Lafayette concept store, on the famous Champs-Élysées avenue in Paris.

This has been a big challenge, because it’s a huge area, with 10 different food stands, and each restaurant already has its own branding and identity. My job was to reinterpret each identities into a broader general branding, so there was an overall look and feel to the place as a whole.

I also did individual, two-metre tall illustrations for each of them, using mosaics, plus there's a lot of neon, a lot of signage… I’ve designed all of this, and it's been great because the client has given me a lot of freedom in how to approach it artistically.

How do you see your career developing in future?

I don’t have specific plans, to be honest. I just want to keep working and evolving my style. If you make too many plans, I think it just closes off a lot of potential opportunities to do new things and to grow. And really, I just feel blessed to be doing what I’m doing. 

My parents were very unhappy with me doing graffiti originally, so every day I feel blessed that I can work as a designer and keep creating cool new things.

And will you keep coming back to Us by Night?

Couple in bathing suits face each other in a bathroom, with knowing looks

Typography by Tyrsa for the Childish Gambino movie Guava Island 

I certainly will! This will be my fourth time at Us by Night, in fact. As I said, I did a talk three years ago, and for the last two times I did a mural there.

I really love the event: it has a great atmosphere and it’s such a great opportunity to meet other creative people and get inspired by them and their work… whether that’s photographers, designers, artists or whoever.

In fact, I think that if they carry on doing Us by Night for the next 20 years, I’ll want to go to every single one.

Us By Night takes place at Antwerp, Belgium from Thu, Sep 26, 2019 – Sat, Sep 28, 2019. Don't miss out: buy your tickets now!


An Introduction to Color Fonts + 16 Beautiful Examples

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/Q-tlzsTQQeA/

Are you ready to add some color to your website? Color fonts are revolutionizing web and graphic design spaces by bringing in effects that before required advanced editing to achieve.

Traditional fonts tend to be vectors; they sit on one layer and are made up of simple strokes and shapes. You can resize them, and add effects like colors and drop shadows using HTML or CSS, but that’s all. Bitmap fonts work similarly, except they can’t be resized.

Color fonts, also known as chromatic or OpenType-SVG fonts, are breaking those barriers. These fonts can contain shading, textures, bitmap images, and of course colors – even more than one color!

The results are a wide diversity of new typefaces, ranging from highly-detailed brush stroke fonts to multi-colored or gradient text to fonts that look metallic and shiny.

What’s the Big Deal?

Adding effects to text is nothing new for designers. Overlaying textures, images, or adding shading can be done in Photoshop. But what if you could just download a color font, type, and all those effects were right there in the first place?

The problem with simply adding effects to text in Photoshop is that the result must be displayed as an image online. That means that it can’t be highlighted, searched for, or indexed by search engines.

With OpenType-SVG fonts, it looks as fancy as anything you can make in an image editor, but it’s actual text on the page – not a PNG image. It can be resized if it’s a vector font, interacted with, and edited with HTML and CSS. This has huge implications for web designers and developers.

It also saves time. Instead of taking a normal font and adding effects to it, you can just find a color font that fits your needs.

While support for color fonts is currently spotty, most of these typefaces do come with fallback fonts. These are black and white versions of the font that will work on almost any browser or program.

Currently, color fonts are supported on Edge, Safari, and Firefox with Windows-only support for Opera and Internet Explorer. They’re also supported by most major image editors and design tools, except for Adobe XD, Premiere Pro, and After Effects.

The lack of Chrome support might make you wary, but it should be safe to use color fonts with fallbacks on your website.

Color Font Examples

Ready to add some color to your sites or graphic designs? We’ve compiled sixteen gorgeous color fonts here for you. All of these make full use of OpenType-SVG technology to create artistic type. See for yourself!

Bixa Color

Example of Bixa Color

Trend by Latinotype

Example of Trend by Latinotype

Pure Heart by Greg Nicholls

Example of Pure Heart by Greg Nicholls

Bungee

Example of Bungee

Dog Eared by Andy Babb

Example of Dog Eared by Andy Babb

Night Neon by Andrey Yaroslavtsev

Example of Night Neon by Andrey Yaroslavtsev

Pickley by Lef

Example of Pickley by Lef

Core Paint by S-Core

Example of Core Paint by S-Core

Yeah by Simon Stratford

Example of Yeah by Simon Stratford

Buckwheat

Example of Buckwheat

DeLittle Chromatic by Wood Type Revival

Example of DeLittle Chromatic by Wood Type Revival

Sansterdam Color Font by NREY

Example of Sansterdam Color Font by NREY

Macbeth by Pixel Surplus and Oghie Novianto

Example of Macbeth by Pixel Surplus and Oghie Novianto

Vaporfuturism by Ckybe’s Corner

Example of Vaporfuturism by Ckybe's Corner

Colortube by Neogrey

Example of Colortube by Neogrey

Timber Wolf by Greg Nicholls

Example of Timber Wolf by Greg Nicholls

Beautify Your Projects with Colorful Fonts

Technology is always bringing us forward. Now, you can do things and add features to a website that, a few years ago, seemed impossible.

All of these fonts look like they’ve been heavily edited in Photoshop, but in reality, you can type them out onto the screen and they’ll look just like they do in the preview. Not long ago, designers may never have thought directly adding effects and shading to fonts like this could be possible.

And now, font designers are revolutionizing the online world and showing off the full extent of their design skills with awesome color fonts. Though chromatic text remains unsupported in some places, with its recent popularity, the day shouldn’t be long off when all major browsers finally support color fonts.

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets

DOWNLOAD NOW


XD Guru – Resource Site All Adobe XD Users Should Know

Original Source: https://www.hongkiat.com/blog/xdguru-resource-site-adobe-xd-users/

I’ve lost track of how many freebie sites are online today. Most focus on traditional Adobe software such as Photoshop and Illustrator, but you can’t find much on Adobe’s newest…

Visit hongkiat.com for full content.

25 Free Business Newsletter Templates to Download

Original Source: https://www.hongkiat.com/blog/free-business-newsletter-templates/

An email newsletter is a great way to share your latest products and services, new blog posts, sales, and other updates with your subscribers. In this regard, your newsletter design should be simple,…

Visit hongkiat.com for full content.