Tag: basics

More Gold for Emerging Interface Designers

Text in this VR GUI. http://www.mastersofpie.com/project/siemens-oculus-rift-tradeshow-experience/ Use Your Words The written word makes up a significant portion of how we build our interfaces. Even the best GUIs use text. What happens when you don’t consider the language used in your interface? It fails. It breaks the user’s trust and in the end, costs money when visitors… Continue reading More Gold for Emerging Interface Designers

Illustrator Tutorials: 20 New Tutorials to Learn How to Design & Illustration

Learn how to use illustrator from top professionals and tutorial writers for creating amazing vector graphics and illustrations. These new 2017 tutorials will teach you latest tips and techniques and shows to draw and digital portraits from scratch, vector logos, and create cartoon characters and more vector graphics. You’ll be able to use these illustration and drawing techniques for your future… Continue reading Illustrator Tutorials: 20 New Tutorials to Learn How to Design & Illustration

5 years of Foundation: a look back

This month, ZURB celebrates the 5th birthday of its Foundation front-end framework. This popular framework is known for its responsive grid, CSS and HTML user-interface components, code snippets, and templates. What makes it stand out as well is that it’s an open-source project. In a blog post earlier this month, Danny Codella, ZURB’s marketer, wrote… Continue reading 5 years of Foundation: a look back

Poll: should coders learn to design?

Okay developers, it’s your turn. People have ranted on and on for years about whether or not designers should learn to code. Heck, I’ve ranted about it. I still contend that… no. No no… This is about you devs, now. Should people who primarily code the back end of web products learn to design the… Continue reading Poll: should coders learn to design?

Web Design In Action: A Sample Design Workflow

Advertisement Designing and building an entire website from scratch involves many different pieces. It can get easier with time and practice, but you’re always starting from a blank slate for every new project which can be tough. The best thing to do is fall into a creative routine that you can follow every time. This… Continue reading Web Design In Action: A Sample Design Workflow

How to Make “The Aviator” 3D Game with Three.js

Posted · Category: License Free Codrops has shared The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js, they created a simple 3D flying plane using Three.js, a 3D library that makes WebGL simpler. WebGL is a pretty unknown world for many developers because of the complexity and syntax of GLSL. But With… Continue reading How to Make “The Aviator” 3D Game with Three.js

SpriteKit From Scratch: Fundamentals

Introduction SpriteKit, available on iOS, tvOS, and OS X, is a framework that allows developers to create high quality 2D games without worrying about the complexities of graphics APIs, such as OpenGL and Metal. In addition to handling all of the graphics for developers, SpriteKit also offers a wide range of extra functionality, including physics simulation, audio/video playback, and… Continue reading SpriteKit From Scratch: Fundamentals

Quick Tip: Using CSS Counters to Style Incremental Elements

In this quick tip, we’ll cover the very basics of CSS counters; a useful, yet not so well-known CSS feature. When we’re done building our demo, we’ll take a look at some real world examples of sites which take advantage of CSS counters. The Goal: Styling an Ordered List As a first step, let’s look at the… Continue reading Quick Tip: Using CSS Counters to Style Incremental Elements

New Course: Advanced Animation With GSAP Plugins

What You’ll Be Creating The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In our new course, Advanced Animation With GSAP Plugins, you will learn how to take your GSAP animations to the next level using the plugins that come with the platform. What You’ll Learn Our recent GreenSock Animation… Continue reading New Course: Advanced Animation With GSAP Plugins

Advanced JavaScript Fundamentals

Without a doubt, JavaScript is the most popular programming language in the world. While the web development industry is chock full of frameworks and libraries that simplify some aspects of JavaScript development, there’s something to be said about having the skills to write pure JavaScript. Frameworks, libraries and transpilers may come and go, but JavaScript… Continue reading Advanced JavaScript Fundamentals

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

Styleguides are an essential tool for ensuring that everyone in an organization is on the same page. After all, maintaining a consistent style is vital to brand recognition, readability and it just looks more professional. The great thing about these Styleguide resources is that there is undoubtedly one that will let you work the way… Continue reading Styleguide Toolbox – Templates, UI Kits, Tools & Generators

Take a Free Course on Programming Interactive Art With p5.js

What You’ll Be Creating Do you want to learn a new way of creating animations and interactive graphics, in less than an hour?  If so, check out our new course on How to Program Interactive Art With p5.js, in which you’ll learn how to create an interactive, animated web page with p5.js.  The course consists of just… Continue reading Take a Free Course on Programming Interactive Art With p5.js

Weekly Inspiration: Scrollin’, Scrollin’, Scrollin’

Web browsers all have one thing in common: almost without exception they allow us to scroll through content. Scrolling gets us from the top of a document, to the bottom. But it allows much more than that–and for better or worse, web designers have been challenging the scrollbar for some time now, seeing how else… Continue reading Weekly Inspiration: Scrollin’, Scrollin’, Scrollin’

Framerjs: Innovative prototyping and design with interaction

Constant updates for free! Includes prototyping for Virtual Reality! Join more than 1400 students and learn how to use Framer JS with your Sketch 3 or Photoshop designs to create innovative prototypes, design animation and add interaction to your mobile and web designs and prototypes. This course will teach you step by step how to… Continue reading Framerjs: Innovative prototyping and design with interaction

How to Streamline Your Logo Design Process

Creating a identity that is unique any brand can be quite a challenge, because there are so many things to factor in. The process is not as simple as throwing your creative juices into the project – that’s just a fraction that is small of. Company logo demands a great deal more from any musician,… Continue reading How to Streamline Your Logo Design Process

CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks

Flexbox is an advanced method of more efficiently using space amongst items of a CSS container. While its theory can seen a bit complicated and difficult to master, thankfully the web is chock-full of great opportunities to learn. We’ve compiled a collection of some of the best resources out there to help you learn more… Continue reading CSS Flexbox Toolbox – Learning Guides, Tools & Frameworks

A Collection Of Useful Photoshop Typography Tutorials

Type art is popular at the moment for all sorts of reasons – and it’s a highly versatile skill to have. You can use illustrated lettering in projects ranging from posters to brochures – making it a great technique to add to your creative toolset. But beware: type art is so popular at the moment… Continue reading A Collection Of Useful Photoshop Typography Tutorials

Christmas Gift – Photoshop Elements 14 For Dummies

The bestselling book on Photoshop Elements—now in a new edition Getting great photos is easier than you think—it just takes some know-how and a tool like Adobe’s Photoshop Elements. Photoshop Elements 14 For Dummies is a fun and easy-to-follow guide for photographers and photo enthusiasts who want to make their snapshots picture perfect. In no… Continue reading Christmas Gift – Photoshop Elements 14 For Dummies

Basics of Extreme Programming (XP) – A List of Free Continuous integration (CI) Tools

Although extreme programming is not general practice, the method is popular among more sophisticated, advanced and pioneering development teams; however, continuous integration, one of the fundamental techniques of this concept, is widely adopted by “grass roots”. CI focuses on reducing risks of occurrence of errors as well as being aimed to enhance workflow and strengthen… Continue reading Basics of Extreme Programming (XP) – A List of Free Continuous integration (CI) Tools

Build Bootstrap in Minutes Using Emmet

Bootstrap (currently at version 3) is all about rapidly building websites, whether they be prototypes or finished products. In today’s videos we’re going to build ourselves a Bootstrap layout, in record time, usingEmmet‘s powerful time-saving markup syntax.   Using Emmet Before we dive into Bootstrap, it’s worth taking a minute to become familiar with what Emmet is… Continue reading Build Bootstrap in Minutes Using Emmet