Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Desktop Blog | Tutorials, Resources, Tips & Tricks

Articles by Noble Desktop

Noble Desktop

At Noble Desktop you can learn how to code websites, build iOS apps, make graphics, and more. From our front-end coding bootcamp to Photoshop classes, we offer a variety of comprehensive day, evening, and weekend training classes as well as certificate programs in web design, web development, HTML email, and more. Courses are available in-person (at our training facility in Soho), live online, and customized corporate or private training. Our course materials and workbooks are used by colleges and schools worldwide. Learn a skill today and start using it tomorrow.

How to Write Web Content (and Blog Posts) That Is Good For Users & Search Engines (SEO)

This is a blog post about how to write blog posts and other web content. Writing for the web is different than other media such as books, brochures, magazines, etc. For the most part, what’s good for users will also be good for search engines too, but there are things you should keep in mind.

Let’s go over specific recommendations you can use to improve the writing on a website or blog.

Digital Marketing Web Design Web Development

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!

Sketch Web Design Web Development UI Design 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

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

Photoshop Tutorial: Using Hair Brushes to Paint Hair Masks

Topics: Using custom hair brushes to create a selection/mask, Refining the hair mask, Removing a color cast

Exercise Preview

Photo courtesy of istockphoto, ProjectB, Image #5164255

Adobe Photoshop

Python and Pandas: A Bigger Data Solution to Excel

Excel spreadsheets have been the standard in the business world, allowing people to leverage spreadsheets for everything from accounting to managing schedules. As one of the world’s most popular software programs, Excel is used in all facets of a company, from human resources to Finance. However, there comes a time when one may look to grow beyond Excel and foray into the world of databases and coding-based solutions.

Python

Photoshop Tutorial: Using Channels to Make Hair Selections

Topics: Making a selection using Channels & Curves, Refining the selection with the History Brush, Refining the hair mask

Exercise Preview

Photo courtesy of istockphoto, ianmcdonnell, Image #8884668

Adobe Photoshop

Photoshop Tutorial: Intro to Hair Retouching

Hair Selections & the Search for the Holy Grail

Hair Selections & the Search for the Holy Grail Everyone’s looking for the easy path. The internet is filled with so-called experts doling out “tips, tricks, and techniques,” and they may sound like they are the answer, but when you try them on your photos, you just get frustrated because they don’t work. You think there’s something wrong with you or your retouching skills, but maybe that technique only worked on that one photo and background combination! It’s not as easy as learning one tip or technique. Hair is more complex than that. A blonde on a dark background must be treated differently than a blonde on a light background.

Adobe Photoshop

Harmful Myths about Learning Data Science

The internet is full of noise about what counts as “real” data science. This genre is generally a waste of time, but for beginners it can be particularly pernicious. If you’re already feeling like a fish out of water, the last thing you need to hear is that you’re a “fake” data scientist. Nothing more demoralizing!

Python

Your Brain on Coding

The thought of programming an app might sound intimidating to anyone who hasn’t tried it before. Never fear! Your brain is up for the challenge.

scrolling code

Python Web Development