Friday, July 15, 2016

Auto-Hiding Navigation with CSS and jQuery

A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.


by via jQuery-Plugins.net RSS Feed

Cleaning up Code: Is Refactoring for Aesthetics worth It?

Most development teams want to get their codebase into a better, more maintainable state. But what definition of better should be chosen? In many cases, it is not necessary to dig deep into Domain Driven Design (DDD) to achieve this goal. Sometimes, it's even counter productive. But one of the most basic collections of principles […]

Continue reading %Cleaning up Code: Is Refactoring for Aesthetics worth It?%


by Tobias Schlitt via SitePoint

8 Free and Handy Android Apps for Designers

Not all apps are created equal which unfortunately means for those of us on Android devices can - at times - be left out in the cold when a new app is released. It's like finding out that hot new game you read about is an Xbox One exclusive when you own a PS4 (or vice-versa).

Thankfully there are plenty of hard-working developers out there working hard to bridge the gap between Apple and Android. This means if you are an Android user who wanted to try an app out only to find it exclusive for Apple owners there is most likely an app out there that can easily replace it.

Today we celebrate the Android ecosystem by presenting 10 handy apps for the designer to help you thrive in your designing career. Best of all, they're all free (do note that some free apps do have in-app purchases for added features).

1. Designs Pro: Photo Studio Free

Designs Pro

Your Android device undoubtedly came with a stock photo editor but Designs Pro is much more than the average editor where you might crop your image and throw on a filter. Designs Pro is all about giving your photos as much creative freedom as possible while remaining user-friendly and simple to use even for the youngest of users.

With thousands of resource files provided, you can add everything from filters to stickers to frames and even overlay text to your final image.

Of course, a photo editor wouldn't be complete without easy social sharing options and you won't be disappointed. Upload your creation to your social media including Facebook, Instagram, WhatsApp, Hangout, Tango, and Line.

  • Download
  • Category: Photography
  • Price: Free

2. Color Reference

Color Reference

If you are familiar with the Kuler app, you will certainly be a fan of D9d9's Color Reference, an on the go color palette creator. CR's goal is to help you make the best of your designs by providing inspiration and allowing you to discover new color schemes so that you can improve your CSS designs.

Though CR is rather new compared to some other color palette creators it now features some additions you might not get with other palette creators - including an attractive Material Design UI.

Of course, it sports the usual assets that you have come to expect from a color manager including the ability to select colors from existing images, automatic palette generations and of course the ability to share. Color Reference is definitely a tool you should try out.

  • Download
  • Category: Color Management
  • Price: Free

3. Toolwiz Photos

Toolwiz Photos

As good as Designs Pro is, it's rare that a tool covers everything you need - sometimes you'll need a fallback. Enter Toolwiz Photos, the app that is attempting to offer a free version of Photoshop's toolkit, featuring a range of one-tap effects for fast designing.

From image processing, multiple filters, special effects, the ability to paint and doodle it is an amazing that Toolwiz is completely free with no ads or in-app purchases. Regardless, it is top of the class with the fast browsing, social sharing, smart storage saving and much more. This pro tool surely deserves a place on your android device even if it is only for a test run.

  • Download
  • Category: Photography
  • Price: Free

4. Invoice and Estimates on the Go

Invoice and Estimates on the Go

Any working designer needs to be able to manage their invoices, bill their clients and, of course, get an estimate of what the job is going to cost them. Thankfully, Invoice Simple literally makes things simple for the designing freelancer by offering their invoice and estimates app for free.

Though the app is free, you will be limited to the number invoices you can send until you upgrade in-app. However, this may not be a deal breaker if you don't need to send a lot of invoices or don't mind paying a small fee.

  • Download
  • Category: Business Management
  • Price: Free

5. MediBang Paint

Medibang

Ever needed to make a quick sketch or doodle but didn't have a sketch pad handy? Scribble on coffee-stained napkins no more thanks to MediBang Paint, a free, lightweight drawing app that allows you to draw, paint and create anywhere while still having access to all the features of the desktop version.

With many different creative tools on hand, this is a great app for the average illustrator or aspiring comic book artist. Preloaded with 60 free brushes, free comic book fonts, pre-made backgrounds, textures and tones it is easy to create something wow-worthy with MediBang.

You can even collaborate between devices with fellow artists thanks to the sharing tool. Plus you can share with not only your social media channels but also the MediBang Community.

  • Download
  • Category: Design and Color
  • Price: Free

Continue reading %8 Free and Handy Android Apps for Designers%


by Gabrielle Gosha via SitePoint

Access Platform APIs with React Native Modules

React Native from Facebook is an addition to the popular React JavaScript library for creating Native Mobile Apps. It has proved more popular, performant and feature packed than other frameworks, but there are times when its feature set falls short. For these times, React Native has an excellent way of creating your own modules for accessing a Native API not yet supported. In this tutorial I will show you how to create a React Native Module that exposes the Android MediaPlayer api to react Native.

Continue reading %Access Platform APIs with React Native Modules%


by Sajjad Ashraf via SitePoint

jQuery plugin: Fully Featured Address Picker

A jQuery plugin to convert a simple text input to a fully featured google maps address picker.

The post jQuery plugin: Fully Featured Address Picker appeared first on jQuery Rain.


by Admin via jQuery Rain

VakaMail – HTML Email Newsletter Template Builder

VakaMail is a HTML Email Newsletter Template Builder and Editor and provides Javascript functionality that allows you to easily create custom HTML Email Newsletters using pre-defined HTML elements. The VakaMail script comes with several sample HTML elements, but the script really shines when used with your own custom HTML elements!

The post VakaMail – HTML Email Newsletter Template Builder appeared first on jQuery Rain.


by Admin via jQuery Rain

100 Years of National Parks

100 Years of National Parks

Centrally-divided layout in this excellent One Pager taking a look back at 100 years of the National Parks Service. Such a lovely touch with the SVG "contour" load animations within the big numbers. Also choosing the Geogrotesque font for an outdoor-themed website is a perfect example of adding x-factor. Great job Dallas and cheers for the build notes.

by Rob Hope via One Page Love