Should You Use Gutenberg on Existing WordPress Websites?

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/TKFIU19ppys/

With the impending release of WordPress 5.0, the new Gutenberg editor will make its way onto millions of websites. It’s a big change in how content is created, stored and managed. Not to mention the potential compatibility issues that could crop up with some themes and plugins.

As the new editor prepares for full release, we should note that the “Classic” Editor will remain available as a plugin. Activating it will enable site owners to use it in conjunction with Gutenberg or bypass it completely.

Because the Classic Editor affords us a second path, it’s worth considering whether or not to take it. Gutenberg represents a big shift in how WordPress operates. The question becomes, is it really worth utilizing the new editor on an existing site, or is it better to stick with the tried-and-true Classic version?

To answer that question, there are several factors to consider. So, before you take the plunge and switch to Gutenberg, here are a few items you’ll want to think about.

The Past and Future of Your Content

The content on your existing website, along with the way you manage it, has already been established. Odds are that your pages and blog posts follow a specific format that was created long before Gutenberg came onto the scene.

With that in mind, consider whether or not you want to change things to reflect the new capabilities Gutenberg brings. For instance, you might have interest in refactoring your existing content to utilize features like full-width images or multi-column layouts.

However, sites that are heavy in content may require a lot of work to bring up to speed. It might consist of going through every piece of content and laying it out in the new block-based format. Gutenberg can automatically convert legacy posts to blocks, though you’re ultimately the one who will need integrate any customizations.

The other option would be to perhaps refactor some existing content, while focusing more on using Gutenberg for new items. In this case, maybe a few key pages could be formatted with the new editor. Then, all future blog posts would also be block-based.

Gutenberg shouldn’t harm or break any existing content, so you can use it in conjunction with the Classic Editor to format just the content you choose.

WordPress new post menu.

Is Your Site Customized?

When you built your website, you may very well have set things up to take advantage of the Classic Editor. Or, perhaps you used custom fields or a page builder plugin to allow for more complex layouts, etc.

If your site already sports custom methods for creating content, switching to Gutenberg could lead to some issues. Turning off a page builder, for example, may break custom layouts that were created with it. That again means refactoring everything to use the new editor.

Some page builder plugins are pledging Gutenberg compatibility and custom fields will still work as they always have. Even so, it may make sense to just stick with your current setup.

If you do decide to go with Gutenberg, make sure to test everything in a staging environment beforehand. You won’t want to encounter any unpleasant surprises on a production site.

Code editor

Workflow and Client Education

Gutenberg is a fairly intuitive tool, but it still has a learning curve. Think of a busy news site that has multiple authors. They probably have an existing content creation and editorial process. Throwing a completely different type of editor into mix could hurt efficiency in the short term.

Likewise, even a small brochure-style website can run into some detours. If your client is typically the one who manages content, they may also struggle to adapt to a different workflow. Blog posts that previously took just a few minutes could take significantly longer to create.

This is where web designers need to step in and provide a crash course on using Gutenberg. It can help to ensure that everyone is on the same page and has a basic understanding of how things work. The other potential bright side (for you) is that educating clients can result in some extra revenue.

Still, the adaptation content creators will need to make isn’t going to be seamless – even with education. Thus, you’ll need to weigh the benefits of using Gutenberg against those of keeping things as-is.

Sign that reads "New Skills Training".

Time for a Redesign?

Because Gutenberg presents such a fundamental change to using WordPress, you may lean towards holding off on implementing it on your existing site. However, if your site is also due for a redesign, it might offer the perfect opportunity to knock both items off of your to-do list.

Since this new tool is the future of the platform, optimizing your redesign to utilize it makes plenty of sense. It provides you with the chance to refactor content and educate clients. Even better is that you can implement these changes on a staging environment. This allows you to experiment and identify any pain points.

When the new site launches, you can be confident that everything is working as it should. Clients will have an understanding of their new workflow and the website will be better prepared for the future.

Making the Right Decision

Deciding whether or not to enable Gutenberg on your existing website takes some serious thought. In the end, it’s about whether or not the switch is going to benefit your particular site. If you’re really keen on the flexibility the editor offers, then it may be worth your while to use it right from the get-go.

However, there are situations where rolling with the changes may not be ideal. If content creation on your site is highly-customized or a change to your workflow isn’t in your plans, using the Classic Editor for the time being could be your best bet.

The Classic Editor plugin should be supported for “years to come”, meaning that you don’t have to rush into anything when it comes to Gutenberg. Knowing this, you may consider a plan to start fresh and utilize Gutenberg on both new and newly redesigned websites.

Regardless, it all comes down to making the right choice for your specific situation. Thankfully, WordPress enables us to easily go in either direction.


When to Use Old Code

Original Source: https://www.webdesignerdepot.com/2018/12/when-to-use-old-code/

COBOL is a programming language that was originally designed in 1959, an era that many people might think of as being “before computers”. That’s not true, of course; they just didn’t have computers at home. The language is still being used by some businesses on giant mainframe computers. It’s a bit like Linux: people interact with it every day, they just don’t know it.

The point here is simple: the world more or less runs on old code, and that’s not always a bad thing. We, as designers and front end developers, could learn a thing or two.

We generally think of older code as being slower and less secure. This actually varies greatly depending on the system in question. Hey, how many script kiddies do you know that could hack into anything running on COBOL, when they might not even know what it is? Sometimes old code is just more dependable.

All that work to get rounded corners into the spec, and we started using Metro-inspired flat design practically the next day

Now on the Front End, this is an issue of compatibility. IT departments around the world are doing a better job of updating their software, and most individuals use browsers that update themselves. Even so, there are some use cases when you can’t afford to let any potential user fall through the cracks. There will be times when certain bits of CSS3 just aren’t available to you, when you might have to go back to a float-based layout, or even—God forbid—back to XHTML. Pushing the envelope is fun, but there will be times when old code is just plain better better than a polyfill.

Hey, it’s not like we use rounded corners nearly as often as we used to, anyway. All that work to get rounded corners into the spec, and we started using Metro-inspired flat design practically the next day.

Government

Governments should ideally be using the latest, greatest, and most secure back end code, but they don’t. I mean, governments are known for being out of touch, and out of date. It’s sort of what they do. While this approach is often terrible for policy and backend code, it’s ironically kind of a boon to compatibility on the front end.

Anyone working in the government sector has a moral responsibility to make sure everything they make is backwards compatible enough for every single one of their constituents to access it. This includes people with aging family computers, even people whose only contact with the Internet happens in libraries, people who only have a smartphone, or what-have-you.

I mean, it’s government. When people cannot access the services a government provides, then government may as well not exist. In a case like this, a site that can be used on old browsers is literally a matter of public welfare.

Side Note: Internal Web Apps in Government and Publicly-funded Services

Have you ever seen a library’s online catalog that wasn’t a little ancient? Publicly-funded services like libraries wish they got the IT budgets that even stingy corporations are willing to front. Working on ten-year-old (or older) hardware is not at all uncommon. This happens in constituencies all over first world countries and the developing world alike, in small towns and big fancy states.

Don’t even get me started on federal agencies worldwide. If the department doesn’t generate massive revenue or bundles of good PR, chances are that they’ll get stiffed in the budget meetings. When it comes right down to it, politics affects UX. If you’re making something for internal use by a public service or governmental department, ask them what hardware they’re using. Ask to see their worst and oldest machines, because your website/app has to work on them.

Health Services

Whether it’s a site for a health insurance provider, a hospital’s internal management application, or just an app that helps you get to a health provider faster, backwards compatibility is an imperative. While doctors might get paid plenty, that’s not necessarily a guarantee for the IT departments, and people of every economic class get sick at some point.

It’s just that, not to put too fine a point on it, any hiccup in these systems in this context could literally kill people. It might be a rare thing, but what developer or designer wants even one death on their conscience? It puts a whole new kind of pressure on cross-browser layout testing.

Ecommerce and Other Generally Massive Sites

Thankfully, a site that doesn’t load for everyone in the wonderful world of ecommerce isn’t going to kill people… probably. All you have to lose is money. Of course, no one likes that.

Now small sites in general, and niche or luxury-focused ecommerce sites can get away with targeting a smaller number of browsers to maintain compatibility with. Any design researcher worth their salt will figure out what browsers their users prefer, and go with that.

