Google partners with Figma to convey design tools to pupil Chromebooks

Google for Education and learning has announced a new partnership with Figma. The corporations will carry Figma’s layout and prototyping system as effectively as its collaborative whiteboarding application FigJam to instruction Chromebooks. Educational institutions can apply now to the beta software, which will begin above the summer season.

Verge reporter Dami Lee explained Figma as “Google Docs for style.” Like Google’s program, Figma is mostly net-based mostly and is a lighter load for a pc to operate than numerous sector-common imaginative courses. Figma also allows staff users to collaborate in a way that is related to how they could possibly in Google Docs — but on prototypes and layout jobs somewhat than text. Consumers can insert annotations and notes to projects, mark matters with stickers, and even converse via audio chat. Feel of it form of like a considerably less impressive Adobe Illustrator, but collaborative, on the net, and at times improved for application and world-wide-web design and style.

The two businesses hope the program, which will be totally free of cost for faculties, will help make application engineering and design and style extra obtainable to youthful college students. “Computer science has not been the most obtainable industry in excess of the many years,” claims Andy Russell, who qualified prospects merchandise for Chrome OS Training. Russell hopes that Figma’s software package will flatten the mastering curve for pupils fascinated in striving the disciplines out though also supplying them state-of-the-art instruments to function with down the line. “Figma allows learners to get in at the floor amount with a reduced flooring, but then provides them this terribly high ceiling,” Russell states. He hopes the software will aid to “graduate them into the next era of computer software designers and software program engineers.”

Even exterior of people niches, Russell hopes that college students can use the software for projects across disciplines. “We all grew up with the five-paragraph essay,” Russell states. But, “students today have so quite a few other possibilities: they can make timelines, they can develop infographics, they can develop storyboards for documentary film, they can create 3D designs of architecture, an software to clear up a issue, they can build a web page.” He extra, “Figma is an wonderful instrument that’s open-finished for learners to be in a position to produce any of all those property.”

The previous couple yrs have, unsurprisingly, found need for collaborative, cloud-based application (and whiteboarding options in distinct) increase. Even though colleges have reopened pursuing the widespread closures of the early pandemic, lots of are continuing to devote in on the internet companies. It’s also turn out to be far more common for districts to issue students laptops in excess of the yrs, expanding anticipations that students may collaborate on and post assignments on the internet.

These sorts of software program aren’t new a lot of other corporations make prototyping applications and whiteboarding platforms. But part of what is designed Figma so competitive in that area is its simplicity: it is simple to operate

Read More

20 Free Web Design Tools from Spring 2022

Free resources from the design community can improve a web project.

Here is a list of new tools and design elements from spring 2022. This list includes project collaboration tools, site generators, API resources, color palettes, checkout optimizers, loading icons, free fonts, and more. All the tools are free or have free plans.

Free Design Tools

Werk is a remote working toolkit for teams to work seamlessly through asynchronous collaboration. Manage and build tasks, share files and HyperDocs, take notes and collaborate on voice chat, and asynchronously collaborate on records. Free for up to five teammates.

Werk

Pages is a new resource for Scribe, an application for creating step-by-step guides and product demos. With Pages, you can now combine Scribe recordings on a process document and add text, descriptions, hyperlinks, Loom and YouTube videos, and more.

API Tracker is a search engine to find the best APIs and SaaS applications to build native integrations. Track API specs and docs, developer experiences, SDKs, developer docs, IDE support, platform strength, authentication, and API styles. Free for up to 2,000 API calls per month.

Eleventy is a new and straightforward static site generator. It allows you to mix and match templating engines to easily migrate existing content, transforming a directory of templates into HTML. Content templates can use a different templating engine than layout files. Eleventy works with HTML, Markdown, JavaScript, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, and Pug.

Screenshot from the Eleventy home page

Eleventy

Reasonable Colors is an open-source system to build accessible, nice-looking color palettes. Spaced uniformly, the 24 sets of named colors each have a hue 15 degrees from its neighbors on the LCH color wheel. This uniform spacing makes it simple to find complementary pairs and build attractive color palettes.

SellKit is a checkout optimizer for WooCommerce that uses dynamic discounts, smart coupons, and checkout alerts to drive more sales, increase order value, and boost engagement.

Loaders is a collection of free animated loaders (visible on a web page as it’s loading) to add to your next project. Built with HTML, CSS, and SVG, these loaders are fun, creative, and pleasing.

Screenshot of the Loaders web page from uiball.com

Loaders

Lexical is an extensible JavaScript text-editor framework that scales in size and functionality. Lexical makes it possible to easily create complex text editing experiences that otherwise would be very complex with the built-in browser tooling.

Scrollex is a React library for building beautiful scroll experiences using minimal code. Scrollex provides keyframe helpers to define the elements of each scroll position.

Formspector is a tool to ensure forms are working. Set up automated tests for any form without writing a line of code. Review your forms for newsletters, contact us, signup, support, and other uses. Free for up to three forms.

Screenshot of the Formspector home page

Formspector

