Written content dominates the vast majority of e-learning materials on the web. But YouTube videos and premium courses are catching up as video content becomes easier to produce. Because of this fluctuation it’s now easier than ever to teach yourself a piece of software or new skillset by watching other professionals from the comfort of […]
The best way to learn Photoshop is to push the boundaries of your knowledge. If you don’t know the basic tools then it can be difficult to get started. But true learning occurs with practical real-world application of skills by creating unique projects from scratch.
With such an abundance of free Photoshop tutorials online many UI designers tend to ignore the benefits of Adobe Illustrator. Vector workflow is one of the best methods for creating full-scale website mockups, icons, mobile apps, and really anything related to interface design.
Each of the following tutorials focuses directly on interface design from the perspective of vector shapes. With practice and repetition you’ll be able to master Adobe Illustrator and outperform yourself in just a few months’ time. Check out these examples and see which ones catch your attention. Remember that progress occurs over time so you’ll always want to push yourself into new areas whenever possible.
Working in Adobe software has become the norm for most creative professionals. Photoshop is a huge program and compliments nicely with the entire Creative Suite. But Photoshop is primarily used for bitmap graphics, while Adobe Illustrator handles vector design in a similar fashion. It seems complicated but if you have the time to learn Illustrator it is well worth the effort.
Thus I’ve put together a handful of tutorials focused around vector artwork. These online guides and tutorials will help any designer understand how to structure vectors using Illustrator. There are a number of tools and techniques that can only be learned through practice and repetition. Take a peek over the list and see if anything catches your attention.
Over the past few years a number of prominent CSS3 tutorials have been published online. These are perfect for beginners who don’t have a lot of experience coding webpages. But developers who do have that experience may also find the more detailed articles quite insightful.
Take a look over this collection of posts related to newer CSS3 properties. There may be some you’re already familiar with, and others that you’ve never even heard about before. CSS3 provides developers with many different solutions used to solve individual problems. Also if you know any other great posts I’ve forgotten you can share with us in the post discussion area.
Web development has grown far beyond the typical HTML/CSS/JS code structure. Modern web services like Facebook and Twitter are built with something called an Application Programming Interface. This allows developers to connect into 3rd party services and pull out data to be displayed on another website.
For this post I’ve collected a number of free online tutorials which delve into API development. These are perfect for anybody new to the scene who wants to learn a bit more about typical web services. Some will require an API key while others may simply return XML/JSON data on command. Either way these articles detail many popular development techniques in an easy-to-understand fashion.
Many web designers start a new project by designing a mockup in Photoshop before actually coding the website. For a designer who is comfortable with Photoshop and with this process, less time can be used to create the end result.
For those designers who have not mastered the process of converting a design into a fully coded website, these 10 tutorials are excellent learning resources. (For tutorials on creating layouts in Photoshop, see 35 Tutorials for Creating Website Layouts in Photoshop).