The bigger your audience, though, the larger the number of people who use “non-standard” browsers. It’s just kind of how that goes. When the numbers get bigger like that, even if it’s only a few percentage points, it becomes less forgivable to ignore those users. This is especially true for publicly traded companies. Shareholders may not respond well to excuses like, “But who cares about Edge?”

Anywhere People Don’t Upgrade Their Hardware Often

Governments, public services, and hospitals aren’t the only places that get stuck with old hardware and software. It happens in companies all around the world. Administrators everywhere really seem to like their standardized systems, even when those systems might be a little out of date.

Companies big and small can end up feeling very afraid of change. In the big ones especially, one single day of having their systems out of commission represents a loss that, even if it would be a justified short-term sacrifice, feels too risky. Old hardware just comes with the territory.

You will, as always, have to assess each job as it comes. Some days you’ll be living in the future, and on others, well… 2009 was a simpler time. Enjoy the nostalgia.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Use Placeit to Easily Create Professional-Quality Logos and More

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/rLCh30exjAA/

Your logo is the single most important design asset for your business. It has to immediately show the world who you are and what you do. That one image carries a lot of responsibility. That’s why it’s so important to get it right.

As a business owner, you have a couple of options for creating a great logo. You can choose to design it yourself from scratch – incredibly difficult if you aren’t already well-versed in graphics software. Or, you can hire a graphic designer – which can be expensive and requires a lot of back-and-forth. Either way, it’s unlikely that you’ll get something satisfactory without spending large amounts of time and money.

Thankfully, there’s now a better way. Using Placeit, you can create a stunning, custom logo for your business in just minutes. Their online logo maker makes the entire process fast, easy and incredibly affordable.

The Perfect Logo, Without the Hassle

The process for creating a logo is super simple. In fact, you don’t need to have any experience with professional software or techniques. Just how easy is it? The whole process can be completed in three quick steps:

Step #1: Choose Your Industry and Style

With Placeit, you not only have a tool that makes logo creation a breeze. You also have access to an enormous variety of styles and industries to choose from. So, whether you’re building a logo for a fitness studio, a restaurant or a sports team – you have the resources to make it happen. Pick the industry and style that suits your business and start creating!

Placeit logos cover a variety of industries and styles.

Step #2: Make It Your Own

Once you find the right logo, click on it and you’ll be taken into the online logo maker. Virtually every aspect of your logo can be edited. Colors, borders, typography, imagery and content can all be changed with point-and-click ease. Want to adjust the sizing of an object? Click on it and use your mouse to expand or contract.

A Placeit logo concept for a coffee shop.

Feel free to tweak things as much as you want. You may even be surprised at how quickly everything comes together. You can literally go from a basic concept to a fully-customized logo within minutes.

A customized coffee shop logo.

Step #3: Download!

Once you’re satisfied with your creation, you can download your new logo. Just click on the blue “Download” button to get started. Placeit generates your custom image and emails you a download link when everything is ready to go.

The image you receive is very flexible. Since it’s 300 DPI, your logo will be perfect for both print and web use. That means you can show it off on a full range of branding materials, such as business cards, brochures and even t-shirts. And, of course, it will also look stunning on your website.

That’s all there is to it! With three easy steps, your business will have its own unique identity that reflects who you are. From there, you can focus on what you do best.

The final result: A custom coffee shop logo.

Build Your Brand with Placeit

Placeit puts you in the driver’s seat when it comes to logo creation. Their easy-to-use tools and professional results mean that you won’t have to invest an exorbitant amount of time and money. Instead, you’ll have the brand identity you need without the hassle.

You can build and download your own logo for just $39. Or, choose Placeit’s unlimited subscription plan for just $29 per month. You’ll have unlimited access to the online logo maker, along with a full suite of creative tools. Create product mockups, social media images and even video presentations with ease. All of your branding needs will be covered for one affordable price.

What are you waiting for? Start using Placeit today and build your brand to the fullest.


What Happened to Visual Composer? The Brain-Twisting Story of Our Confusing Name Change

Original Source: https://www.webdesignerdepot.com/2018/12/what-happened-to-visual-composer-the-brain-twisting-story-of-our-confusing-name-change/

If you’re familiar with Visual Composer, you may have witnessed a few big changes going on.

First, we changed the name of our Visual Composer Page Builder to WP Bakery. Then we launched a new product that’s called Visual Composer Website Builder.

And you’re probably wondering…

“What is going on? Which one is which?”

Is the Visual Composer Website Builder the same as the old Visual Composer? Is it a 2.0? Is WP Bakery a new product? Is it just rebranding (cause if it is, it’s a damn poor one)?

This confusion has upset many of our users, as well as our long-term partners.

And for good reasons.

What started as a minor problem quickly snowballed into a confusing mess that we did not handle right. Partly, because we got swallowed whole into the snowball and had to roll down with it. But also because we naively believed we could “fix it” (spoiler alert: we could not.)

So we decided to write this post for two big reasons.

First and foremost, we wanted to apologize for making an already messy situation worse. Ok, much worse.

We’re Deeply Sorry for the Confusion Created Around Visual Composer

And, most important, we’re sorry for not explaining what caused this mess from the very beginning.

Secondly, we wrote this post to finally explain what caused it from the very beginning.

As you’ll see, it’s quite a brain-twisting journey that led us onto this path. Things happened gradually, and the more we tried to “fix” problems along the way, the deeper they got.

Where It All Started: Changing the Name of Visual Composer Page Builder

You’ve probably seen that name dozens of times, on every major WP theme page. It was included as a premium plugin in many of your favorite themes.

So why would we decide all of the sudden to change the name our best-known product?

Short answer – we didn’t have a choice.

As for the long answer, you can watch the story unfold in the video or you can read it below.



It all began with our new product, the Visual Composer Website Builder.

This is a different tool from the Visual Composer Page Builder and we wanted to make that crystal clear to our users (clearly, that did NOT go according to plan).

The Page Builder was an Envato-exclusive product with lifetime license (like all products sold with Envato).

The Website Builder, our new product, was meant to go in a different direction.

We tried to move away from the lifetime license model, because our new product was more complex in features, and built for a growing part of our users whose website building needs have rapidly evolved.

All this and the new React.JS technical stack meant much higher development costs that could only be sustained with a yearly license model.

We also wanted to be directly in touch with our users to offer them stronger, faster support.

But what happened next was anything but what we had planned:

We Missed One Key Detail That Forced Us Into a Difficult Decision

And that “detail” was our contractual limitations with Envato. In short, we couldn’t sell another product under the name of Visual Composer outside their platform.

So we had to choose between 2 options:

1. We tone down our new product to fit the lifetime license model and put it up on the marketplace, or…

2. We change the name of the product we already had on Envato, Visual Composer Page Builder, so we could lift our contractual limitations.

So we thought long and hard about this, and eventually decided to change the name of the Visual Composer Page Builder, the plugin we had on the marketplace, to WP Bakery.

It was a tough decision, but it was the only way we could maintain the quality of our new product.

And That’s How the Visual Composer Page Builder Became WP Bakery

At this point, we were swamped with work on our new product and overwhelmed with all the unplanned changes.

We were in the eye of the storm and couldn’t see the big picture:

The massive confusion we had created for Visual Composer users.

People were not only confused about the name change from Visual Composer Page Builder to WP Bakery.

But they were completely puzzled about our new product, Visual Composer Website Builder.

They didn’t understand whether this was a rebranding of the old Page Builder or a totally new product.

And it’s 120% our fault.

That’s why we decided to walk you through the whole journey, in an effort to make things as clear as possible.

What is Visual Composer Website Builder and What Does it Do?

The Visual Composer Website Builder is a live-preview editor with drag-and-drop features.

You have a free version and a Premium version with extra features (and more to be added next year).

There are hundreds of ready-to-use content elements to choose from, so you’ve got extra freedom to implement your vision.

You can play around with the drag-and-drop block and see your changes instantly (no more time wasted going back and forth).

You can use Visual Composer Website Builder with any theme, which means you can integrate it into your existing themes.

You can also choose from a handful of ready-to-use WordPress templates for different types of pages (landing pages, portfolios, corporate websites, product pages and many more).

We’ve set up two types of page editing: frontend editor and tree view. If you use the tree view, you’ll be able to navigate through the elements available on a page which speeds up the process.

A big plus: there’s a header, footer, and sidebar editor available in the Premium version of the product. You’ll also have access to a wide variety of add-ons (you can get them from the Visual Composer’s dedicated Hub or get them from third-party developers).

