Tell a more compelling story in Adobe Edge Animate with an animated infographic. In this course, learn how to illustrate your data and animate charts, text, and other artwork. Author Chris Converse explores techniques that work across multiple browsers and platforms, and even in digital magazines and ebooks. Topics include: Creating sprite graphics in Photoshop… Continue reading Creating an Animated Infographic with Edge Animate
New Course: Productivity Tips for Your Web Design Business
If you’re struggling to stay on top of your business and its demands, try our new Coffee Break Course, Productivity Tips for Your Web Design Business. You’ll be in the company of Paul Boag, founder of UK Web design agency Headscape, as he shares the productivity tips that have enabled him to work less while at the same time… Continue reading New Course: Productivity Tips for Your Web Design Business
How to Adopt Model View Presenter on Android
In the previous tutorial, we talked about the Model View Presenter pattern, how it is applied on Android, and what its most important advantages are. In this tutorial, we explore the Model View Presenter pattern in more detail by implementing it in an Android application. In this tutorial: we build a simple application using the MVP… Continue reading How to Adopt Model View Presenter on Android
HTML5 Fundamentals
HTML5 is huge at the moment. Even my grandparents have heard of it! In step-by-step fashion, we’re going to dig into this new technology, including the various new HTML tags, feature detection, and working with a couple of the new JavaScript APIs. Are you ready? https://youtu.be/OdkH1Ue0iQ4 https://youtu.be/VuW2Qztht34 https://youtu.be/FqLeyfzJS5I https://youtu.be/Nonz4M3lJ7M https://youtu.be/JdzfrQMyip4 https://youtu.be/9ccmiVNLXFE https://youtu.be/WTH06GqotTA
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
Animated Animals in CSS and SVG
Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG
How to Use BrowserSync for Faster Development
BrowserSync is an automation tool that makes web development faster. In the past we’ve automated a lot of actions like compilation of SASS files, image compression etc. BrowserSync brings a whole new type of automation to the table with batteries included. BrowserSync makes your tweaking and testing faster by synchronizing file changes and interactions across… Continue reading How to Use BrowserSync for Faster Development
OpenBazaar – A Different Way to Do Online Commerce
OpenBazaar is a different way to do online commerce. Instead of visiting a website, you download and install a program on your computer that directly connects you to other people looking to buy and sell goods and services with you. This peer to peer network isn’t controlled by any company or organization – it’s a… Continue reading OpenBazaar – A Different Way to Do Online Commerce
15 Fresh Web User Interface Photoshop Files
ADVERTISEMENT Here we have come up with yet another excellent compilation of 15 fresh and free to use web user interface Photoshop files for your download. These web user interface Photoshop files will save your time and allow you to quickly design without starting from the scratch. So, without any further delay, here is the… Continue reading 15 Fresh Web User Interface Photoshop Files
Pop-up Inspiration
Popup — Dailyui by Goutham What’s new by Pieter-Pleun Korevaar Pop-up by Oleg Frolov Daily Ui Day 16 Pop-Up by tomatree Day 016 — Subscribe by HEZY Pop-up by Patryk Zabielski Daily UI #14 — Infographic by Patryk Wąsik for Symu.co Day 016 — Pop Up by Evgen Sale Pop-Up by David França Spotify Pop-Up / Overlay Premium. by Quentin Daily UI — Day 16… Continue reading Pop-up Inspiration
Ink Transition Effect Powered by CSS Animations
This is a great tutorial to create ink transition effect using CSS animations.It’s been developed by Codyhouse inspired from the website Sevenhills. A PNG sprite and steps() timing function in CSS has been used to create video effects and use them as transitions.The process to create these effects is simple Demo Tutorial
Nextbit Robin PSD mockup
Here’s a flat mockup of Nextbit Robin smartphone in its coloured version. Free PSD released on Mockup Catalog. Download freebie
Clemo: A free PSD template for companies
Clemo is a free website template for companies and agencies featured by a unique and modern style. The package includes 10 hi-res pages based on 1170px Bootstrap grids. Free PSD designed and released by Illia Nesterov. Download freebie Posted on April 4, 2016 in Free PSD, Website templates and tagged agency, templates, websites.
Flowchart: Free mobile wireframe kit for Sketch
Flowchart is a free kit for mobile wireframing that you can use to boost your productivity and save time. A Sketch freebie built and released by Dmitry Kurash. Download freebie Posted on April 4, 2016 in Sketch freebies and tagged wireframes. This post has been viewed 180 times.
Hello Circular.
Meet Circular, Spotify’s new typeface. Circular is a friendly sans-serif with unmistakable character and universal appeal. Just the traits we were looking for when choosing a typeface. This update is a key part of the brand refresh we introduced last year, and we couldn’t be more excited to be rolling it out. The update is… Continue reading Hello Circular.
Weekly Inspiration: Comments, Discussion, and Feedback
In this age of content saturation on the web, one opportunity for online publishers to stand out is through their respective communities. The communities which surround and make use of websites are massively important, and how they interact with those websites, and each other, is equally important. We’re used to seeing comment threads on websites;… Continue reading Weekly Inspiration: Comments, Discussion, and Feedback
20 Fascinating Examples of Bold Design
If you’re subscribed to my list, you know that in the first email, I ask you what is your biggest struggle with design in business. A huge number of people reply to this email (and I respond to almost all of them). And it turns out that many readers seem to be struggling with finding… Continue reading 20 Fascinating Examples of Bold Design
12 Amazing Text Effects Created With CSS
ADVERTISEMENT Here we have come up with 12 most beautiful text effects that have been created by using CSS. In the field of web designing, CSS has made it possible to create amazing and stunning design with ease. Now, designers can style any design bringing some life into it so that it look visually appealing… Continue reading 12 Amazing Text Effects Created With CSS
How to Create Flat Weather Icons in Adobe Photoshop
What You’ll Be Creating April showers bring May flowers! It is traditionally known that April is quite a rainy period, when the weather changes unexpectedly from the sun shining in a clear sky to raining cats and dogs. However, any weather has its own beauty, so let’s get inspired and prepare for springtime with this… Continue reading How to Create Flat Weather Icons in Adobe Photoshop
Good Email Copy From Great Companies
Their mission at Front is to help people communicate better. Usually, it means building the best communication software possible, but today they are doing something different. They are releasing a collection of emails that we think have great copy called Good Copy, so the everyone can get inspiration for their own communication. You never have… Continue reading Good Email Copy From Great Companies
5 Free Vibrant Overlay Photoshop Actions
Download this set of 5 Photoshop actions provided free by SparkleStock. These actions let you transform ordinary photos into awesome graphics suitable for websites, mobile apps, backgrounds and more. Pro Version If you like these Photoshop actions, you’ll want to consider the pro version which includes all 20 effects and support for Photoshop Elements 11+.… Continue reading 5 Free Vibrant Overlay Photoshop Actions
How to Work With WordPress Term Meta: Term Metadata API
The first post in this series laid the groundwork for understanding taxonomies, terms, and their relationship within the context of WordPress. If you haven’t read it yet and you’re brand new to WordPress development, then I highly recommend reading through it as this post is going to build on top of everything covered in that… Continue reading How to Work With WordPress Term Meta: Term Metadata API
10 Free Favicon Generators For Web Designers
In this showcase, we are presenting 10 best favicon generators for web designers. These favicon generators are free to use and some of them come with premium features too that will help you generate attention grabbing and appealing favicons for your websites. To wrap it up, they are all free to download, so dig in.… Continue reading 10 Free Favicon Generators For Web Designers
Set Up Google reCAPTCHA in OpenCart
Whether you’re a pro or a fresher in the world of website development, the word CAPTCHA should not sound alien to you. It is an important and widely used technique to determine if the user is a bot or an actual human. There are lots of third-party scripts that allow you to set up CAPTCHA… Continue reading Set Up Google reCAPTCHA in OpenCart