Chartd – Responsive and Retina-Compatible Charts

Advertise here via BSA At StatHat, they make a lot of charts. They creates dynamic, autoupdating charts using JavaScript, but we also send charts via email and to external services like Campfire and Slack. Plus, they let users embed charts on their own web pages. For these situations, JavaScript charts either won’t work, are overkill, or could get… Continue reading Chartd – Responsive and Retina-Compatible Charts

Testing and Dependency Injection With Model View Presenter on Android

We explored the concepts of the Model View Presenter pattern in the first part of this series and we implemented our own version of the pattern in the second part. It’s now time to dig a little deeper. In this tutorial, we focus on the following topics: setting up the test environment and writing unit tests for the… Continue reading Testing and Dependency Injection With Model View Presenter on Android

How to Prepare a Cool 3D Card for Post-Print Effects

What You’ll Be Creating In this tutorial you’ll learn how to create a laser-cut pop up card, perfect for showcasing retail offers or adapting for events. We’ll break down into simple steps some of the essential techniques for preparing your artwork for post-print processes, including laser-cutting and accommodating for folds. Suitable for beginner-to-intermediate users of… Continue reading How to Prepare a Cool 3D Card for Post-Print Effects

An Interactive 3D Mall Map Concept

Advertise here via BSA Today Codrops has shared an Interactive 3D Mall Map experiment with us. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators… Continue reading An Interactive 3D Mall Map Concept

WP REST API: Internals and Customization

In the previous part of the series, we learned about creating, updating, and deleting content remotely through the WP REST API. It allows us to create platform-independent applications that work seamlessly with a WordPress powered back-end, providing a rich experience to the user. In the current part of the series, we will take a look at… Continue reading WP REST API: Internals and Customization

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

20 Useful WordPress Gallery Plugins

Several WordPress versions ago, putting together an image gallery wasn’t the easiest thing to do, let alone a gallery of videos or products for sale. Today, however, there are many WordPress gallery plugins that are creative, powerful, and highly configurable. Sure, the Jetpack gallery is great in comparison to the early days of WordPress, but… Continue reading 20 Useful WordPress Gallery Plugins

9 Best jQuery Autocomplete Plugins

For today’s round up, we have collected 9 best jQuery auto complete plugins for you. Auto complete feature lets your users to quickly find and select from a pre-populated list of values that they have previously saved in the form. This will result in saving lots of time and energy. This is exceptionally helpful for… Continue reading 9 Best jQuery Autocomplete Plugins

Better CSS Drop Caps With “initial-letter”

Drop caps are a form of decoration sometimes used at the beginning of a block of text; the initial letter running several lines deep and indenting the body text within these lines.  Drop cap example, as found on The Walrus Drop cap example, as found on Nautilus It’s a typographic tradition as old as the… Continue reading Better CSS Drop Caps With “initial-letter”

11 Free Tools To Make Marketing Magic

If you want to create some outstanding and attractive marketing magic then you should try this collection. In this post, we are presenting top 11 free tools which help you to make marketing magic. In this post all these tools are free and very useful. When you use these tools in your projects it makes… Continue reading 11 Free Tools To Make Marketing Magic

7 (Must See) Creative & Awesome Animated GIFs

In this compilation, we are presenting a beautiful and useful collection of some awesome animated GIFs. And it is once again our pleasure to share with you what we have gathered from all over the web so to help you with your masterpieces. So, here is the complete list of amazing animated GIFs for your… Continue reading 7 (Must See) Creative & Awesome Animated GIFs

7 (Must See) Creative & Awesome Animated GIFs

In this compilation, we are presenting a beautiful and useful collection of some awesome animated GIFs. And it is once again our pleasure to share with you what we have gathered from all over the web so to help you with your masterpieces. So, here is the complete list of amazing animated GIFs for your… Continue reading 7 (Must See) Creative & Awesome Animated GIFs

Android From Scratch: How to Run Your Application on a Physical Device

Most Android phones and tablets can be connected to a computer using a USB cable. However, by default, the USB connection established between an Android device and a computer is limited to file transfer only. Therefore, if you want to use your device for Android application development, you have to make a few configuration changes… Continue reading Android From Scratch: How to Run Your Application on a Physical Device

Create an Underwater Dreamscape in Photoshop

Learn how to emotional photo manipulation of an underwater dreamscape with Photoshop. In this tutorial, you’ll learn how to create a fantasy underwater scene, place a girl in the dreamscape, then complete it with some bubbles. Throughout the tutorial, you’ll learn techniques that will help you create better matte paintings and photo manipulations. What you’ll… Continue reading Create an Underwater Dreamscape in Photoshop

Material Kit – Free Bootstrap UI Kit for Google Material Design

Advertise here via BSA Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google’s material design. You asked for it, so we built it. It’s a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling… Continue reading Material Kit – Free Bootstrap UI Kit for Google Material Design

Object-Oriented JavaScript

After you learn the basic building blocks of a programming language, there’s still a lot to learn about when to use each one and how to make them all work together. In this workshop, Randy will walk you step-by-step through solving a programming problem. You’ll get to listen in on discussions between Treehouse teachers, gaining… Continue reading Object-Oriented JavaScript

Design and Build Scroll-Based CSS Animations

Activating CSS animations based on scrolling is a relatively new (and cool) technique that many of today’s front-end developers are taking advantage of. These parallax scrolling effects are triggered by a user scrolling the page, and can really show off your content and help to enhance your websites. In this course, Gary Simon will show… Continue reading Design and Build Scroll-Based CSS Animations

Creating an Animated Infographic with Edge Animate

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