So What Exactly Are the Differences Between Visual Composer Website Builder and WP Bakery?

We got this question a lot lately, so I’d like to take an extra minute to explain these differences here.

First of all, Visual Composer Website Builder is not the ‘premium’ version of WPBakery. It is a completely different product that incorporates the feedback we received from users in the past few years.

We wanted to help them achieve more with one single product, so we created the new product as a platform that can easily be extended according to the users’ needs and desires.

Visual Composer Website Builder’s code was built from zero with React.Js. It doesn’t use any of the WordPress shortcodes. This helps to achieve better performance.

A key difference between the two products is that WP Bakery is only for the content part, while Visual Composer Website Builder allows you to build a complete website (with Headers and Footers).

Another thing that sets the two apart is that WP Bakery is shortcode based, while Visual Composer Website Builder is not.

This helps you in two ways:

it allows you to generate clean code;
it doesn’t get messy if you disable the plugin (like it happens with shortcode-based plugins).

Finally, Visual Composer Website Builder comes with a cloud-based Hub. From which you can download only the elements you need. As a result, you don’t bloat your website with unwanted assets.

There’s a full list of the difference between the two products that you can check right here.

And if you have any questions, please leave a comment and we’ll try to clarify things for you as well as possible.

Thank you for reading this – we really appreciate you taking the time to walk through this journey with us.

 

[– This is a sponsored post on behalf of Visual Composer –]

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Don’t Pay To Speak At Commercial Events

Original Source: https://www.smashingmagazine.com/2018/12/state-of-commercial-web-conferences-events/

Don’t Pay To Speak At Commercial Events

Don’t Pay To Speak At Commercial Events

Vitaly Friedman

2018-12-17T14:15:00+01:00
2018-12-17T15:36:31+00:00

Setting up a conference isn’t an easy undertaking. It takes time, effort, patience, and attention to all the little details that make up a truly memorable experience. It’s not something one can take lightly, and it’s often a major personal and financial commitment. After all, somebody has to build a good team and make all those arrangements: flights, catering, parties, badges, and everything in between.

The work that takes place behind the scenes often goes unnoticed and, to an extent, that’s an indication that the planning went well. There are hundreds of accessible and affordable meet-ups, community events, nonprofit events, and small local groups — all fueled by incredible personal efforts of humble, kind, generous people donating their time on the weekends to create an environment for people to share and learn together. I love these events, and I have utter respect and admiration for the work they are doing, and I’d be happy to speak at these events and support these people every day and night, with all the resources and energy I have. These are incredible people doing incredible work; their efforts deserve to be supported and applauded.

Unlike these events, commercial and corporate conferences usually target companies’ employees and organizations with training budgets to send their employees for continuing education. There is nothing wrong with commercial conferences per se and there is, of course, a wide spectrum of such events — ranging from single-day, single-track gatherings with a few speakers, all the way to week-long multi-track festivals with a bigger line-up of speakers. The latter tend to have a higher ticket price, and often a much broader scope. Depending on the size and the reputation of the event, some of them have more or less weight in the industry, so some are perceived to be more important to attend or more prestigious to speak at.

Both commercial and non-commercial events tend to have the so-called Call For Papers (CFPs), inviting speakers from all over the world to submit applications for speaking, with a chance of being selected to present at the event. CFPs are widely accepted and established in the industry; however, the idea of CFPs is sometimes challenged and discussed, and not always kept in a positive light. While some organizers and speakers consider them to lower the barrier for speaking to new talent, for others CFPs are an easy way out for filling in speaking slots. The argument is that CFPs push diversity and inclusion to a review phase, rather than actively seeking it up front. As a result, accepted speakers might feel like they have been “chosen” which nudges them into accepting low-value compensation.

The key to a fair, diverse and interesting line-up probably lies somewhere in the middle. It should be the organizer’s job to actively seek, review, and invite speakers that would fit the theme and the scope of the event. Admittedly, as an organizer, unless you are fine with the same speakers appearing at your event throughout the years, it’s much harder to do than just setting up a call for speakers and wait for incoming emails to start showing up. Combining thorough curation with a phase of active CFPs submission probably works best, but it’s up to the organizer how the speakers are “distributed” among both. Luckily, many resources are highlighting new voices in the industry, such as WomenWhoDesign which is a good starting point to move away from “usual suspects” from the conference circuit.

Web forms are such an important part of the web, but we design them poorly all the time. The brand new Form Design Patterns book is our new practical guide for people who design, prototype and build all sorts of forms for digital services, products and websites. The eBook is free for Smashing Members.

Check the table of contents ↬

Form Design Patterns — a practical guide for anyone who needs to design and code web forms

Many events strongly and publicly commit to creating an inclusive and diverse environment for attendees and speakers with a Code of Conduct. The Code of Conduct explains the values and the principles of conference organizers as well as contact details in case any conflict or violation appears. The sheer presence of such a code on a conference website sends a signal to attendees, speakers, sponsors, and the team that there had been given some thought to creating an inclusive, safe, and friendly environment for everybody at the event. However, too often at commercial events, the Code of Conduct is considered an unnecessary novelty and hence is either neglected or forgotten.

Now, there are wonderful, friendly, professional, well-designed and well-curated commercial events with a stellar reputation. These events are committed to diverse and inclusive line-ups and they always at least cover speaker’s expenses, flights, and accommodation. The reason why they’ve gained reputation over years is because organizers can afford to continuously put their heart and soul into running these events year after year — mostly because their time and efforts are remunerated by the profit the conference makes.

Many non-commercial events, fueled by great ideas and hard work, may succeed the first, second, and third time, but unfortunately, it’s not uncommon for them to fade away just a few years later. Mostly because setting up and maintaining the quality of such events takes a lot of personal time, effort and motivation beyond regular work times, and it’s just really hard to keep it up without a backbone of a strong, stable team or company behind you.

Some conferences aren’t quite like that. In fact, I’d argue that some conferences are pretty much the exact opposite. It’s more likely for them to allocate resources in outstanding catering and lighting and video production on site rather than the core of the event: the speaker’s experience. What lurks behind the scenes of such events is a toxic, broken conference culture despite the hefty ticket price. And more often than not, speakers bear the burden of all of their conference-related expenses, flights, and accommodation (to say nothing of the personal and professional time they are already donating to prepare, rehearse, and travel to and from the event) from their own pockets. This isn’t right, and it shouldn’t be acceptable in our industry.

The Broken State Of Commercial Conferences

Personally, I’ve been privileged to speak at many events over the years and, more often than not, there was a fundamental mismatch between how organizers see speaking engagements and how I perceive them. Don’t get me wrong: speaking at tech conferences has tremendous benefits, and it’s a rewarding experience, full of adventures, networking, traveling, and learning; but it also takes time and effort, usually away from your family, your friends, and your company. For a given talk, it might easily take over 80 hours of work just to get all the research and content prepared, not to mention rehearsal and traveling time. That’s a massive commitment and time investment.

But many conference organizers don’t see it this way. The size of the event, with hundreds and thousands of people attending the conference, is seen as a fair justification for the lack of speaker/training budgets or diversity/student scholarships. It’s remarkably painful to face the same conversations over and over and over again: the general expectation is that speakers should speak for free as they’ve been given a unique opportunity to speak and that neither flights nor expenses should be covered for the very same reason.

It’s sad to see invitation emails delicately avoiding or downplaying the topics of diversity, honorarium, and expenses. Instead, they tend to focus on the size of the event, the brands represented there, the big names that have spoken in the past, and the opportunities such a conference provides. In fact, a good number of CFPs gently avoid mentioning how the conference deals with expenses at all. As a result, an applicant who needs their costs to be covered is often discriminated against, because an applicant, whose expenses will be covered by their company is preferred. Some events explicitly require unique content for the talk, while not covering any speaker expenses, essentially asking speakers to work for free.

Speaker stage at BTConf

Preparing for a talk is a massive commitment and time investment. Taking care of the fine details such as the confidence monitor and countdown on stage is one of those little things. (Large preview) (Image source: beyond tellerrand)

It’s disappointing (upon request) to receive quick-paced replies explaining that there isn’t really any budget for speakers, as employers are expected to cover flights and accommodation. Sometimes, as a sign of good faith, the organizers are happy to provide a free platinum pass which would grant exclusive access to all conference talks across all tracks (“worth $2500” or so). And sometimes it goes so far as to be exploitative when organizers offer a “generous” 50% discount off the regular ticket price, including access to the speakers’ lounge area where one could possibly meet “decision makers” with the opportunity and hope of creating unique and advantageous connections.

