Tag Archives: magazine

How New Font Technologies Will Improve The Web

Words are the primary component of content for the web. However, until a short while ago, all we had at our disposal were but a few system fonts. Adding to that, those system typefaces weren’t necessarily coherent from operating system to operating system (OS).

How New Font Technologies Will Improve The Web

Fortunately, Windows, macOS and Linux made up font-wise, and since then, all modern fonts have been compatible across those OS’. There’s no question, the future of web typography looks promising.

The post How New Font Technologies Will Improve The Web appeared first on Smashing Magazine.

Link – 

How New Font Technologies Will Improve The Web

An Introduction To Gravit Designer: Designing A Weather App (Part 1)

Being a designer at the moment is great because a wealth of modern design applications are available that let you easily bring your ideas to the screen: Sketch, Affinity Designer, Adobe XD (beta) and Figma, to name just a few (not to mention the classics, Photoshop and Illustrator).

An Introduction To Gravit Designer: Designing A Weather App (Part 1)

One app that is quite new, though — and perhaps a bit overlooked — is the free Gravit Designer app. Gravit gives you all of the tools needed to create functional and elegant screen designs. It can also be used to make icons, designs for print, presentations and much more.

The post An Introduction To Gravit Designer: Designing A Weather App (Part 1) appeared first on Smashing Magazine.

Continue reading – 

An Introduction To Gravit Designer: Designing A Weather App (Part 1)

How To Create A Sketch Plugin With Front-End Technologies

UX design hasn’t been the same since Sketch arrived on the scene. The app has delivered a robust design platform with a refreshing, simple user interface. A good product on its own, it achieved critical success by being extended with community plugins.

How To Create A Sketch Plugin With Front-End Technologies

The open nature of the Sketch plugin system means that anyone can identify a need, write a plugin and share it with the community. A major barrier is stopping those eager to take part: Designers and front-end developers must learn how to write a plugin. Unfortunately, Objective-C is difficult to learn!

The post How To Create A Sketch Plugin With Front-End Technologies appeared first on Smashing Magazine.

Originally posted here: 

How To Create A Sketch Plugin With Front-End Technologies

Future-Proof Your Marketing with Call to Action Magazine

The Call to Action Magazine
A good marketer is like a doomsday prepper (bear with me here…)

Instead of preparing for a global cataclysm, learning about water storage and building bunkers, they’re constantly on the lookout for ways they can proof their marketing for, or get ahead of, inevitable and dramatic changes to the marketing landscape.

Frequent and mysterious algorithm changes. New ad platform features. Emerging trends, dying fads. Amidst all this, only marketers who understand these new conditions — then adapt and innovate within them — will see exponential returns.

At Unbounce, we’ve been really lucky to have a network of expert marketers around to ask about the always-changing marketing landscape. We can turn to forward-thinking strategists like Mirum’s Mitch Joel, Moz’s Rand Fishkin, Love Your Customer’s Claire Suellentrop, and even our in-house-experts, like Alexa Hubley, Carl Schmidt and CRO Michael Aagaard. We ask them things like:

  • What does the ever-increasing prominence of Artificial Intelligence and Machine Learning mean for marketers and their jobs?
  • Are “tried-and-true” frameworks like the buyer persona still relevant, or are there new ways of digging deeper to speak more closely to my target market?
  • Have traditional SEO tactics become completely outdated? Why are the most successful SEOs now becoming well versed in conversion rate optimization?
  • How can you use data to inform your marketing without letting personal biases get in the way?
  • Should marketing stop after the conversion? (Or is customer marketing where it’s at?)

These are questions we’ve seen tossed around recently in our newsfeeds and at conferences.

So we set out to help answer them.

In Call to Action Magazine, we aim to address these questions and dig into some of the recommendations the experts in our network have shared — those that will help you create exceptional marketing no matter what new algorithm comes along.

So, what do you say? Do you want to get lost in the rubble… or do you want to learn how you can future-proof your marketing?

Ready to Future-Proof Your Marketing?

Call to Action Magazine is filled with recommendations from marketing experts to help your marketing thrive — no matter what algorithm gets changed tomorrow.
By accessing the magazine, you’ll receive actionable marketing content from Unbounce. 
You can unsubscribe at any time.

Link: 

Future-Proof Your Marketing with Call to Action Magazine

Creating Custom Inputs With Vue.js

Component-based libraries or frameworks such as Vue have given us the wonderful ability to create reusable components to be spread throughout their respective application, ensuring that they are consistent, and (hopefully) simplifying how they are used.

