Yelp Facebook LinkedIn YouTube Twitter Instagram

Courses currently offered live online. In-person also available soon. Learn More.

Noble Desktop Blog | Tutorials, Resources, Tips & Tricks

Articles on: Web Design

Free Seminar: How to Get Started in Web Design

Learn how to use HTML and CSS to create webpages in this free video tutorial on getting starting in web design.

View the Presentation Slides
Download the step-by-step exercise

LEARN MORE:
Web Design Classes (attend in New York City or Live Online)

Web Design Web Development

Free Class Online: Get Started in Design

Thinking about learning design? Learn about the different types of digital design (graphic design, web design, UX design, UI design, and motion design) so you can better understand what designers do and which apps they use.

In this online seminar you’ll we explain the appropriate classes and certificate programs so you’ll know the next steps to get started in each area of design.

Learn More (Attend Live Online or in New York City)

Graphic Design Classes
Web Design Classes
UX Design Classes
UI & Visual Design Classes
Video Editing & Motion Design Classes

Free Classes Web Design UX Design UI Design Motion Graphics Adobe

Video: Website Fundamentals & Conversion Optimization

Your website is one of the first interactions that prospective customers have with your business. In this presentation, you’ll learn the best practices needed to set your website up for success. Convert more leads and drive your business forward.

Learn More

To learn more beyond the seminar, see our Digital Marketing courses.

Free Classes Web Design

Video: Get Started in Graphic Design

Want to get into graphic design? In this video, you’ll learn what graphic designers do, what apps they use, how to get started, and more. See examples of design work and learn about creating a graphic design portfolio. You’ll learn what classes and certificate programs are appropriate so you can take the next step and get started in graphic design.

Learn More

Graphic Design Classes (attend in New York City or Live Online)
Web Design Classes (attend in New York City or Live Online)

Free Classes Web Design UI Design Web Animation Adobe Photoshop InDesign Illustrator

Web Design Crash Course: Everything You Need to Know

Web design has become one of the most crucial components of web development dynamics. If you’ve ever thought about getting into web design, it’s probably because you’ve got a creative streak or at least want to. Web design is made up of many exciting parts, including creating your first website and establishing the right layout to attract your audience. This involves thinking outside of the box, learning how to design, and finding the right elements to develop precisely what you’ve imagined. 

If you’ve always wondered what web design is all about and what it takes, here’s a little crash course: 

Web Design

Optimizing SVG Files

What is SVG?

SVG stands for scalable vector graphics. It’s an XML-based coded file format that enables us to use vector graphics in webpages.

Why Should You Optimize SVG Files?

Design apps such as Sketch, Adobe XD, and Illustrator code SVG files differently. Some produce cleaner code than others. Regardless of what app codes the SVG file, it’s likely that the code can be further optimized, offering cleaner code and a smaller file (which downloads faster). Loading speed is important because website speed is one factor that affects your website’s Google ranking.

Optimizing SVG files can have other benefits. Once we had an SVG file that Illustrator didn’t like. The SVG was exported from Sketch, and we were trying to open it in Illustrator. We got an error message and it appeared wrong in Illustrator. After optimizing the SVG file, it imported without error and looked correct!

Web Design Web Development UI Design Sketch Illustrator Adobe XD

Variable Fonts: Exciting for Designers & Developers

What are Variable Fonts?

Variable fonts are a new kind of font that allows for amazing new levels of flexibility. With just one font file you can alter thickness, width, or just about any attribute you can think of... all while keeping the file-size small (important for websites).

Do not limit your thinking to the standard options that you’ve seen before (bold, italic, extended, condensed, etc.). Font designers can make variable fonts do all sorts of cool things!

example of adjusting a variable font

Web Design Web Development UI Design Sketch Adobe Photoshop Illustrator Adobe XD

Why Learn the GreenSock Animation Platform (GSAP)?

The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web. Anything you see in your web browser can be animated with GSAP. Whether you want to build elegant UI animations or dynamic effects in web apps, games, and interactive stories; GSAP is up to the task.

How does it work? You simply write short snippets of JavaScript code that define how elements should animate and what the timing should be. The benefit of animating with code is that one line of code can animate one thing just as easily as it can animate 1,000 things. With code-driven animation it’s surprisingly easy to randomize your animations and have them respond to user interaction.

GSAP delivers the flexibility and control that professionals need but it’s also easy for beginners to learn, especially with Noble Desktop’s HTML5 Web Animation with GreenSock class. You’ll be amazed at what you can do once you master just a few of the basics. Here are some of the main reasons to learn GSAP:

Web Design Web Development Web Animation

Building Websites with WordPress

WordPress is the largest growing website creation tool for modern, responsive, dynamic websites. It’s likely the easiest, most powerful website builder and manager available today. And with the big changes that came with WordPress 5.0 – it’s easier and more powerful than ever!

Wordpress Dashboard View

Web Design Web Development WordPress

Which Type of Design is Right for You?

Interested in a career in design? Confused about what career you should choose?

UX Designer, Graphic Designer, UI or Visual Designer, and Motion Designer are just a few job titles you’ll see on most design job boards. The challenge is that these job titles often overlap in job duties. There can be confusion about what different designers do. This guide will help you understand the different types of design and narrow down your choices.

Web Design UX Design UI Design