It’s both sad and frustrating to read that “most” speakers were “happy to settle for only a slot at the conference.” After all, they are getting an “incredible amount of exposure to decision makers.” Apparently, according to the track record of the conference, it “reliably” helped dozens of speakers in the past to find new work and connect with new C-level clients. Once organizers are asked again (in a slightly more serious tone), suddenly a speaker budget materializes. This basically means that the organizers are willing to pay an honorarium only to speakers that are actually confident enough to repeatedly ask for it.

And then, a few months later, it’s hurtful to see the same organizers who chose not to cover speaker expenses, publishing recordings of conference talks behind a paywall, further profiting from speakers’ work without any thought of reimbursing or subsidizing speakers’ content they are repackaging and reselling. It’s not uncommon to run it all under the premise of legal formalities, asking the speaker to sign a speaker’s contract upon arrival.

As an industry, we should and can be better than that. Such treatment of speakers shows a fundamental lack of respect for time, effort, and work done by knowledgeable and experienced experts in our industry. It’s also a sign of a very broken state of affairs that dominates many tech events. It’s not surprising, then, that web conferences don’t have a particularly good reputation, often criticized for being unfair, dull, a scam, full of sponsored sessions, lacking diversity or a waste of money.

Speakers, Make Organizers Want To Invite You

On a personal note, throughout all these years, I have rarely received consultancy projects from “exposure” on stage. More often than not, the time away from family and company costs much more than any honorarium provided. Neither did I meet many “decision-makers” in the speaker lounge as they tend to delicately avoid large gatherings and public spaces to avoid endless pitches and questions. One thing that large conferences do lead to is getting invitations to more conferences; however, expecting a big client from a speaking engagement at corporate events has proved to be quite unrealistic for me. In fact, I tend to get way more work from smaller events and meet-ups where you actually get a chance to have a conversation with people located in a smaller, intimate space.

Of course, everybody has their own experiences and decides for themselves what’s acceptable for them, yet my personal experience taught me to drastically lower my expectations. That’s why after a few years of speaking I started running workshops alongside the speaking engagements. With a large group of people attending a commercial event, full-day workshops can indeed bring a reasonable revenue, with a fair 50% / 50% profit split between the workshop coach and the conference organizer.

Admittedly, during the review of this article, I was approached by some speakers who have had very different experiences; they ended up with big projects and clients only after an active phase of speaking at large events. So your experience may vary, but the one thing I learned over the years is that it’s absolutely critical to keep reoccurring in industry conversations, so organizers will seize an opportunity to invite you to speak. For speakers, that’s a much better position to be in.

If you’re a new speaker, consider speaking for free at local meet-ups; it’s fair and honorable — and great training for larger events; the smaller group size and more informal setting allows you seek valuable feedback about what the audience enjoyed and where you can improve. You can also gain visibility through articles, webinars, and open-source projects. And an email to an organizer, featuring an interesting topic alongside a recorded talk, articles and open source projects can bring you and your work to their attention. Organizers are looking for knowledgeable and excited speakers who love and live what they are doing and can communicate that energy and expertise to the audience.

Of course, there may be times when it is reasonable to accept conditions to get an opportunity to reach potential clients, but this decision has to be carefully considered and measured in light of the effort and time investment it requires. After all, it’s you doing them a favor, not the other way around. When speaking at large commercial conferences without any remuneration, basically you are trading your name, your time and your money for the promise of gaining exposure while helping the conference sell tickets along the way.

Organizers, Allocate The Speaking Budget First

I don’t believe for a second that most organizers have bad intentions; nor do I believe that they mean to cut corners at all costs to maximize profit. From my conversations with organizers, I clearly see that they share the same goals that community events have, as they do their best to create a wonderful and memorable event for everybody involved, while also paying the bills for all the hard-working people who make the event happen. After all, the conference business isn’t an easy one, and you hardly ever know how ticket sales will go next year. Still, there seems to be a fundamental mismatch of priorities and expectations.

Setting up a conference is an honorable thought, but you need a comprehensive financial plan of what it costs and how much you can spend. As mentioned above, too many promising events fade away because they are powered by the motivation of a small group of people who also need to earn money with their regular job. Conference organizers deserve to get revenue to share across the team, as working on a voluntary basis is often not sustainable.

Sarah Drasner presenting on stage at ColdFront 2018

All organizers have the same goal: to create wonderful, memorable events for everybody involved. (Large preview) (Image source: ColdFront)

To get a better understanding of how to get there, I can only recommend the fantastic Conference Organizer’s Handbook by Peter-Paul Koch, which covers a general strategy for setting up a truly professional event from planning to pricing to running it — without burning out. Bruce Lawson also has prepared a comprehensive list of questions that could be addressed in the welcome email to speakers, too. Plus, Lara Hogan has written an insightful book on Demystifying Public Speaking which I can only highly encourage to look at as well.

Yes, venues are expensive, and yes, so is catering, and yes, so is AV and technical setup. But before allocating thousands on food, roll-ups, t-shirts, and an open bar, allocate decent budgets for speakers first, especially for new voices in the industry — they are the ones who are likely to spend dozens or hundreds of hours preparing that one talk.

Jared Spool noted while reviewing this article:

“The speaking budget should come before the venue and the catering. After all, the attendees are paying to see the speakers. You can have a middling venue and mediocre catering, but if you have an excellent program, it’s a fabulous event. In contrast, you can have a great venue and fantastic food, but if the speakers are boring or off topic, the event will not be successful. Speaking budgets are an investment in the value of the program. Every penny invested is one that pays back in multiples. You certainly can’t say the same for venue or food.”

No fancy bells and whistles are required; speaker dinners or speaker gifts are a wonderful token of attention and appreciation but they can’t be a replacement for covering expenses. It’s neither fair nor honest to push the costs over to speakers, and it’s simply not acceptable to expect them to cover these costs for exposure, especially if a conference charges attendees several hundred Euros (or Dollars) per ticket. By not covering expenses, you’re depriving the industry of hearing from those groups who can’t easily fund their own conference travel — people who care for children or other relatives; people with disabilities who can’t travel without their carer, or people from remote areas or low-income countries where a flight might represent a significant portion of even multiple months of their income.

Jared continues:

“The formula is:

Break_Even = Fixed_Costs/(Ticket_Price – Variable_Costs)

Costs, such as speakers and venue are the biggest for break-even numbers. Catering costs are mostly variable costs and should be calculated on a per-attendee basis, to then subtract them from the price. To calculate the speaker budget, determine what the ticket price and variable per-attendee costs are up front, then use the net margin from that to figure out how many speakers you can afford, by diving net margin into the total speaker budget. That will tell you how many tickets you must sell to make a profit. (If you follow the same strategy for the venue, you’ll know your overall break even and when you start making profit.) Consider paying a bonus to speakers who the audience rates as delivering the best value. Hence, you’re rewarding exactly what benefits the attendees.”

That’s a great framework to work within. Instead of leaving the speaker budget dependent on the ticket sales and variable costs, set the speaker budget first. What would be a fair honorarium for speakers? Well, there is no general rule of how to establish this. However, for smaller commercial events in Europe, it’s common to allocate the price of 3–5 tickets on each speaker. For a large conference with hundreds and thousands of attendees, three tickets should probably be a minimum, but it would also have to be distributed among simultaneous talks and hence depend on the number of tracks and how many attendees are expected per talk.

Attendees at the performance.now() conference in Amsterdam, 2018

Dear organizers, options matter. Keep in mind to label food (e.g. vegan/vegetarian, and so on). It’s the little details that matter most. (Large preview) (Image source: performance.now())

Provide an honorarium, even if it isn’t much. Also, ask speakers to collect all receipts, so you can cover them later, or provide a per diem (flat daily expenses coverage) to avoid the hassle with receipts. As a standard operating procedure, suggest buying the flight tickets for the speaker unless they’d love to do it on their own. Some speakers might not have the privilege to spend hundreds of dollars for a ticket and have to wait months for reimbursement. Also, it’s a nice gesture to organize pre-paid transport from and to the airport, so drivers with a sign will be waiting for a speaker at the arrival area. (There is nothing more frustrating than realizing that your cabbie accepts only local cash to pay for the trip — and that after a frustrating flight delay arriving late at night.)

