Articles


Introduction

Ever since Patrick Debois coined the word DevOps back in 2009, teams and organizations have been clamoring to adopt relevant practices, tools, and a sense of culture in a bid to increase velocity while maintaining stability. However, this race to incorporate “DevOps” in software development practices has resulted in a perversion of the concept. This does not mean that there are no successful practices of teams adopting DevOps practices, but the word overall has become a buzzword. As per the DORA 2019 State of DevOps report, team managers are more likely to proclaim that their teams are practicing DevOps compared to the actual frontline engineers and developers.

Therefore, this piece aims to realign the meaning of DevOps as well as highlight the need for considering debugging as a core element of the practices and cultures that enable DevOps for teams. The argument for debugging as a core component in the DevOps pipeline is a result of the evident need for a shift-left in the way we build and release software, empowering developers to adhere to the intrinsic principle of you build it you run it.

Source de l’article sur DZONE

Last week we hosted a webinar where Alex Omeyer interviewed Adam Tornhill about technical debt: what is it, why it’s important, and how to manage it effectively. For this article, we’ve chosen some of the most interesting questions we’ve got from the audience. If you’re curious to learn more — check out the full version of the webinar.

Alex: I’m Alex, the Co‑founder, and CEO of Stepsize. I spend all of my time talking about technical debt with Engineering team members, and I’m genuinely pumped to have Adam, CTO and Founder of CodeScene, with me today.

Source de l’article sur DZONE

Looking for something new to get you excited about design work? This list is packed with all kinds of goodies to help you feel inspired and ready to work.

Here’s what new for designers this month.

Top Picks for March

Same Energy

Same Energy, in beta, is a visual search engine. You can search with a minimum number of words or an image. The website is designed to help you find art, photography, decoration ideas, and practically anything. It uses deep learning and algorithms to create images on the home page, and you can create feeds in the same manner. The coolest part of this tool is that it tries to match the visual and artistic style you ask for with image mood and objects.

SVG Repo

SVG Repo is a collection of more than 300,000 SVG vectors and icons that you can download and use in projects for free (even commercial use). The site has a powerful search tool to help you find the right image, and the platform is designed so that you can contribute.

Penpot

Penpot is an open-source design and prototyping platform for cross-domain teams. It is a web-based tool that isn’t dependent on any operating system and works with open web standards. It’s designed to be zippy and interactive so your team can work fast.

Directual

Directual is a no-code platform for building scalable apps using a visual interface. (Perfect for designers with less development experience.) It includes integrations with other popular tools and is free to use while figuring out how the app works and how you can make it fit your business goals.

HTML Boilerplates

HTML Boilerplates helps you start web projects by generating a custom HTML boilerplate that you can download. Just choose the elements you want to include and then copy and paste the code into your editor.

6 Productivity Boosters

Rows

Rows is a spreadsheet tool with built-in web integrations that’s made for team collaboration. It works with other tools you already use, such as Google Analytics, Twitter, LinkedIn, Mailchimp, and so many others. Without scripts, you can use it to automate workflows, analyze data, share dashboards, and build forms and tools that make work simpler.

Form.Taxi

Form.taxi is a premium web-based form tool. You can create web forms without code or programming and connect them to your website. The tool then stores information, filters for spam, and notifies you of form submissions.

Verbz

Verbz is a voice productivity app that allows you to create notes, assign tasks, make announcements, run standups, or chat. Talk or type, listen or read. It works as your own voice assistant for teams. It’s available in Beta from the App Store, and there’s a waitlist for Android users.

Flameshot

Flameshot is a tool for grabbing screenshots. It has a customizable appearance, is easy to use, and lets you draw and edit screenshots as you work.

Kitemaker

Kitemaker is a collaboration tool for development processes. It can help you keep track of everything from tools such as Slack, Discord, Figma, and Github in one place. It helps you structure projects and keep discussions about work moving forward in one place.

This Code Works

This Code Works is a place to save code snippets that work for when you need them again. You can group and organize snippets and share with others. You might think of it as the “Pinterest of code.”

3 Icons and User Interface Elements

Sensa Emoji

Sensa Emoji is a collection of common emoji icons that you can use in your materials. Every element is fully vector and free to use.

Google Fonts Icons