QlndR.io is a handy QR code generator for events and appointments. Smartphones automatically add the event to a calendar and show the user if there’s any conflict at that time.

Sections are new building blocks and full-site templates

Read More

The Best Tools and Resources for Web Designers in 2022

This sponsored article was created by our content partners, BAW Media. Thank you for supporting the partners who make SitePoint possible.

Every designer has a toolbox of industry tips and tricks they go to in every project. There are countless new web design and web development tools released every day, and it can be hard to forego old favorites and keep up to date with the latest (and greatest) web design resources.

Managing a creative workflow — for oneself or for an entire creative agency — is complex. It can also easily become overwhelming for anyone attempting to do tasks manually. Creative management software and design tools can help to make your workflow easier — and substantially more straightforward.

Web design is constantly breaking new ground with exciting contemporary techniques — around things like advanced interactions, animations, and visual effects. And many designers prefer to use no-code tools, which enable them to do everything faster and easier than ever before.

With so many options, it can be difficult to choose from the many hundreds of web design tools out there — which is why we’ve put this guide together.

Trafft booking solutions are being used worldwide to automate and manage business appointments. The implementation of Trafft is easy and can quickly be put into use and operated without any need for technical support.

Trafft offers a free plan and three paid plans that can be tailored to your business, as you can choose to activate only the features you need and want to use.

  • Trafft can manage an unlimited number of appointments.
  • Trafft can support appointments at multiple locations.
  • Trafft integrates smoothly with Google Calendar, Google Meet, MailChimp, SendFox, Zoom meetings, Zapier, and other services.
  • The booking page can be customized according to your business by changing fonts, colors and adding custom code to fit your brand.
  • All Trafft plans come with SMS and email notifications, group booking capabilities, employee assignments, scheduling and special days tracking, as well as online payment features including taxes.

Trafft software is GDPR compliant and provides its users with highly secure end-to-end encryption.
Click on the image above to find out even more about what Trafft has to offer.

Be themes website

Three BeTheme key features — BeBuilder, the Admin Panel, and 650+ customizable Pre-built Websites — together with this theme’s 40+ other core features, give Be’s users unlimited design opportunities.

  • The 650+ pre-built websites give designers a jump start, and its users can create any layout using sections, wraps, shortcodes, and styling options.
  • The Admin Panel eliminates the need for coding.
  • The fast and flexible BeBuilder offers a wide range of new page-building features that allow you to create limitless layout possibilities by importing from Be’s pre-built website’s 3000+ pages. You can import, export, save, and retrieve blocks of content and design revisions, and create the page backgrounds you always wanted to.

Theme Options 3 is another new feature. It augments the Admin Panel somewhat in that it allows users to set portfolio, shop, and blog

Read More

3 SEO tools to build for your clients in Data Studio

With the wide variety of clients out there, you’re bound to run into the occasional DIY marketer. These marketers prefer that you teach them how to be self-sufficient rather than rely on you for every little question.

These clients can be a blessing but can also be dangerous. The challenging aspect of client management is finding the balance between empowering them to get the data they want without feeling like they don’t need you.

That’s where Google Data Studio tools come into play.

Data Studio is typically used for general reporting. The real beauty of Data Studio is that it can be used for so much more. 

By creating tools for clients, you enable them to do the actual research it takes to accomplish SEO while still providing that much-needed maintenance and guidance that comes with experience. 

This article illustrates free dashboard templates you can use with your clients. 

How to change the branding

Before we dive into the specifics, you may want to update the branding and logo of your dashboard. This process could not be easier.

Right-click on your logo, and you will see a menu appear. Near the bottom, select “Extract theme from image.” You will then be presented with three different color scheme options. Select whichever one you feel best represents your brand.

This will automatically change most of the colors and get you most of the way to the finish line of designing in your Data Studio tool. However, there may still be a few charts or texts you’ll need to update.

1. Technical SEO auditing

Tracking technical SEO efforts can be difficult to visualize. Sure, you can track it in a spreadsheet, but that isn’t client-friendly. 

For years, SEOs have attempted to make dashboard trackers to help show improvements in site health over time. 

Luckily, our friends at Screaming Frog have finally cracked the case of the perfect technical SEO dashboard. The best part? The template is free. You can see it here.

How to copy the dashboard

To copy the dashboard:

  1. Click on the three dots in the top right
  2. Select make a copy
  3. Select your data source (don’t worry, you can update later)

How to set up the technical SEO tracker tool

Screaming Frog has published a helpful guide on setting up this Data Studio tool. What they will walk you through includes:

  • Setting up a scheduled crawl
  • Configuring the export to a Google Sheet
  • Connecting that Google Sheet to the Data Studio dashboard

You can find the full tutorial here.


Get the daily newsletter search marketers rely on.


2. Keyword research

The presentation of keyword research takes many forms. Most recognizable is the simple spreadsheet. Some people create keyword maps for each page or topic, while others with smaller clients have a short list of keywords.

However, Data Studio can be a powerful analysis tool for larger sites with tens of thousands or millions of keywords.

If you are working with millions of keywords, do not use Google Sheets

Read More