Tag Archives: magazine

A Swift Transition From iOS To macOS Development

Today started just like any other day. You sat down at your desk, took a sip of coffee and opened up Xcode to start a new project. But wait! The similarities stop there. Today, we will try to build for a different platform! Don’t be afraid. I know you are comfortable there on your iOS island, knocking out iOS applications, but today begins a brand new adventure. Today is the day we head on over to macOS development, a dark and scary place that you know nothing about.

To create a new macOS project in Xcode, open New Project, hit the macOS icon at the top, the select Cocoa App, and press Next

The good news is that developing for macOS using Swift has a lot more in common with iOS development than you realize. To prove this, I will walk you through building a simple screen-annotation application. Once we complete it, you will realize how easy it is to build applications for macOS.

The post A Swift Transition From iOS To macOS Development appeared first on Smashing Magazine.

Continue at source: 

A Swift Transition From iOS To macOS Development

CSS Grid Gotchas And Stumbling Blocks

In March this year, CSS Grid shipped into production versions of Chrome, Firefox and Safari within weeks of each other. It has been great to see how excited people are about finally being able to use it to solve real problems.

CSS Grid Gotchas And Stumbling Blocks

CSS Grid is such a different way of approaching layout that there are a number of common questions I am asked as people start to use the specification. This article aims to answer some of those, and will be one in a series of articles on Smashing Magazine about layouts.

The post CSS Grid Gotchas And Stumbling Blocks appeared first on Smashing Magazine.

View the original here:  

CSS Grid Gotchas And Stumbling Blocks

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.

The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.

View this article:  

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

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)