Rundown Of Gen Z: What Does This Mean For Mobile Designers?Rundown Of Gen Z: What Does This Mean For Mobile Designers? Suzanne Scacca 2019-03-29T12:30:08+01:002019-03-29T18:06:18+00:00Just a few years ago, design blogs were all abuzz with tips on how to build websites for the millennial consumer. At this point, however, that’s old news. We know what millennials want from the online experience and have, for the most part, been able to meet their expectations. But now we have a new generation of consumers to worry about: Generation Z. Are they all that different from millennials? As an old millennial myself, I can tell you that this next generation is one I don’t feel much of a connection to. I can remember a time when the most exciting part of my day was when my mom got off the phone and I was able to finally connect to the Internet with our dial-up AOL account. This next generation doesn’t understand any of that. They weren’t caught between worlds the way many millennials were,..
How To Align Things In CSSHow To Align Things In CSS Rachel Andrew 2019-03-28T12:30:41+01:002019-03-28T17:36:26+00:00We have a whole selection of ways to align things in CSS today, and it isn’t always an obvious decision which to use. However, knowing what is available means that you can always try a few tactics if you come across a particular alignment problem. In this article, I will take a look at the different alignment methods. Instead of providing a comprehensive guide to each, I’ll explain a few of the sticking points people have and point to more complete references for the properties and values. As with much of CSS, you can go a long way by understanding the fundamental things about how the methods behave, and then need a place to go look up the finer details in terms of how you achieve the precise layout that you want. Aligning Text And Inline Elements When we have some text and other inline elements on a page, each line of content is treated as a line box. The propert..
Plesk VPS Hosting For Better Website OutcomesPlesk VPS Hosting For Better Website Outcomes Suzanne Scacca 2019-03-28T10:30:39+01:002019-03-28T17:36:26+00:00(This is a sponsored article.) In early discussions you have with clients about the website you’re tasked with designing, does the topic of web hosting ever come up? My guess is that it’s not something your clients give much thought to, waving it away with: “Just give me the cheapest, no-frills hosting.” I get why they’d think that way. For starters, they’re paying you a large sum of money to design the site. Of course, they’re going to look to other areas to offset those costs. Because server technology is rarely understood by the people who own websites, it’s easy for them to mistakenly think they can save money there. Here’s the problem though: As a website grows in authority and expands its reach, security and performance problems will arise if the hosting configuration isn’t prepared to handle it. In the following arti..
Building Real-Time Charts With GraphQL And PostgresBuilding Real-Time Charts With GraphQL And Postgres Rishichandra Wawhal 2019-03-27T13:00:08+01:002019-03-28T17:36:26+00:00Charts form an integral part of any industry that deals with data. Charts are useful in the voting and polling industry, and they’re also great at helping us better understand the different behaviors and characteristics of the users and clients we work with. Why are real-time charts so important? Well, they’re useful in cases when new data is produced continuously; for example, when using live-time series for visualizing stock prices is a great use for real-time charts. In this tutorial, I’ll explain how to build real-time charts with open-source technologies apt for exactly this particular task. Note: This tutorial requires basic knowledge of React and GraphQL. Stack PostgreSQL The very point behind using Charts is to visualize “huge” volumes data. We, therefore, need a database that efficiently handles lar..
In this article we list 17 different MailChimp templates to help you make the most of your email marketing efforts, no matter the occasion or purpose. These templates have been selected for their amazing designs, and fully functional and customizable structure. Your aim with these is to create highly converting and effective email campaigns. So, at the end of the post, we’ve provided three additional tips to make the most of your newly purchased MailChimp template. Themeforest is home to thousands of MailChimp email templatesNewsletter Templates Newsletters are the staple of email marketing, and they’re growing in popularity. Check out the following five creative and informative MailChimp templates we found for you. 1. Grabient | Email Newsletter Grabient | Email NewsletterGrabient is a versatile MailChimp template that makes for a perfect simplistic newsletter. It’s a fully responsive template with a drag and drop builder. It doesn’t have a complicated visual design which is ideal f..
Are you a developer who sells website themes on ThemeForest or another marketplace? Then you’ll want to make your themes as appealing as possible for potential buyers. Good design is one thing, but (understandably) more and more buyers are looking for SEO-friendly themes nowadays. How can you optimize a theme for search engines? Well, it isn’t as difficult as you might think. Whether you build WordPress themes, Magento or Shopify stores, static HTML templates, or any other kind of website theme, here are 10 SEO tips for you to follow. Just some of the SEO-friendly themes on ThemeForest 1. Themes Should Be ResponsiveMake your theme responsive. That should be a no-brainer in 2019, but it’s still worth mentioning in this theme developer's guide to SEO. A responsive theme is beneficial for two main reasons: SEO. Google uses mobile-first indexing. Non-optimized sites won’t rank as well as they used to, even on desktop. Users. More than half of online traffic comes from mobile users. Se..
Meet “Art Direction For The Web,” A New Smashing Book By Andy ClarkeMeet “Art Direction For The Web,” A New Smashing Book By Andy Clarke Bruce Lawson 2019-03-26T10:40:39+01:002019-03-28T17:36:26+00:00A page on the Web isn’t like a printed page. Many of us learned that the hard way when we abandoned fixed-width layouts and embraced the web’s inherent flexibility and responsiveness. Read the excerpt chapter. Modern web technologies like CSS Grid, Flexbox and Shapes have made it possible for us to implement print’s often distinctive designs, and the web’s now full of tutorials on how to use them. But the most important question is not “how” we can use art direction techniques to improve our designs for the web, but instead “when” and “why”. eBook Hardcover eBook$14.90 $19Get the eBook PDF, ePUB, Kindle. Free for Smashing Members. Hardcover$29 $39Get the Print (incl. eBook) Printed, quality hardcover. Shipping starts mid-April. This is the reason why Andy Clarke wrote his n..
Imagine that you’re running a business website where you sell a consulting service or physical products, and you’re targeting several groups of different consumers. Your website homepage obviously cannot be tailored to each group with different needs and demands, and therefore cannot perform equally well in converting all of your target customers. This is where landing pages become your secret weapon. Let’s deep dive into the essential roles that landing pages play in optimizing sale funnel conversions and how they work together with email marketing to help you seal the deal with prospects. Photo by Le BuzzWhat Are Landing Pages?Building sales funnels with clearly defined goals is a critical part of growing your businesses. In plain words, a sales funnel is a path, consisting of a set of activities, that prospects follow to reach the final step, which is the desired conversion goal. In a sales funnel, landing pages are stand-alone web pages that don’t belong to your main website, but f..
The WebP image format was created by Google with the goal of creating high-quality images with smaller file sizes. Learn how to use it in our new course, A Web Designer’s Guide to the WebP Image Format. What You’ll LearnIn this short course, you will learn how to convert your images into WebP files, insert them into your HTML and CSS, and provide fallbacks for browsers that don’t support the format. In eight quick videos, Craig Campbell will take you through the full process of creating WebP images using both Photoshop and Squoosh. He'll also show you exactly how to insert WebP images into a web page, provide fallback images, and use WebP with CSS. Watch Craig's brief video introduction below to find out more. Watch the IntroductionTake the CourseYou can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading..
How To Find And Make The Most Of The Unplanned User JourneyHow To Find And Make The Most Of The Unplanned User Journey Ben Christine 2019-03-25T12:30:35+01:002019-03-28T17:36:26+00:00Fallbacks can be defined as an alternative plan that may be used, and in the context of user journeys, they would be an alternative path to the expected or planned user behavior. So, when we think about our sites and apps, we build them with a particular plan in mind to achieve a particular goal by taking a particular route and to experience a particular experience. If you are experienced in building products, you will know that users have a tendency to do things you didn’t plan for, and that’s alright because we can’t possibly understand all of their needs and intention. This is why fallbacks are so valuable. Over the years, we have tried and tested many tools at Venture Harbour to help us get better feedback loops. Our products have needs which require different types of tools to reveal all kinds o..