Google Fonts now supports icons, starting with Material Icons. Choose between outlined, filled, rounded, sharp, or two-tone options in the open-source library.

Toolbox Neumorphism Generator

Toolbox Neumorphism Generator is a design tool that helps developers to generate CSS in the soft UI /neomorphism style for the elements with real-time output.

3 Tutorials and Demos

An Interactive Guide to CSS Transitions

An Interactive Guide to CSS Transitions explains everything you need to know about this great animation tool for website designers. This tutorial digs in with code and examples to help you create more polished animations and is designed for anyone from beginners to experienced designers with some pro tips throughout.

About Us Pop-Out Effect

The About Us Pop-Out Effect adds a special element to any team or contact page with a nifty pop animation. Each person seems to lift out of the circle frame in this pen by Mikael Ainalem.

Interactive Particles Text Create with Three.js

Interactive Particles Text Create with Three.js is a web element you could play with all day. Text shifts into particles and follows mouse movement in a fluid motion in the pen by Ricardo Sanprieto.

10 Fresh Fonts and Text Tools

Bitmap Fonts

Bitmap Fonts is a collection of various bitmap typefaces all pulled and stored in a single location. This is the perfect solution if you are looking for a bitmap option.

Uniwidth Typefaces

Uniwidth Typefaces for Interface Design is another collection of fonts for a specific purpose – here universal widths for interface design. Uniwidth fonts are proportionally-spaced typefaces where every character occupies the same space across different cuts or weights. This is both a tutorial on the type style as well as font collection.

Bubble Lemon

Bubble Lemon is a typeface for projects with a childlike feel. With an outline and regular style, the thick bubble letters look like some of the sketches you may have done in grade school.

Core Font

Core Font is an open-source project with a funky and modern style. It has a full upper- and lower-case character set, numerals, and a few punctuation marks.

GHEA Aram

GHEA Aram is a superfamily with a Central European flair, according to the type designer. The premium typeface includes everything from light to black italic and even some Armenian ligatures.

Make Wonderful Moments Duo

Make Wonderful Moments Duo is a script and sans serif font pair with a lighthearted feel and highly readable character set. The regular (sans serif) only has uppercase characters.

Ribheud

Ribheud is a slab-style display font with a heavy look and strong presence. What makes it interesting is the left-outline/shadow on each character.

Rose Knight

Rose Knight has an old-style feel that can take on multiple moods, depending on supporting design elements. All of the characters are uppercase with alternates. It could make a fun branding option.

The Glester

The Glester is a beautiful premium typeface in a calligraphic style. The most interesting element of this typeface is all of the extra decorations that allow you to change individual characters (380 glyph alternates).

Velatus

Velatus is a vintage-style typeface with plenty of swashes and flourishes that make it unique. It comes with 157 characters and 96 glyphs.

Source

The post 27 Exciting New Tools For Designers, March 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot


How Does Cloud PLM Differ from On-premise Solutions?

While on-premise Agile PLM allows for product development, processes, and development of product records and more; these are essential features of any PLM. Moving to the Cloud brings you a step ahead in the product conception, with the following advantages:

  • The cloud allows for the identification of individual tasks related to each status of the workflow and the overall change.
  • The cloud has powerful security that enables roles and privileges control to directly. Agile PLM on the other hand has no team security.
  • Cloud provides Page Composer that allows complete customization of the page layout while Agile does not.
  • Sub-classes are of unlimited levels in the cloud, and only of three levels in Agile: base class, class, and subclass.

To make the transition to the cloud easier, GoSaaS has a clear and well-defined process that captures input from within the company to ensure every requirement is fulfilled.

Source de l’article sur DZONE

Finnish newspaper Helsingin Sanomat has developed a variable font, that is designed to make the effects of human-driven climate change tangible in a simple graphical form.

Whereas most type designers use variable font techniques to embed a range of weights in a single font file, the team — lead by Helsingin Sanomat’s art director Tuomas Jääskeläinen, and typographer Eino Korkala — used the technique to “melt” the typeface.

In the design process, we tried out countless letter shapes and styles, only to find that most of them visualized the disaster right in the earliest stages of the transformation. That’s something we wanted to avoid because unlike a global pandemic, climate change is a crisis that sneaks up on us.

— Tuomas Jääskeläinen