Once all of these costs are covered, consider providing a mentor to help newcomers draft, refine, adjust, review and iterate the talk a few times, and set aside a separate time when they could visit the venue and run through their slides, just to get a feeling of what it’s going to be like on stage.

On a positive side, if you’ve ever wondered about a high speakers’ drop-out rate at your event, not covering expenses might be a good reason for it. If speakers are paying on their own, you shouldn’t expect them to treat the speaking engagement as a priority.

As Laurie Barth noted when reviewing this article:

“If you aren’t paid for your time, then you likely have less unpaid time to give to preparing your talk and/or have less incentive to prioritize the travel and time for the talk.”

The time, work, effort, and commitment of your speakers are what make the conference a success.

Organizer’s Checklist

Cover all speaker’s expenses by default, and outline what’s included from the very start (in invitation letters) and before someone invests their time in completing a CFP form;
Avoid hassle with receipts, and offer at least a flat per diem;
Suggest buying the flight tickets for the speaker rather than reimbursing later, and organize pre-paid transport pick-up if applicable,
Allocate budgets and honorarium for speakers, coaching and mentoring early on. Good content is expensive, and if your ticket prices can’t cover it, refine the conference format to make it viable;
Provide an option to donate an honorarium and expenses covered by companies towards diversity/student scholarship;
As a principle, never accept voiding the honorarium. If the speaker can’t be paid or their expenses can’t be covered, dedicate the funds to the scholarship or a charity, and be public about it;
Be honest and sincere about your expectations, and explain which expenses you cover and which not up front in the CFP or in the speaking invitation.

Speakers, Ask Around Before Agreeing To Speak

Think twice before submitting a proposal to conferences that don’t cover at least your costs despite a high ticket price. It’s not acceptable to be asked to pay for your own travel and accommodation. If an event isn’t covering your expenses, then you are paying to speak at their event. It might seem not to matter much if your time and expenses are covered by your employer but it puts freelancers and new speakers at a disadvantage. If your company is willing to pay for your speaking engagement, ask the organizers to donate the same amount to a charity of your choice, or sponsor a diversity/student scholarships to enable newcomers to speak at the event.

Come up with a fair honorarium for your time given your interest and the opportunity, and if possible, make exceptions for nonprofits, community events, or whenever you see a unique value for yourself. Be very thorough and selective with conferences you speak at, and feel free to ask around about how other speakers have been treated in the past. Look at past editions of the event and ask speakers who attended or spoke there about their experience as well as about the reputation of the conference altogether.

If you are new to the industry, asking around could be quite uncomfortable, but it’s actually a common practice among speakers, so they should be receptive to the idea. I’m very confident that most speakers would be happy to help, and I know that our entire team — Rachel, Bruce, me and the entire Smashing Crew would love to help, anytime.

Before committing to speak at a conference, ask questions. Ethan Marcotte has prepared a useful little template with questions about compensation and general treatment of speakers (thanks to Jared for the tip!). Ask about the capacity and expected attendance of the conference, and what the regular price of the ticket is. Ask what audience is expected, and what profile they have. Ask about conference accessibility, i.e. whether there will be talk captioning/transcripts available to the audience, or even sign language interpreters. Ask if there is a commitment to a diverse line-up of speakers. Ask if other speakers get paid, and if yes, how much. Ask if traveling and accommodation are covered for all speakers, by default. Ask if there is a way to increase honorarium by running a workshop, a review session or any other activities. Since you are dedicating your time, talents, and expertise to the event, think of it as your project, and value the time and effort you will spend preparing. Decide what’s acceptable to you and make exceptions when they matter.

Speaker presenting on stage at the ColdFront conference in 2018

Dear speakers, feel free to ask how other speakers have been treated in the past. It’s your right; don’t feel uncomfortable for asking what is important to you and want to know beforehand. (Large preview) (Image source: ColdFront)

As you expect a fair treatment by organizers, also treat organizers the same way. Respect organizers’ time and efforts. They are covering your expenses, but it doesn’t mean that it’s acceptable to spend a significant amount without asking for permission first. Obviously, unexpected costs might come up, and personal issues might appear, and most organizers will fully understand that. But don’t use the opportunity as a carte blanche for upscale cocktails or fancy meals — you probably won’t be invited again. Also, if you can’t come to speak due to occurring circumstances, suggest a speaker that could replace your session, and inform the organizer as soon as you are able to upfront.

Speaker’s Checklist

Think twice before applying to a large commercial event that doesn’t cover your expenses;
If your company is covering expenses, consider asking organizers to donate the same amount to a charity of your choice, or sponsor a diversity/student scholarship;
Be very thorough and selective with conferences you speak at, and ask how other speakers have been treated in the past;
Prepare a little template of questions to ask an organizer before confirming a speaking engagement;
Support nonprofits and local events if you can dedicate your time to speak for free;
Choose a fair honorarium for a talk, and decide on case-by-case basis;
Ask whether videos will be publicly available,
Ask about conference accessibility, i.e. whether there will be talk captioning/transcripts, or sign language interpreters,
Treat organizers with respect when you have to cancel your engagement or modify your arrangements.

Our Industry Deserves Better

As an attendee, you always have a choice. Of course, you want to learn and get better, and you want to connect with wonderful like-minded people like yourself. However, be selective choosing the conference to attend next. More often than not, all the incredible catering and free alcohol all night long might be carried on the shoulders of speakers speaking for free and paying their expenses from their own pockets. Naturally, conferences that respect speakers’ time and professional skills compensate them and cover their expenses.

So support conferences that support and enable tech speakers. There are plenty of them out there — it just requires a bit more effort to explore and decide which event to attend next. Web conferences can be great, wonderful, inspirational, and friendly — regardless of whether they are large commercial conferences of small community-driven conferences — but first and foremost they have to be fair and respectful while covering the very basics first. Treating speakers well is one of these basics.

Editorial’s recommended reading:

Getting Started In Public Speaking, by Rachel Andrew,
Conference Organizer’s Handbook, by Peter-Paul Koch,
My Questions For Event Organizers by Ethan Marcotte,
How To Invite A Conference Speaker, by Bruce Lawson,
Demystifying Public Speaking, a book by Lara Hogan,
Respect Always Comes First by yours truly.

I’d like to kindly thank Rachel Andrew, Bruce Lawson, Jesse Hernandez, Amanda Annandale, Mariona Ciller, Sebastian Golasch, Jared Spool, Peter-Paul Koch, Artem Denysov, Markus Gebka, Stephen Hay, Matthias Meier, Samuel Snopko, Val Head, Rian Kinney, Jenny Shen, Luc Poupard, Toni Iordanova, Lea Verou, Niels Leenheer, Cristiano Rastelli, Sara Soueidan, Heydon Pickering, David Bates, Mariona C. Miller, Vadim Gorbachev, David Pich, Patima Tantiprasut, Laurie Barth, Nathan Curtis, Ujjwal Sharma, Lea Verou, Jesse Hernandez, Amanda Annandale, Benjamin Hong, Bruce Lawson, Matthias Ott, Scott Gould, Charis Rooda, Zach Leatherman, Marcy Sutton, Bertrand Lirette, Roman Kuba, Eva Ferreira, Sara Soueidan, Joe Leech, Yoav Weiss, Markus Seyfferth and Bastian Widmer for reviewing the article.

Smashing Editorial
(ra, il)

Why More Web Designers Should Give Pre-built Websites a Try

Original Source: https://www.sitepoint.com/why-more-web-designers-should-give-pre-built-websites-a-try/

This sponsored article was created by our content partner, BAW Media. Thank you for supporting the partners who make SitePoint possible. There’s a heated and seemingly never-ending debate in the web design industry about whether web designers should always start their design work from scratch or not. Another option comprises taking advantage of what pre-built […]

The post Why More Web Designers Should Give Pre-built Websites a Try appeared first on SitePoint.

Collective #476

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

C476_WOTW

Inspirational Website of the Week: PART Architects

A bold design with many innovative details. Our pick this week.

Get inspired

C476_Framer

This content is sponsored via Thought Leaders
Learn about design systems from the experts

Expert talks, hands-on guides, and inspirational soundbites from designers working on teams at Slack, Dropbox and Facebook, all curated by the team at Framer.

Get inspired

C476_quicklink

quicklink

Quicklink attempts to make navigations to subsequent pages load faster by prefetches URLs to the links when the browser is idle.

