Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Desktop Blog | Tutorials, Resources, Tips & Tricks

Articles on: Web Design

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.

Web Design Web Development Digital Marketing

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

What Is Git & Why Should You Use It?

From web developers to app developers, Git is useful to anyone who writes code or track changes to files. So what’s it all about and why should you start using it?

What is Git?

Git is the most commonly used version control system. Git tracks the changes you make to files, so you have a record of what has been done, and you can revert to specific versions should you ever need to. Git also makes collaboration easier, allowing changes by multiple people to all be merged into one source. 

So regardless of whether you write code that only you will see, or work as part of a team, Git will be useful for you.

Git is software that runs locally. Your files and their history are stored on your computer. You can also use online hosts (such as GitHub or Bitbucket) to store a copy of the files and their revision history. Having a centrally located place where you can upload your changes and download changes from others, enable you to collaborate more easily with other developers. Git can automatically merge the changes, so two people can even work on different parts of the same file and later merge those changes without loosing each other’s work!

Web Design Web Development

Should I Learn Front-end or Back-end Web Development?

Aspiring coders often ask, should I learn front-end or back-end development? The best coding language to learn and whether you learn front or back-end development depends on what you intend to do. Different languages are used to create webpage layouts, style text, create slideshows, build ecommerce functionality, program search functions, etc. Some software, such as Salesforce, allow you to customize the software to your needs with specific coding languages.

The two primary categories of coding languages for the web are:

  • Front-end Languages: HTML, CSS, JavaScript are used to design the look and feel of a website. These languages alter color, typography, layout, animation, interaction, text, and images. Everything that the user sees and interacts with is built with front-end languages.
  • Back-end Languages: PHP, MySQL, and Python are back-end languages that manage data and input from website users. For example, when you type a message into a website contact form and hit send, PHP code can send the data to a recipient’s email, or store it into a database. Data typed into a search engine, contact form, or searchable directory are other types of data that would be managed on the back-end.

What about frameworks? Framework (such as Bootstrap, jQuery, and GreenSock) are not coding languages, they are collections of code that allow you to do things more efficiently in a specific language. For example, the Bootstrap framework consists of CSS and JavaScript that simplify complex processes like creating grid-based layouts, buttons, menus, and more. jQuery and GreenSock are JavaScript frameworks that let you quickly add interactive JavaScript functionality to websites, faster than writing plain JavaScript.

Coding on a Laptop

Web Design Web Development

You May Not Need a Full-Time Course to Change Careers

This post was written by Erica Freedman, Content Marketing Specialist at SwitchUp.

In recent years, the coding bootcamp boom has saturated the market with a variety of programs. Many software engineering and coding bootcamps offer full-time, immersive programs that can cost as much as $17,000 and require months of time to complete. Individuals who are working in full-time positions may not have the ability to quit their current career to pursue a new one. Flexible options offer a potential route to achieving a shift, but some individuals may not need a full-length course to achieve their professional dreams.

Web Design Web Development UX Design UI Design