The default typeface represents the volume of Arctic sea ice in 1979 (when records began). It’s a rather beautiful, chiseled, chunky sans-serif, with cut-aways that open up counters to give it a modern appeal. As you move through the years towards 2050 the shapes appear to melt away, to the point that they’re barely legible.

Set the scale to 2021 and you’ll see an already dramatic loss of Arctic sea ice, and the resulting desalination of the ocean.

As depressing as these outlines are, they aren’t an estimate. The typeface’s outlines precisely match real data — there was an unexpected uptick in Arctic sea ice in 2000, and that’s reflected in the font.

The historical data is taken from the NSIDC (The US National Snow and Ice Data Center) and the predictive data comes from the IPCC (The Intergovernmental Panel on Climate Change).

We hope that using the font helps people see the urgency of climate change in a more tangible form – it is a call for action.

— Tuomas Jääskeläinen

You can download the font for free, for personal or commercial work.

Source

The post Variable Font Reveals The Full Horror of The Climate Crisis first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

When you think of installing analytics, you probably reach for Google Analytics. And you wouldn’t be alone. The platform’s tight integration with SEO and the implication that using Google products is beneficial to ranking means that Google Analytics is the most commonly installed analytics solution globally.

Google Analytics isn’t a bad choice: it’s free, it’s fairly comprehensive, and it does indeed tie most SEO efforts up with a nice bow.

But Google Analytics is also slow, extremely bad for privacy — both yours and your users’ — and for many people, it’s too unwieldy, having grown organically over the years into a relatively complex UI.

Some alternatives are fast, privacy-friendly, and geared towards different specialisms. Today we’re rounding up the best…

1. Heap

Heap is an event-based analytics platform. That means you can tell not just how many people visited your site but what actions they took when they were there. This isn’t a unique proposition, but Heap is one of the best implementations.

Heap offers an auto-track tool, which is ideal for new installations because you can get up and running immediately and fine-tune the details later. That makes it great for startups, although it’s also the choice of major corporations like Microsoft.

Heap’s free plan includes 60k sessions per year and 12 months of data history, but when you outgrow that, the business plans start at $12,000/year.

2 ChartMogul

ChartMogul is geared towards SaaS that offer subscription plans, staking a claim as the world’s first subscription data platform.

Services like Buffer and Webflow use ChartMogul to monitor their revenue and analyze the ROI of changes to their features, design, and user experience.

Ideally suited for startups, ChartMogul pricing is based on monthly recurring revenue; it has a free plan for up to $10,000 MMR; after that, pricing starts at $100/month.

3. Fathom

Fathom is an awesome, privacy-first analytics solution. It offers a simple dashboard and is ideal for anyone looking for simple analytics information to verify business decisions.

Fathom is ideally suited to freelancers, or entrepreneurs with multiple projects, as it allows you to run multiple domains from a single account. Fathom is entirely cookieless, meaning you can ditch that annoying cookie notice. It’s GDPR, ePrivacy, PECR, CCPA, and COPPA compliant.

There’s a seven-day free trial; after that, Fathom starts at $14/month.

4. FullStory

FullStory is designed to help you develop engaging online products with an emphasis on user experience.

FullStory is a set of tools, making it ideal for large in-house teams or in-house teams working with outside agencies or freelancers. It pitches itself as a single source of truth from which everyone from the marketing department to the database engineers can draw their insights, helping digital teams rapidly iterate by keeping everyone in the same loop.

FullStory uses AI to track and interpret unexpected events, from rage clicks to traffic spikes, and breaks those events down to a dollar-cost, so you can instantly see where your interventions will have the most impact.

There’s a free plan for up to 1k sessions per month; once you outgrow that, you need to talk to the sales team for a quote.

5. Amplitude

Amplitude has one of the most user-friendly dashboards on this list, with tons of power behind it. For project managers trying to make science-based decisions about future development, it’s a godsend.

The downside with Amplitude is that to make the most of its powerful data connections, you need to pump a lot of data in. For that reason, Amplitude is best suited to sites that already have a substantial volume of traffic — among those customers are Cisco and PayPal.

Amplitude provides a free plan, with its core analytics and up to 10m tracked actions per month. For premium plans, you have to contact their sales team for a quote.

6. Mixpanel