Check it out

C476_states

The (Switch)-Case for State Machines in User Interfaces

David Khourshid introduces the concept of state machines and how they can help in the design of user interfaces.

Check it out

C476_debugcss

DebuCSSer

A very useful CSS debugging tool by Lucas Gesmundo.

Check it out

Screen-Shot-2018-12-13-at-18.56.12

Designing for Interaction Modes

A very insightful article by Andrew Grimes on how to approach the task of designing for interaction modes.

Read it

C476_game

Under

Under is a great little game written in JavaScript and GLSL with procedural graphics. By Weston C. Beecroft.

Check it out

C476_top10albums

Top 10 Albums 2018

Adam Kuhn created this slideshow of his top 10 music albums of 2018.

Check it out

C476_choir

Choir

A super fun demo by David Li for Adult Swim.

Check it out

C476_Tab

Not Your Father’s Navigation Strategy: There’s More Than Just the TAB Key

Rachel Olivero explains that while the use of the Tab key for navigation is appropriate in the right circumstances, utilizing quick navigation keys and element lists can offer greater flexibility for screen reader users.

Read it

C476_cssinjs

CSS-in-JS or CSS-and-JS

John Polacek has built something with fashioned CSS and JS and then again with new fangled CSS-in-JS. His message is: either approach is fine, do what is right for you.

Check it out

C476_mathcss

Keep Math in the CSS

Chris Coyier shows how keeping Math in the CSS can make things cleaner and easier to manage.

Check it out

C476_gamexp

Retro Pixel

A splendid rhythm game by Misaki Nakano for the Christmas Experiment collection.

Check it out

C476_recap

A Recap of Frontend Development in 2018

Trey Huffine recaps the most important frontend news, notable events, and trends in JavaScript for 2018.

Read it

C476_drone

Drone

A fantastic demo using Three.js Unreal Bloom effect by Baron Watts.

Check it out

C476_cssprogramming

Programming CSS

Jeremy Keith reminds us how powerful CSS selectors are.

Read it

C476_codevember

What I learned in (almost) 30 days of Codevember

Brian Romer shares his Codevember experience.

Read it

C476_shootingstars

Only CSS: Shooting Star

Beautiful little shooting start made with CSS only. By Yusuke Nakaya.

Check it out

C476_scotland

Free Font: Scotland

A beautiful blackletter typeface made by Phil MacIsaac.

Get it

C476_uikit

Meetio UI Kit (XD)

A great UI kit with more than 80 screens for Adobe XD.

Get it

Screen-Shot-2018-12-13-at-18.36.27

So you want to use Redux

A good primer to Redux by Sérgio Gomes.

Read it

C476_motion

From Our Blog
Motion Transition Effect

A speedy motion transition effect for an image slideshow inspired by Gal Shir’s “Ping Pong Slow Motion” animation.

Check it out

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

What’s New for Designers, December 2018

Original Source: https://www.webdesignerdepot.com/2018/12/whats-new-for-designers-december-2018/

Happy holidays!

This collection of new tools and resources is our gift to you this season. And there are plenty of holiday-themed elements sprinkled in. Enjoy!

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered!

Humaaans

Humaaans is a design kit packed with illustrations of people with a fun style. You can mix and match people and styles – from clothes to hairstyles – to find illustrated humans to match your design projects. Use the illustrations alone or add extra elements to create an entire scene. (The only probably with this free, creative commons-licensed tool is that you might spend all day playing with it.)

Hookbin

Hookbin allows you to capture and inspect HTTP requests. The free tool lets you inspect a number of content types – JSON, XML, YAML, Multipart and URL-encoded requests and every request uses SSL endpoints. Plus you can inspect headers, body, query strings, cookies, uploaded files and more in a private environment if you like.

Advent of Code

Advent of Code is an Advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like. Use them as a speed contest, training, coursework, practice problems, or to challenge other designers. You don’t need a computer science background to participate – just a little programming knowledge and some problem solving skills will get you pretty far.

Fibre

Fibre is a WebGL application for visualizing and coding 3D vector fields and dynamic systems. Vector fields can be authored in the code editor and shared via HTML link with the embedded code.

Giddyapp

Giddyapp is a lightweight invoicing tool that’s made for small businesses and creatives. Invoices have a sleek design that’s easy to use and send. Payment processing is integrated with Strip, Square and PayPal and notifications let you know when clients open and pay invoices. If you need a way to manage clients, this is it.

Milanote

Milanote is a brainstorming tool for teams. Use it to collect elements for moodboards or event to outline design projects. The interface is easy to engage with and you can add structure and purpose to how projects are created and even invite others to collaborate. One of the best things is that it all works in the cloud and is available anywhere eon any device.

Christmas HQ

Working on holiday themed projects? Christmas HQ is packed with designs including clip art elements, backgrounds, fonts, borders images and other elements to jumpstart creative projects.

Color Koala

Color Koala is a fun project that helps you create color palettes. Just press the spacebar and new combinations appear on screen for you to grab and use. Choose from light, dark or trending bright color palettes.

CSS File Icons

This collection of CSS file icons includes popular file icon extensions in a colorful flat style. Just include the CSS to the header and you are ready to go.

Squoosh

Optimize images for the web with one drag and drop. Squoosh is a project that lets you do just that and works for images, artwork, mockups and SVG files. You can adjust optimization settings for each file.

Write Freely

Write Freely is open-source software for creating a simple blog. It’s lightweight and the intuitive editor is made for getting your words on screen quickly. Without a bunch of unnecessary add-ons, this tool provides a distraction-free way to write (and read).

VR/AR Icons

InVision App is offering a collection of 48 colorful icons featuring virtual reality and augmented reality designs. It’s a nice collection for themed projects.

Christmas Desktop Backgrounds & Wallpapers

Decorate your computer screen for the holidays. This collection of 25+ desktop backgrounds all feature cool designs with holiday themes. Perfect for getting you in the holiday (and creative) spirit.

UX Store

UX Store is a collection of design resources made for UI/UX designers. From tools such as sketchbooks and stencils to freebies including UI kits, icons and illustrations, this site is packed with elements that you can use. (Still looking for gifts for the designer in your life? UX Store might be the answer.)

Tutorial: HTML Canvas API

The Canvas API allows browsers to draw on the screen in the design process. This tutorial takes your through the process of using the API step-by-step.

Talk: How to Read Color Hex Codes

The transcript from this Dot Conferences talk is a fascinating look at color. Here’s the description: “How does a colorblind designer work with color? Not with his eyes! Instead David relies on reading color hex codes. He shares his process into understanding those six-digit codes and related insights into human vision, computer history, and digital color.” What are you waiting for? Go read the transcript!

Guide to Voice User Interfaces

Are you ready for VUI? Voice user interfaces are exploding in popularity, and you need to be ready to design for them. Justin Baker’s guide is a great place to start. And it flips everything you know about design upside down: “Keep in mind, a VUI does not need to have a visual interface — it can be completely auditory or tactile (ex. a vibration).”

Emoji Builder

For those times when the standard emojis just won’t do it, there’s Emoji Builder. Using standard starting points and plenty of add-ons, you can create the right virtual face for whatever you are feeling.

Web.dev

Google’s new learning tool is designed to help make you a better, modern designer. There are structured curriculums to help you build “a better web.” The good news is that it’s all rooted in Google’s user research. (And there’s a lot of it.)

Designer’s Eye Game

This game tests your visual skills. Can you tell if dots are in the middle of shapes? (It’s harder than you think.)

Animosa

Animosa is a fun, free serif font family with 508 characters in five weights. It features sharp edges and a light vibe that’s highly versatile.

Bumblebear

Bumblebear is a handwriting style typeface that can work for display use. It includes upper- and lowercase characters, numerals and punctuation.

Christmas Ornaments

Christmas Ornaments is an icon font with line and hand-illustrated holiday icons. It includes 50+ characters to play with.

Geller

Geller is a solid serif typeface made for editorial use. The premium typeface includes a full family with every variation you could need and is highly readable.

Hermann

Hermann is a beautiful and highly readable premium typeface family made for body type as well as display. The discretionary ligatures are what set this font apart for display use.

Pumpkin Pie Lattes

Pumpkin Pie Lattes is a thin, hand-drawn font that makes a great addition to holiday projects. The feel is simple and light in this all uppercase typeface.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Proto.io Review: A Flexible Prototyping Tool