Creating Custom Inputs With Vue.js

In particular, form inputs tend to have plenty of complexity that you’d want to hide in a component, such as custom designs, labels, validation, help messages, and making sure each of these pieces are in the correct order so that they render correctly.

The post Creating Custom Inputs With Vue.js appeared first on Smashing Magazine.

View this article – 

Creating Custom Inputs With Vue.js

Documenting Components In Markdown With Shadow DOM

Some people hate writing documentation, and others just hate writing. I happen to love writing; otherwise, you wouldn’t be reading this. It helps that I love writing because, as a design consultant offering professional guidance, writing is a big part of what I do. But I hate, hate, hate word processors.

Documenting Components In Markdown With Shadow DOM

When writing technical web documentation (read: pattern libraries), word processors are not just disobedient, but inappropriate. Ideally, I want a mode of writing that allows me to include the components I’m documenting inline, and this isn’t possible unless the documentation itself is made of HTML, CSS and JavaScript. In this article, I’ll be sharing a method for easily including code demos in Markdown, with the help of shortcodes and shadow DOM encapsulation.

The post Documenting Components In Markdown With Shadow DOM appeared first on Smashing Magazine.

View article:  

Documenting Components In Markdown With Shadow DOM

Free Business Icons For The Startup World (28 Icons, 5 Formats)

What comes to your mind when you hear the word “business”? White collars, cubicle offices, and encrusted habits? Not when you ask the folks at Vexels. Their Business Concept icon set manages to break free from the conceptions that are stuck in our heads and paints a fresh and creative picture instead. One that captures the liveliness of today’s startup world. And, well, we are very happy to present you the icons as a freebie.

Business Concept Icons

Colorful, friendly, but nonetheless straight to the point, that’s Vexels’ take on the business subject. There are 28 icons in the set in total, depicting concepts that help a business thrive — from vision and strategy to teamwork and competition. All icons are available in AI, EPS, SVG, PSD, and PNG formats.

The post Free Business Icons For The Startup World (28 Icons, 5 Formats) appeared first on Smashing Magazine.

This article: 

Free Business Icons For The Startup World (28 Icons, 5 Formats)

Apple’s WWDC 2017 Highlights For iOS Developers

Apple’s Worldwide Developer Conference (WWDC) has been running for 34 years, which is 6 years longer than The Simpsons. Like Netflix, Apple likes to drop a whole season at once. When it does, I devote that week and the following weekend to binge-watching as many videos as I can and trying out some of the new technology, especially as it relates to iOS.

From Apple's WWDC 2017 Highlights For Web Developers

In the past 10 years, a big portion of these conferences has been devoted to iOS. This is where we learned about the first iPhone SDK, notifications, share and today widgets, the iOS 7 redesign, iPad multitasking, and other iOS milestones. I was genuinely surprised with some of the announcements this year.

The post Apple’s WWDC 2017 Highlights For iOS Developers appeared first on Smashing Magazine.

Excerpt from:  

Apple’s WWDC 2017 Highlights For iOS Developers

Connecting With Users: Incorporating Humor In Web Design

Joan is applying for a small loan on all-online-loanzzz.com. She’s becoming frustrated with the number of financial-disclosure forms she has to fill out. She’s thinking about visiting her local bank to ask for a loan instead.

Connecting With Users: Incorporating Humor In Web Design

While waiting for a page to load, the application presents a cartoon image of a person wearing a business suit sitting in a jail cell. The image caption says, “Hey, everyone hates disclosures. We know you do, too. We’re doing our best to keep everyone out of jail. Please bear with us for a few more clicks. You won’t regret it, and our loan officers will stay out of jail.” Joan smirks at the image. She might not appreciate the number of forms she has to complete, but she understands the serious nature of applying for a loan.

The post Connecting With Users: Incorporating Humor In Web Design appeared first on Smashing Magazine.

View the original here:  

Connecting With Users: Incorporating Humor In Web Design

Building Production-Ready CSS Grid Layouts Today

Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and methodologies seemingly overnight. This is most definitely true for front-end web development.

Building Production-Ready CSS Grid Layouts Today

Our industry thrives on constant, aggressive development, and new technologies emerge on a regular basis that change the way we do things in fundamental ways.

The post Building Production-Ready CSS Grid Layouts Today appeared first on Smashing Magazine.

View original article: 

Building Production-Ready CSS Grid Layouts Today