Mixpanel is a little bit more than an analytics program, aiming to be a whole suite of web tools it has ventured into split testing and notifications.

Mixpanel is laser-focused on maximizing your sales funnel. One look at the dashboard, and you can see that Mixpanel, while very well designed, has too many features to present them simply; Mixpanel is ideally suited to agencies and in-house development teams with time to invest — you probably want to keep the CEO away from this one.

Mixpanel has a generous free plan for up to 100k monthly users, with its business plans starting at $25/month.

7. Mode

Mode is a serious enterprise-level solution for product intelligence and decision making.

Ideally suited to in-house teams, Mode allows you to monitor financial flow and output the results in investor-friendly reports. You can monitor your entire tech stack and, of course, understand how users are interacting with your product. Wondering who handles the analytics for Shopify? That would be Mode.

Mode has a free plan aimed at individuals, but this tool’s scope is really beyond freelancers, and the free plan’s only likely to appeal to high-price consultants and tech trouble-shooters. For the full business plan, you need to contact Mode’s sales team for a quote.

8. Microanalytics

Microanalytics is a relatively new analytics program with a lightweight, privacy-focused approach.

Microanalytics provides a simple dashboard with acquisitions, user location, technology, and the all-important event tracking to monitor user behavior. Microanalytics is compliant with the web’s most stringent privacy laws, including GDPR, PECR, and CCPA. The tracking code is just 1kb in size, meaning that you’ll hardly notice its footprint in your stats.

Microanalytics is free for up to 10k pageviews/month; after that, the monthly plan starts at $9.

9. GoSquared

GoSquared is another suite of tools, this time aimed at SaaS. Its primary product is its analytics, but it also includes live chat, marketing tools, and a team inbox.

If you’re tired of comparing multiple tools to help make the most of your startup, GoSquared kills several birds with one stone. Perhaps most importantly, if you’re beginning to build a team and don’t have any engineers onboard yet, GoSquared has an award-winning support team and an idiot-proof setup process.

GoSquared has a free plan that’s fine for evaluating the suite and integrating data from day one. As you begin to grow, paid plans start at $40/month.

10. Segment

Segment is a little different from the other analytics tools on this list; Segment is a layer that sits between your site and your analytics. It integrates with many of the tools on this list.

There are several benefits to this approach. The main one is that different teams within your enterprise can access analytics data in a form that suits them — designers can access complex data, and management can stick to revenue flow. It also means that you can switch analytics programs with a single setting in Segment and even migrate historical data into new apps. If you’re an enterprise that wants to future-proof its customer intelligence gathering, Segment is worth considering.

Segment is trusted by some of the web’s best-known names, from IBM to Levis, and…ahem…Google.

Segment is free for up to 1k visitors per month, and after that, the team plan starts at $120/month.

Source

The post 10 Best Alternatives to Google Analytics in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

It’s never been easier to set up an ecommerce store and start selling. There are a dizzying array of ecommerce solutions available in 2021, and most are feature-rich and competitively priced.

Ecommerce sites are notoriously difficult to migrate from platform to platform, so more often than not, you’ll be committed to your chosen solution for years. The key when choosing an ecommerce solution to maximize your return on investment, is to consider not just what your business needs today but what it will need tomorrow.

There are two basic approaches to ecommerce. The first is a dedicated platform that handles everything. The second is a plugin that adds ecommerce features to an existing CMS. Both approaches have benefits and drawbacks.

1. Shopify: Best for Almost Everyone

Shopify is a well-known, well-liked, and reliable dedicated ecommerce platform. As a system for getting a business off the ground and selling fast, it is peerless.

Shopify jealously guards developer access, with templates and plugins pre-vetted. Unlike some marketplaces, you can be confident that there are no hidden surprises in your shiny new store.

And because Shopify has passed the point of market saturation, it’s worthwhile for big players to provide their own plugins; credit services like Klarna and shipping companies like netParcel can be integrated with a few clicks.

The admin panel is a touch complex, as Shopify is designed to allow a single account to be linked to multiple stores. But once you’re set up and familiar with where to find everything, it’s a slick, streamlined business management system.

Whenever a client says, “we want to start selling online.” My first thought is, “Shopify.” And for 90% of clients, it’s the right choice.

And that’s where this roundup should end…except there’s still that 10% because Shopify isn’t perfect.

