Animation for Beginners: How to Animate a Character Running

What You’ll Be Creating In this tutorial we will be animating a cycle of a character running. In this case, the character will appear to be running in place. If this run cycle were to be incorporated into a movie, perhaps a background scrolling from right to left would be behind the character. Walks and… Continue reading Animation for Beginners: How to Animate a Character Running

NextEvent – Conference & Event HTML Template

NextEvent is a library for Conference & Events with predefined web elements which helps you to build your own site. These theme is suitable for conference, convention, event, exhibition, landing, lecture, meeting, political, seminar, summit, webinar etc. NextEvent theme has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop… Continue reading NextEvent – Conference & Event HTML Template

iOS 9: Additions to SceneKit

Introduction SceneKit is a high-level 3D graphics API that has been available in OS X since version 10.8 (Mountain Lion) and was introduced on iOS with the release of iOS 8. In this tutorial, I show you the major improvements and new capabilities the framework has gained with the release of iOS 9 and OS… Continue reading iOS 9: Additions to SceneKit

How To Choose Colors For Websites

Color schemes Although I will be criticized for skipping the basics, it is better to skip writing about why RGB is for web and CMYK is for print and other similar notions. Instead, I will jump directly to things that not everyone knows. For example, color schemes. In color theory, a color scheme is the… Continue reading How To Choose Colors For Websites

50 Free & Super Cool Resources For Designers: February 2016

50 Freebies is a monthly collection of the latest handy and free digital goods perfect for the creative individual. The design freebies usually focus on mockups, templates, icons, free fonts and anything else we come across and think you maybe interested in. Got a suggestion, drop us a Tweet @designwoop. 50 Hand-Made Ornaments Financial Icons… Continue reading 50 Free & Super Cool Resources For Designers: February 2016

Learn SQL

Every web developer should know SQL. Although it has been around since the 70s, it is still widely used, and you can’t build a serious application without it. Most full-stack frameworks have libraries for dealing with the SQL complexity – ActiveRecord, Doctrine, Hibernate and more. But often times you need to get your hands dirty and write low-level… Continue reading Learn SQL

50 Best Free PSD Mockup Templates

Useful free PSD mockups, design templates to showcase your creative work in modern way. The best 50 Free PSD Mockup templates created by professional designers. All mock-ups are easily edited via smart-object in Photoshop (detailed step by step help is included). Just place your artwork and it will be automatically transformed to a realistic mock-up with all… Continue reading 50 Best Free PSD Mockup Templates

Weekly News for Designers (320) – Material Design CSS, Flexbox Editor, Wordexpress

New Resources & Tools MJML – The only framework that makes responsive-email easy Materialize – A CSS Framework based on Material Design. CSSGram – A tiny library for recreating Instagram filters with CSS filters & blend modes. Plain Email – An app concept for efficient one-touch email processing. Wordexpress – A WordPress project that uses… Continue reading Weekly News for Designers (320) – Material Design CSS, Flexbox Editor, Wordexpress

First look at Adobe’s Animate CC

Adobe have just launched their ‘new’ application, Animate CC. A major component in the Creative Cloud application suite, Animate CC replaces Flash Professional CC, and is available to download now. As we previously reported, Animate CC is an evolution of Flash Professional. The name change is based on the changing role of the application. Adobe… Continue reading First look at Adobe’s Animate CC

Card Stack Effects With CSS and Dynamics.js

This is some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element. Animation is at the top element of a stack by clicking on an accept or reject button.These kind of animations can fit into many scenarios involving all kinds… Continue reading Card Stack Effects With CSS and Dynamics.js

Code Clinic: Java

Code Clinic: Java 1h 34m Intermediate Jul 15, 2014 Updated Dec 16, 2014 Viewers: 11,167 Many successful programmers know more than just a computer language. They also know how to think about solving problems. They use “computational thinking”: breaking a problem down into segments that lend themselves to technical solutions. Code Clinic is a series… Continue reading Code Clinic: Java

10 High Quality Apple Device Mockup PSDs

  ADVERTISEMENT Mockups are designated to give a demonstration of actual full-scale output before it has been created to let clients check over the output. It is commonly used in automotive designing, system and software engineering, and consumer goods. Mockups not only save designers’ time but also let them communicate their ideas more effectively with the… Continue reading 10 High Quality Apple Device Mockup PSDs

