Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Blog

Coding and Design Tips & Tutorials

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

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.

Coding Tips  Python  Web Development

The Best Text Editor

One of the first things you’ll do as a new programmer is choose a text editor to work with on a regular basis. Two of the most popular text editors, Atom and Sublime, offer features that can make your work a lot easier. But which one is better?

Coding Tips  Web Development

What’s New in Photoshop CC 2019?

Each year Adobe comes out with new features, so what changed in Photoshop CC 2019? We’ll cover the most important changes we think you should know about.

Changes to Multiple Undo

Prior to Photoshop CC 2019, Cmd–Z (Mac) or Ctrl–Z (Windows) acted as a toggle. It would undo, and then redo the very last thing you did. I always thought this was because of Photoshop’s roots in photography. It was useful to compare the before and after states to see if the retouching/color correction you just applied looks good. Regardless of the reason, it did make Photoshop different than other Creative Cloud apps. CC 2019 changes the keystroke to work like InDesign, Illustrator, etc.

  • In CC 2019 each time you hit Cmd–Z (Mac) or Ctrl–Z (Windows), you will go farther back in your file’s history.
  • To redo, you now hit Cmd–Shift–Z (Mac) or Ctrl–Shift–Z (Windows).
  • Miss the old toggle-style undo? Use Cmd–Opt–Z (Mac) or Ctrl–Alt–Z (Windows).

If you don’t like the new keystrokes, you can revert back to the prior behavior as follows:

  1. Go into Edit > Keyboard Shortcuts.
  2. Check on Use Legacy Undo Shortcuts and click OK.
  3. Restart Photoshop.

Adobe  Photoshop

What’s New in InDesign CC 2019?

Each year Adobe comes out with new features, so what changed in InDesign CC 2019? We’ll cover the most important changes we think you should know about.

New Properties Panel

Properties panels have been added to Photoshop and Illustrator, and now InDesign has one. The Properties panel is meant to put many useful features into a single panel.

By default, the Control panel (at the top of the screen) has been hidden, in favor of the new Properties panel. While I like the idea of the Properties panel, I find that the Control panel does a better job of showing you more options in a smaller space. You can show the Control panel again by choosing Window > Control.

Adobe  InDesign

What’s New in Illustrator CC 2019?

Each year Adobe comes out with new features, so what changed in Illustrator CC 2019? We’ll cover the most important changes we think you should know about.

Freeform Gradients

In addition to Linear and Radial gradients, Adobe added a new kind of gradient called Freeform gradients. Freeform gradients are similar to a gradient mesh, but are easier to work with and the color blending acts differently.

You can add color stops (places where you choose a color) anywhere in an object and move them around. These color stops can be points or lines. You can switch between the two modes in the Gradient panel, Properties panel, or Control panel.

Adobe  Illustrator

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

Getting Started with Python: A Survival Guide

While Python is designed to be beginner-friendly, there are some common pitfalls that hold newcomers back. Experienced Python developers know how to avoid traps like these, but for beginners they can mean hours of frustration. If you’ve tried to learn Python in the past and felt like you hit a brick wall, do not give up! Once you get past these initial hurdles, you’ll be on a path of steady improvement.

Python

Choosing a Web/UI/UX Design App: Sketch, Photoshop, and Adobe XD

When designing digital products such as websites, apps, etc. there are many apps to choose from. Which one is right for you? While some people use Figma, InVision Studio, and others, in this article we’ll focus on what we consider the three industry front-runners: Sketch, Adobe Photoshop, and Adobe XD.

Sketch

While some designers are just now making the switch to Sketch, it’s been around since 2010. Sketch is a Mac only app, which is fine with most designers, but PC users will need to look at Adobe XD or Photoshop.

Sketch is great for UX/UI design. You can design wireframes or finished visual designs, and turn those into clickable prototypes using Sketch’s recently added prototyping tools or InVision’s Craft plugin.

Sketch has very powerful symbols and styles, which enable you to easily create complex design systems that are flexible and manageable across large projects. It also has decent exporting options.

Sketch costs $99 (USD) and you get a year of updates as well as Sketch Cloud. After the first year, you can continue using your last update for as long as you want with no other payments. However, if you want another year of updates and Sketch Cloud, you must renew your license for $69 (USD).

Sketch is a great option for Mac users that want an affordable and powerful design app.

Learn more in our Sketch class.

UX Design  UI Design  Adobe XD

Why is Everyone Using Python?

Any way you measure it, Python is booming in popularity. According to the most recent survey by Stack Overflow, Python is the “most wanted” programming language for the second year running. More people wish they could work with Python, in other words, than any other language. Usage numbers show the same kind of growth. Python has recently climbed into the top three on the TIOBE index, which tracks the number of engineers, courses, and vendors associated with each programming language. As for the future, this trend is likely to only strengthen, since Python has recently become the most common introductory programming language at top universities as well.

Python