For a start, an all-in-one platform doesn’t suit everyone. If you already have a website you’re happy with, you’ll either need to migrate or lease a dedicated domain for your store.

Shopify’s platform is very secure, which inspires confidence in buyers, but the price of that security is a lack of flexibility in the design.

Then there’s the infamous variant limit. Shopify allows 100 variants on a product. Almost every client runs into that wall at some point. Let’s say you’re selling a T-shirt: male and female cuts are two variants; now add long or short sleeves, that’s four variants; now add seven sizes from XXS to XXL, that’s 28 variants; if you have more than three color options, you’ve passed the 100 variant limit. There are plugins that will allow you to side-step this issue, but they’re a messy hack that hampers UX for both customer and business.

Shopify should certainly be on every new store owner’s shortlist, but there are other options.

2. WooCommerce: Best for WordPress Users

If you’re one of the millions of businesses with a pre-existing site built on WordPress, then adapting it with a plugin is the fastest way to get up and running with ecommerce.

WooCommerce is regularly recommended as “Best for WordPress Users,” which is a back-handed compliment that belies the fact that WooCommerce reportedly powers 30% of all ecommerce stores. If running with the crowd appeals to you — and if you’re using WordPress, it presumably does — then you’re in the right place.

WordPress has a gargantuan plugin range. As such, there are other plugins that will allow you to sell through a WordPress site. The principle benefit of WooCommerce is that as the largest provider, most other plugins and themes are thoroughly tested with it for compatibility issues; most professional WordPress add-ons will tell you if they’re compatible with WooCommerce. If your business is benefitting from leveraging WordPress’ unrivaled ecosystem, it can continue to do so with WooCommerce.

The downside to WooCommerce is that you’re working in the same dashboard as the CMS that runs your content. That can quickly become unmanageable.

WooCommerce also struggles as inventories grow — every product added will slow things a little — it’s ideally suited to small stores selling a few items for supplementary income.

3. BigCommerce: Best for Growth

BigCommerce is an ecommerce platform similar to Shopify, but whereas Shopify is geared towards newer stores, BigCommerce caters to established businesses with larger turnovers.

The same pros and cons of a dedicated ecommerce solution that applied to Shopify also apply to BigCommerce. One of the considerable downsides is that you have less control over your front-end code. This means that you’re swapping short-term convenience for long-term performance. Templates, themes, and plugins — regardless of the platform they’re tied to — typically take 18 months to catch up with best practices, leaving you trailing behind competitors.

BigCommerce addresses this shortcoming with something Shopify does not: a headless option. A headless ecommerce platform is effectively a dedicated API for your own store.

Enabling a headless approach means that BigCommerce can be integrated anywhere, on any technology stack you prefer. And yes, that includes WordPress. What’s more, being headless means you can easily migrate your frontend without rebuilding your backend.

BigCommerce also provides BigCommerce Essentials, which is aimed at entry-level stores. It’s a good way to get your feet wet, but it’s not BigCommerce’s real strength.

If you have the anticipated turnover to justify BigCommerce, it’s a flexible and robust choice that you won’t have to reconsider for years.

4. Magento: Best for Burning Budgets

If you have a development team at your disposal and a healthy budget to throw at your new store, then Magento could be the option for you.

You can do almost anything with a Magento store; it excels at custom solutions.

Magento’s main offering is its enterprise-level solution. You’ll have to approach a sales rep for a quote — yep, if you have to ask the price, you probably can’t afford it. Magento has the track-record and the client list to appeal to boards of directors for whom a 15-strong development team is a footnote in their budget.

That’s not to say that a Magento store has to be expensive; Magento even offers a free open source option. But if you’re not heavily investing in a custom solution, you’re not leveraging the platform’s key strengths.

5. Craft Commerce: Best for Custom Solutions

If you’re in the market for a custom solution, and you don’t have the budget for something like Magento, then Craft Commerce is ideally positioned.

Like WooCommerce for WordPress, Craft Commerce is a plugin for Craft CMS that transforms it into an ecommerce store.

Unlike WordPress, Craft CMS doesn’t have a theme feature. Every Craft Commerce store is custom built using a simple templating language called Twig. The main benefit of the approach is that bespoke solutions are fast and relatively cheap to produce, with none of the code bloat of platforms or WordPress.