Original Source: https://inspiredm.com/proto-io-review-a-flexible-prototyping-tool/

Fact is – even when you think you’ve got it all figured out, the painstaking process of building a standard app takes an average of about 4 to 6 months. It’s more like a journey from brainstorming an idea to coming up with a totally different end product.

In between these two stages is where the all the drama happens. After brainstorming, comes the research process, from where you establish a corresponding wireframe, then it’s followed up by a prototype for the first testing phase.

What’s missing so far?

Now, hold it right there. Before we even proceed to the development phase, let’s first appreciate the one thing that substantially informs it.

A prototype basically represents what you presume will be the end product’s user interface. The subsequent feedback generated from users determines the corresponding functionality design during development.

Therefore, all in all, the prototype is what basically determines app development and, to a large extent, the overall outcome.

So, how about we take a look at one interesting tool you can leverage for this?

Proto.io Review: Overview

Created by the Labs Division of SNQ Digital, Proto.io has been around since 2011, when it was released as a commercial web platform dealing with prototype development for iPads and iPhones. It then morphed gradually into a more dynamic framework and even expanded to accommodate multiple devices.

Currently, the platform essentially targets app enthusiasts, mobile designers, interaction designers, and user experience professionals with a wide range of critical prototyping tools.

Proto.io

One of Proto.io’s principal properties is its intuitive user interface, which is built with a drag-and-drop system that can be leveraged without coding. That alone explains why it’s relatively popular among both coders and non-coders.

It also provides an entirely integrated library of interactions, which can be systematically used on any of its layers.

And speaking of which, Proto.io seemingly streamlines the whole process of prototyping by facilitating multiple layers on various screens. Users can also import from Sketch or Photoshop, create interactions with JavaScript, sync numerous assets with Dropbox, and detail motion designs while previewing animations through its editor window.

All things considered, the one thing that makes Proto.io worth checking out is the fact that its developers are consistently improving it with new updates from time to time. They’ve already released two in November alone, affecting the player and editor.

But then again, Proto.io also comes with notable weaknesses. How they could affect your work is something we’ll be looking into shortly. This Proto.io review covers all the important details you need to know- fundamental features, pricing, strengths, and drawbacks.

And to start us off, here are the principal features…

Proto.io Review: Features
Building a Prototype

When you start your journey on Proto.io, you’ll notice that it provides a detailed tutorial to help you find your way around the system. It found it to be quite handy, to be honest, and the interface further makes it easy to adapt since the tools are well-arranged and accessible.

Thankfully, Proto.io doesn’t overwhelmingly throw everything at you. So don’t be worried if you can’t see some important elements at the beginning. More functionalities and contextual options are progressively availed as you continue working on your project.

Now, starting one is as easy as clicking on the new project option on the dashboard, naming it, selecting the screen size and intended medium, then voila!

The navigation process itself is seamless, thanks to a straightforward user interface that doesn’t take ages to get used to. I was already creating multiple screens in about an hour or so, then went ahead to combine them with attractive transitions and stylish interactions.

Proto.io prototype

Merging and testing them didn’t take a lot of effort because Proto.io is built with an animation preview feature. Sadly, I wouldn’t consider it a 100% real-time live preview since users are required to first save their projects before animation changes are reflected in the preview.

Well, at least the system compensates for that with an immersive drag-and-drop interface. Dragging any element is surprisingly simple, and you can adjust it accordingly then move on to the next.

Proto.io drag and drop

If you happen to adopt items you think you might need later (animations, interactions, UI elements), save yourself the hard work by taking advantage of container saving. That way, you’ll be able to simply drag and place them appropriately when you need to. It really is that stress-free.

Fair enough. But, what functionalities are we talking about here?

For starters, you can rotate, fade, resize, and move animations. Then interactions support functions like right-click, click, release, touch, double tap, tap, etc. Transitions, on the other hand, provide for flipping, up/down sliding, left/right sliding, etc. Combine that with a large library of typical UI elements, and you have yourself one heck of a user-friendly prototyping system.

So, where do projects go after completion?

Now, here’s the thing. The dashboard not only avails all the projects but also allows you to delete, archive, duplicate, edit, and access them. This is basically where you can also share a project, and proceed to adjust the corresponding settings.

Sharing and Collaboration

Fine, you might be able to handle a project alone and possibly come up with an impressive prototype. Or, you can make everything much easier and expand your capabilities by working with a well-coordinated team.

It turns out proto.io has this sorted out. It provides an array of sharing and collaboration tools for showcasing and expanding your projects.

How, you ask?

To showcase the bare minimum, for instance, Proto.io allows you to take a snapshot of your project at any moment then share it with team members. Otherwise, you can choose to go all out by sharing a live version of the prototype, and even enabling video recording plus comments. That should be good enough to provide adequate project information and, consequently, trigger detailed feedback.

Proto.io sharing

But, you know what? It’s possible to go beyond this since Proto.io also supports Usertesting.com and Validately. Enabling them should help you secure comprehensive, in-depth feedback from prototype users.

And it doesn’t matter what devices they use to access previews. The system can adapt accordingly to both mobile and desktop browsers.

And get this. If you’re creating a smartphone application, Android and iOS apps’ native experience will benefit your prototypes by showcasing them in the medium they’ve been developed for.

That said, it’s worth noting that Proto.io 6 made things much easier by introducing single-click sharing. That basically means you can distribute your prototype to team members with a single click. How cool is that?

Interaction Tools

All things considered, the whole interaction design of your app is what ultimately makes the difference when it comes usability. That’s arguably why we even make prototypes in the first place.

Fortunately, Proto.io isn’t mean when it comes to interaction tools. It provides a wide array of functionalities you can capitalize on to create a memorable user experience.

In addition to scrollable content screens, some of the popular options here include slide-in menus and onboarding screens- to mention but a few. And for that personal touch, Proto.io allows users to dynamically tweak all interaction tools.

Proto.io interaction tools

Ok, but how exactly do you even add them?

Well, do you remember when we mentioned that Proto.io heavily uses a drag-and-drop interface? So, guess what? Achieving any interaction outcome is as simple as dragging and dropping the elements from an icon to your user interface components. You don’t need even a single line of code.

Supported Devices

It’s always advisable to develop your prototype on a desktop PC. It provides just the right immersive experience to engineer a solid prototype.

Now, previewing the prototype is a different ball game. Thankfully, Proto.io doesn’t force people to do this in the native environment the prototypes have been built on.

That essentially means you’re can show off your creation to all types of users, regardless of their gadgets of choice. They’ll be able to gain access through PC and mobile browsers.

As a matter of fact, Proto.io even went ahead to develop versions for iOS and Android. They fundamentally optimize the whole experience of reviewing prototypes developed for mobile devices.

Now, after sharing your project, you can rely on the subsequent user comments to rate your prototype. But, here the interesting thing- As if that’s not enough, Proto.io linked up with Lookback.io to come up with the ability to record user screens and facial expressions of people using a prototype.

So, yes. You bet you can make an informed judgment about the performance of your prototype based on how its users smile or frown. Impressive, right?

Learning Curve

I know. I’ve been there. That moment you assume that a platform for prototypes has got to be complicated enough to handle extensive UI development.

Luckily, Proto.io has managed to eliminate coding without compromising the prototype development process. You can set up both low-fidelity wireframes and fully-developed high-fidelity prototypes, complete with all the features required for thorough testing.

Proto.io features

That said, you’ve got to admit that it doesn’t take much to master a typical drag-and-drop interface. But, in case you face any difficulties along the way, Proto.io provides detailed documentation containing basically everything about the platform.

Proto.io Review: Pricing

First off, I was pleased to find that Proto.io provides a permanently free option. Unfortunately, it’s quite limited since it only offers:

io app preview
10MB storage
Zero additional reviewers
5 prototype screens
1 active project
1 user

The only way to secure more features is subscribing to one of Proto.io’s four plans. They all offer:

Email support
256-bit encryption
Sketch/Photoshop importing
Dropbox syncing
Branding
Export to PDF/PNG/HTML
User feedback in video form powered by Lookback
Comments
Share
io app previewing
Preview in player

Proto.io pricing

Now that they all come with the entire feature ecosystem, the principal distinguishing factors between the packages are the number of supported users and projects.  The plans are seemingly structured to service different grades of users and organizations.

And here are the details:

Freelancer- Costs $29 per month with monthly billing, or $24 per month with annual billing