Freebie of the Week: Modern – Responsive Admin Template (Admin Templates)

Modern is an admin template built with HTML5, Bootstrap 3 and jQuery. It’s clean design and 100% responsiveness makes it ideal for those managing their sites from their mobile phones or tablets. Modern can be used for any type of web applications: admin dashboards, eCommerce backends, custom admin panels, CRM, CMS, SAAS and websites: eCommerce,… Continue reading Freebie of the Week: Modern – Responsive Admin Template (Admin Templates)

A Beginner’s Guide to AJAX with jQuery

In the first article of this series, we covered the fundamentals of AJAX. In the second, we looked at a working example using vanilla JavaScript. In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax… Continue reading A Beginner’s Guide to AJAX with jQuery

The Best Tools for Building Websites and Portfolios in 2016

If your present page builder has taken the fun out of website design, it may be time to bring the fun back into the process. When Themeco launched Cornerstone, their 100% front-end page builder, it created more than just a stir. First introduced as compatible only with their incredibly popular X Theme, Themeco is close… Continue reading The Best Tools for Building Websites and Portfolios in 2016

20+ Brilliant Examples of Impressive Color Schemes in web designs

What’s the most exciting feature of a website? The answer would be simple- its colors and how they are used. The way a website is presented forms a huge part of our user experience and the way a website is presented. Websites can be of various topics and depending on that factor there can be… Continue reading 20+ Brilliant Examples of Impressive Color Schemes in web designs

CSS3 In-Depth

Learn how deep the CSS3 rabbit hole goes in this jam-packed course with CSS luminary Estelle Weyl. Estelle dives deep into the various components of CSS3 including: selectors, specificity, generated content, media queries, debugging, colors, fonts, shadows, text-effects, borders, backgrounds, gradients, transforms, transitions, animations…and more! https://youtu.be/3NMgiwncymk https://youtu.be/Z1WkMXEMmfk https://youtu.be/ZbGSAUBGpn0 https://youtu.be/-uKy34hdaVE https://youtu.be/aPMPEtRj5aw

Object-Oriented Design in PHP

Object-oriented design can offer a developer a structured way to break apart an application into logical, maintainable chunks. In this course Matthew Machuga will take you through various different OOD techniques, patterns, and concepts to help improve the sustainability and testability of your code base. https://youtu.be/bxS4i_2TQP4 https://youtu.be/3Q0cWbWTK84 https://youtu.be/D-IghHAQ7YY https://youtu.be/u1Gqb8Zr68Y https://youtu.be/x1HXzt2RvMI https://youtu.be/ma7OdWSPCns

How to Create a Surreal Space Scene in Photoshop

How to Create a Surreal Space Scene in Photoshop 3.33/5 (66.67%) 3 votes This is a simple tutorial about how to make an awesome space image with a couple of simple pictures. Made in Photoshop Cs5 on a Macbook pro. What you’ll be creating Jupiter Fall is a piece I did out of a dream I… Continue reading How to Create a Surreal Space Scene in Photoshop

The Importance Of Usability When Designing A Site

Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken. The user should be able to intuitively relate the actions she needs to perform on the web page with other interactions she sees similar contexts, e.g., press a button to perform… Continue reading The Importance Of Usability When Designing A Site

Developing a Static Site Generator Workflow

Nobody likes finding bugs. Even worse, no one enjoys finding bugs while shopping for digital products. That is why, as a company providing a web-based bug tracking tool to tens of thousands of users, we have to ensure a bug-free environment. With our increasing number of web pages – and therefore increasing lines of code… Continue reading Developing a Static Site Generator Workflow

Top Free Photoshop Watercolor Brushes for Designers

Design styles can be created with free resources like icons, vectors, custom illustrations, and notably brushes. Free brush packs are available all over the web dating back to Photoshop 7. There are now thousands of brush packs online made specifically for digital designers. This collection of free Photoshop watercolor brushes can be perfect for anyone… Continue reading Top Free Photoshop Watercolor Brushes for Designers

Design Mock-Ups Need Dynamic Content: Tools and Plugins

Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both in terms of interface design and security. Yet still neither resilience nor flexibility are usually reflected in deliverables… Continue reading Design Mock-Ups Need Dynamic Content: Tools and Plugins