Because your site is custom coded, you have complete control over your frontend, allowing you to iterate UX and SEO.

You will need a Craft developer to set up Craft Commerce because the learning curve is steeper than a CMS like WordPress. However, once you’re setup, Craft sites are among the simplest to own and manage.

6. Stripe: Best for Outliers

Ecommerce solutions market themselves on different strengths, but the nature of design patterns means they almost all follow a similar customer journey: search for an item, add the item to a cart, review the cart, checkout. Like any business, they want to maximize their market share, which means delivering a solution that caters to the most common business models.

Occasionally a project happens along that doesn’t fit that business model. Perhaps you’re selling a product that’s uniquely priced for each customer. Perhaps you’re selling by auction. Perhaps you don’t want to bill the customer until a certain point in the future.

Whatever your reason, the greatest customization level — breaking out of the standard ecommerce journey — can be managed with direct integration with Stripe.

Stripe is a powerful payment processor that handles the actual financial transaction for numerous ecommerce solutions. Developers love Stripe; its API is excellent, it’s documentation is a joy, it’s a powerful system rendered usable by relentless iteration.

However, this approach is not for the faint-hearted. This is a completely custom build. Nothing is provided except for the financial transaction itself. Every aspect of your site will need to be built from scratch, which means hefty development costs before seeing any return on investment.

The Best eCommerce Solution in 2021

The best ecommerce solution is defined by three factors: the size of your store, the anticipated growth, and the degree of custom design and features you want or need.

Shopify is the choice of most successful small stores because you can be selling inside a day. For businesses with an existing presence and a smaller turnover, those on WordPress will be happy with WooCommerce. For larger stores planning long-term growth, BigCommerce’s headless option is ideal. Craft Commerce is a solid performer that marries low costs with flexibility for businesses that need a custom approach.

 

Featured image via Unsplash.

Source

The post 6 Best Ecommerce Solutions for 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources.

Here’s what new for designers this month.

Radix UI

Radix UI is an open-source UI component library for building high-quality, accessible design systems and web apps. It includes examples and guidelines for all kinds of user interface elements that provide guidance and really make you think about accessible website design. (And everything is usable!)

Froala Charts

Froala Charts is made to help you create data visualizations for web or mobile apps. Build any chart you can imagine – bar, line, area, heat map, sankey, radar, time series, and more. Plus, you can customize anything and everything, so it all matches your brand. This premium tool is enterprise-level and comes with a one-time license fee.

CSSfox

CSSfox is a collection of designs that you can use for inspiration. The curated community project includes posts, reviews, and award nominees and winners.

Pattern Generator

Pattern Generator is a tool to create seamless and royalty-free patterns that you can use in projects. Almost every element of the pattern design is customizable, and you can “shuffle” to get new style inspiration. Design a pattern you like and export it for use as a JPG, PNG, SVG, or CSS.

Type Scale Clamp Generator

Type Style Clamp Generator helps you create a visualize a typographic scale for web projects. Pick a font and determine a few other settings and see the scale right on the screen. You can even put in your own words to see how they would look. Then, flip to see how sizes appear on different devices. Find a scale you like and snag the code with a click.

Flowdash

Flowdash is a premium app that helps you build custom tools, data sets and streamline your business operations with one tool. Manage data and processes without code. The tool combines a spreadsheet’s familiarity with a visual workflow builder, plus built-in integrations to automate repetitive tasks so your team can focus on what matters.

Scale

Scale is a website that provides new and open-source illustrations that you can use for projects. Maybe the illustration generator’s neatest part is that you can change the color with just a click to match your brand. Then download the image as an SVG or PNG.

Pe•ple

Pe•ple is a tool that adds a “customizable community” to any website to help grow your fanbase and provide a boost to SEO. It allows you to integrate chat, commenting, emojis, and passwordless login, among other things.

K!sbag: Free Minimal Portfolio Template

K!sbag is a free minimal website template that’s made for portfolio sites. (Did you resolve to update yours in 2021?) It includes 6 pages in a ready-made HTML format and PSD.

Merico Build

Merico Build is like a fitness tracker for code. It uses contribution analytics to empower developers with insight dashboards and badges focused on self-improvement and career growth. Sign up with tools you already use – Github or Gitlab.