Supports 1 user
Provides 5 active projects

Startup- Costs $49 per month with monthly billing, or $40 per month with annual billing

Supports 2 users
Provides 10 active projects

Agency- Costs $99 per month with monthly billing, or $80 per month with annual billing

Supports 5 users
Provides 15 active projects

Corporate- Costs $199 per month with monthly billing, or $160 per month with annual billing

Supports 10 users
Provides 30 active projects

Going by these usage scales, I’d say these plans are suitable for individuals and small businesses. Large enterprises have been given the option of negotiating with Proto.io for custom packages that provide priority support, analytics, enterprise-grade security, unlimited projects, additional users, and much more.

Students and non-profit organizations, on the other hand, can qualify for a 50% discount. It all depends on Proto.io’s screening process.

Now that’s not bad. Not bad at all. But I wonder if the discount is based on the monthly model, annual billing, or both.

Well, if you don’t qualify, at least you can lower your costs by about 20% when you switch from monthly to annual billing. Then, apart from that, you also get a 15-day free trial period to test everything out when you sign up.

Who Should Consider Using Proto.io?

So far so good. But, perhaps unsurprisingly, Proto.io has its fair share of drawbacks.

Consider offline editing for example. While it’s commendable that the platform allows users to export prototypes to PDF and HTML, it seems that’s just about it when you don’t have an internet connection. The only thing you’ll be able to do is previewing a prototype.

Creating and tweaking a prototype requires a stable connection to the web. That basically makes it impossible to conveniently work on the go.

And speaking of creating prototypes, let’s hope that the development team at Proto.io will seriously consider introducing 3D animations and live previews. After all, it’s 2019 for crying out loud.

Other than that, we can conclude that Proto.io is a decent platform built with a focus on productivity and scalability. It’s flexible enough to support both simple projects by novices and complex multi-layered designs by corporate teams.

So, all things considered, what do you think we should expect from its developers in the near future?

The post Proto.io Review: A Flexible Prototyping Tool appeared first on Inspired Magazine.

The best children's books of all time

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/kgDM93W_Q1Y/the-best-childrens-books-of-all-time

Looking for the best children's books of all time? That's exactly what you'll find right here. Whether you need a last minute Christmas gift, or you want some inspiration for your own illustration projects, we've got you covered.

After all, there are few better displays of imagination, craft and creativity than a well-written and illustrated children’s book. Not only do they need to excite the mind of a child but they also need to engage the adult reading them to the point that they're happy going through the same book over and over again.

This list comprises some of the best children's books of all time, broken down into age groups – with some further recommendations that those with a designers eye will get a kick out of as well. We hope it'll be useful for Christmas inspiration, baby-showers and kids-at-heart alike.

Right now, you'll find ages 0-5 – but head back here tomorrow and we'll have more age groups covered…

The best creative Christmas gifts for kids

Buy The Very Hungry Caterpillar – Amazon US: $6.59 | Amazon UK: £5.13  

Summary: A classic that has been passed down over generations, this children's book follows the journey of a caterpillar eating his way to adulthood.

Now over 40 years old, The Very Hungry Caterpillar has been delighting children for generations. Eric Carle's unique and beautiful illustration style combine with a story that is fun and educational, even for young ears. It's a 'first buy' book for anyone with a child on the way.

The original is in paperback, but the book is available in so many different formats, from pop-up to puppet and there's even a film. We've linked the board book, which is perfect for toddlers to hold and read and discover the world.

Buy Where the Wild Things Are – Amazon US: $13.23 | Amazon UK: £4.54

Summary: One night Max makes mischief of one kind and another, so his mother sends him to bed. When a forest grows, the Wild Things are unleashed and make Max their king.

Another classic, Where the Wild Things Are has been on children's bookshelves since 1964. The story uses the jungle and Wild Things as a metaphor for Max's rage at being told to go to his room.

There's a beautiful message hidden under what seems like a story of an overactive imagination that sometimes a child just needs a bit of time to calm themselves down. Something both parents and children can learn from.

Buy The Jolly Christmas Postman – Amazon US: $16.45 | Amazon UK: £6.99

Summary: It's Christmas Eve, and the Jolly Postman has letters to delivery to a cast of beloved fairy-tale characters, all included in envelopes throughout the book.

Really any one of the Ahlberg books could go into this list. Each Peach Pear Plum, Funny Bones and Peepo are timeless classics. The Jolly Christmas Postman wins out because there is just so much fun to be had with your kids as you turn the page and see what's been delivered to the next classic character.

A game for Little Red Riding Hood, a jigsaw for Humpty Dumpty, a tiny book-in-a-book for the Gingerbread Man. Sit in bed on Christmas Eve and pop open the envelopes to reveal little toys and games to play with your little ones.

Buy The Snowman – Amazon US: $12.95 | Amazon UK: £5.59

Summary: One winter's night a boy finds his Snowman has come to life as they head on a magical adventure across the skies.

One of the rare occasions when a book and a film are on par with each other, having watched and read both you can almost see Raymond Briggs' illustrations dancing across the page.

There is a slight difference in that they don't visit the North Pole and meet Father Christmas, which feels notable absent if you do it in Film – Book order. The end is still touching and sad though.

The entire story is wordless, which is always fascinating to see how emotion and context are achieved using just body and facial expressions.

Buy Lost & Found – Amazon US: $17.09 | Amazon UK: £5.24

Summary: Once there was a boy, and one day he finds a penguin on his doorstep. The boy tries to return the penguin to his home but finds a friendship was all he was looking for instead.

Lost & Found is just about the pinnacle of what a picture book should be. It's the perfect length and tone, and the illustrations are approachable for both adult and child. The story of a developing friendship is quickly picked up by young children, and the humour is well placed and subtle at points.

While How to Catch a Star is Oliver Jeffers excellent debut book, Lost and Found is really where he began to gain notoriety. The book was developed into a film by Studio AKA of which Jeffers produced a lot of graphics assets, and it's the first time you really start to see his iconic handwriting make an outing.

Recently Oliver Jeffers released an anthology of all of his 'boy' books featuring pencil sketches and brainstorms completed while plotting the series. The Boy, His Stories and How They Came To Be is also available on Amazon

Buy I Want My Hat Back – Amazon US: $12.77 | Amazon UK: £3.98

Summary: A book about a bear whose hat has gone and he wants it back. Asking creatures one by one the bear searches for his lost hat.

Klassen's colour and illustration style juxtapose the traditionally vibrant world we usually see in picture books, with neutral hues and darker tones it makes a refreshing read in between magical kingdoms and fairy tales. 

The humour is more dry, subtle and darker as well, meaning its much more of a treat for adults than usual. Kids still massively enjoy it though, picking up on its cues that you'd think might go over their heads. The pacing of this story is some of the best you'll see in a 40-page picture book, meaning the plot twist at the end is delivered with excellent comic timing.  

Buy The Storm Whale – Amazon US: $11 | Amazon UK: £5.49

Summary: Noi and his father (a fisherman) live by the sea. One day a baby whale washes up on the beach, and Noi decides to take it home and care for it.

Benji Davies' illustration style reminds of Axel Scheffler (Gruffalo, Room on a Broom) in that it's incredibly detailed but completely unique. Like landscape painting with a modern, more simplified colour scheme.

Add that to a story that is heartwarming and enjoys positive father-son dynamic you end up with a book that will go down as a modern classic. The Storm Whale in Winter is an excellent follow up that shifts the colour palette and adds even more vibrancy to the world.

Buy Here We Are – Amazon US: $17.80 | Amazon UK: £10.36

Summary: A guide to life for people who've just arrived on Earth (babies).

In what is probably Oliver Jeffers most refined book from a visual point of view, this book was written to teach his children the nuances of contemporary life. Fortunately, it does a great job of educating everyone else too.

The illustrations are stunning, and the message is refreshing. In a world that feels like its becoming increasingly disconnected this book aims to teach the next generation of life's purpose and what they can do in their time on this planet.

Summary: Husband and wife team of Ann and design legend Paul Rand combine to produce a simple and effective 

Paul Rand illustrated four of his wife's books, each of them utilising a shape-led style with flat colour. There is undoubtedly more engaging books for children our there, but from a designer/illustrator point of view given that this book was first published in 1956, there's still a lot to be learnt from the simplicity of layout and shape here.

Read more:

The best new children's books of 201833 books every graphic designer should readThe best Christmas gifts for kids