Automatic Social Share Images

Automatic Social Share Images solves a common website problem: Missing or broken images when posts or pages are shared on social media. This tutorial walks you through the code needed to create the right meta tags so that popular social media channels pick up the image you want for posts. The best part is this code helps you create a dynamic preview image, so you don’t have to make something special every single time.

Animated SVG Links

Animated SVG Links can add a little something special to your design. This pen is from Adam Kuhn and includes three different link styles.

Blush

Blush helps you create illustrations. With collections made by artists across the globe, there’s something for everyone and every project. All art is customizable, so you can play with variations to create something unique.

Palms

Palms is a set of 43 sets of hands to help illustrate projects. Each illustration is in a vector format and ready to use.

Tabbied

Tabbied allows you to create and customize patterns or artwork in a minimal style for various projects or backgrounds. Tinker with your artwork and patterns and then download a free, high-resolution version.

How to Create Animated Cards

How to Create Animated Cards is a great little tutorial by Johnny Simpson that uses WebGL and Three.js to create a style like those on Apple Music. The result is a stylish modern card style that you can follow along with the CodePen demo.

Bandero

Bandero is a fun slab with a rough texture and interesting letterforms. The character set is a little limited and is best-suited for display use.

Magilla

Magilla is a stunning modern serif with great lines and strokes. The premium typeface family has six styles, including an outline option.

Roadhouse

Roadhouse is one of those slab fonts that almost screams branding design. The type designer must have had this in mind, too, with stripe, bevel, inline, half fill, outline, drop extrude, and script options included. (This family is quite robust, or you can snag just one style.)

Street Art

Street Art is for those times when a graffiti style is all that will do. What’s nice about this option – free for personal use – is that the characters are highly readable.

Source

The post Exciting New Tools for Designers, January 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

The start of the year is always a good time to reassess priorities and consider new approaches, but 2021 is more of a reset than we expected this time last year. 2020 is unlikely to go down in anyone’s autobiography as the best year of their life, but it has done something positive: it’s prepared the ground for rapid change in the next 12 months.

More than any other year in our lifetimes, 2021 is set to be revolutionary, with emerging trends that will last well into the new decade. Here’s what we think you can look forward to around the next corner.

1. The End of Minimalism

Minimalism has been the de facto approach to web design for the last decade because it works.

But design reflects the zeitgeist. Where minimalism once felt clean and fresh, it’s starting to feel dull and uninspired. There have been a few false-starts breaking out of the long-term trend, but thanks to the pandemic, 2021 will be the year minimalism finally folds — at least for a while.

Prior to coronavirus-mandated lockdowns worldwide, there were already signs of a more vibrant, more decorative, more joyful approach to design. Simple typefaces have been replaced with more decorative examples — faces that use ink-traps to fake 3D effects are surprisingly popular.

trends are cyclical, and the wheel always turns

One of the biggest aspects of this blossoming trend is the move away from Material Design-style flat color not just to gradients but to multi-color gradients and even animated gradients. Even Apple, the last bastion of the clean white-box approach, jumped on the gradient bandwagon with its Big Sur branding.

One of the few things COVID-19 hasn’t slowed is the adoption of new web technology, and CSS, in particular, has had some major developments in the last year. CSS Grid is now a practical technology, and our ability to code standards-compliant designs that aren’t dependent on hierarchical boxes is greatly enhanced.

After more than a year of pretty grim news for most people, much of the world will be vaccinated over the next twelve months, and life will rapidly return to normal. The last global crisis on this scale was the 1918 influenza pandemic, and it led directly to the decade known as the Roaring Twenties.

Minimalism was already dipping in popularity — trends are cyclical, and the wheel always turns — but lockdown, or perhaps more precisely the end of lockdown, is the catalyst for significant change.

2. The Decline of WordPress

In Autumn 2020, something entirely unexpected happened: The W3C announced the platform its new web presence would be built on, and WordPress — the previous choice of the web’s steering committee — didn’t even make the list of finalists.

Due to accessibility concerns, the W3C development team opted to migrate away from WordPress to Craft CMS. The decision was met with a mixture of glee and outrage. But whether you agree with the decision or not, it’s hard to see it as anything other than yet another symptom of WordPress’ decline.

WordPress faces a triple threat: there are web builders that do an adequate job for low-end web projects; there are newer rivals like Craft that outperform WordPress as a CMS; there’s a growing interest in alternate approaches, like Jamstack.

So will it all be over for WordPress in 2021? Not even close. There are myriad reasons WordPress will continue to be the choice of designers and developers for years to come. Tens of thousands of professionals worldwide have invested their whole careers in WordPress; there are millions of themes, plugins, templates, and build processes that are tightly woven into the WordPress ecosystem. What’s more, there are millions of sites with substantial content archives powered by WordPress [WebDesignerDepot is one such site].

WordPress reportedly powers approximately 37% of the web, and it will still be the dominant CMS in 2022. But it’s unlikely to grow beyond that 37%, and by 2030 its market share will be in rapid contraction.

2020 was the high-tide mark for WordPress

But for all its faults — and it’s undeniable that WordPress is full of faults — WordPress is the best of the web; it has given a voice to millions of people, launched countless careers, and empowered entrepreneurship worldwide.

2020 was the high-tide mark for WordPress, but it’s not an extinction-level event — even the much-maligned Flash, which was killed dead in a matter of months by the first generation iPhone, limped on until a few weeks ago.

WordPress will have to find a niche and accept a smaller market share; in doing so, it will address the single biggest complaint that anyone has about WordPress: that it’s trying to do too much.

WordPress is one of the great success stories of the web. In a decade, it may have to settle for powering just 10% of the web — a level of failure most of its rivals can only dream of.

3. The Digital Currency Explosion

2021 is undoubtedly the year that cryptocurrency goes mainstream. In 2020 Bitcoin grew by almost 400%; currently valued at around $35k, conservative predictions for a December 2021 valuation are $100k, with five-year predictions as high as $1m. And Bitcoin isn’t the only cryptocurrency; the value of developer-friendly Ether has jumped by more than 50% in the first few weeks of 2021.

In the US, the incoming Biden administration is preparing a multi-trillion dollar relief package, which many believe young Americans will invest in cryptocurrency. Perhaps more importantly, large investment banks are now pumping hundreds of millions in digital currencies. PayPal and Visa are both in the advanced stages of adopting blockchain technology.

The biggest threat to the new digital economy is the volatility of cryptocurrency. You cannot price services in XRP if XRP’s dollar price could crash at any time — as it did a few weeks ago.

And so there are two routes in which this trend will unfold for ecommerce. Either pricing will remain in dollars, and the equivalent price in various cryptocurrencies will be calculated in real-time. Or, transactions will make use of stablecoins like Tether that are tied to the value of the US dollar.

Cryptocurrency is the latest gold-rush, and whether you think it’s the chance of a lifetime or yet another Ponzi scheme, it will become increasingly high-profile in ecommerce throughout 2021.

4. No More Video Calls and also More Video Calls

2020 was the year of Zoom. Its growth from bit-player to overtaking Skype is a material lesson for entrepreneurs that every obstacle is an opportunity.

every obstacle is an opportunity

Over the last year, we’ve discovered two things: meetings are more creative in person, and office costs are significantly reduced when staff work remotely.

There’s going to be a shift in the business landscape this year. Remote working will continue to be normal for years to come as businesses enjoy rent savings. Video calls will still be common for quick update meetings. But expect to travel to physical meeting places periodically for in-depth strategic planning.

Expect to see major cities with deserted office buildings and a rapid expansion of co-working spaces, especially those with meeting spaces — if WeWork can hold on a little longer, there may be light at the end of the tunnel.

As a web professional, you’re in a unique position to thrive in the new business world, even more so if you’re a freelancer. Remember, if you’re working onsite, be mindful of your physical health, and if you’re working remotely, be mindful of your mental health.

What Do You Think?

No one saw 2020 coming. Sometimes world events are outwith our control, and we have to hang on and hope it gets better. It’s been a tough 12 months, and the truth is we’re not through it yet.

But the 2020 coronavirus pandemic is the first pandemic in human history that we’ve had the technology to shorten.

2021 offers the opportunity for enormous change. Will designers look for new, more decorative approaches? Will we replace our technology stack? Will you be billing clients in Ether this year? Will you suffer the misery of a packed evening commute ever again?

 

 

Featured image via Unsplash

Source

The post 4 Predictions for the Web in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot