5 Hottest Web Development Trends in 2019

The hottest web development trends in 2019

We’re well into 2019 now, and the web development world is in many ways different from the 2018 edition. While all of the front-end technologies and practices that piqued people’s excitement in the last twelve months or so are still here, new trends are gradually cropping up. 

The key principle that all web developers, including the Site Slinger experts, strive to follow, though, remains unchanged. It’s the need to engage users and personalize their digital experience. We’ve prepared a rundown of the most notable web development trends in 2019 that focus on these goals exactly.

Progressive Web Apps Versus Responsive Websites: Meet the Winner

Progressive Web Apps

First, there were static websites with just HTML and not much else. Then came CSS, Javascript, and other technologies that made websites more dynamic and responsive. These days, however, responsiveness has transformed into a much broader notion.

Just a responsive website is no longer enough to meet the users’ growing demands in 2019. On certain devices, it may not look as attractive as you might expect. That limitation gave rise to an alternative solution: Progressive Web Apps (PWA).

A PWA is a website that perfectly adapts to the specifics of the device where it gets displayed: screen resolution and size, browser, and hardware features. As a result, it’s almost impossible to notice any differences between a PWA and a native app.

Here are the key benefits that PWAs give web developers and users: 

  • Since they can access the device’s hardware, you can use PWAs offline. 
  • They’re fast, even on outdated or poor-quality devices with a weak signal. 
  • They’re a step up in security compared with responsive websites 
  • They are cost-effective and less time-consuming to create. 

Your main takeaway? Lower bounce and higher conversion rates. 

“How may I help  you?” — AI and Chatbots

Artificial Intelligence

According to a recent report from Gartner, 37% of organizations have implemented Artificial Intelligence in various forms, and this trend is going to continue in the foreseeable future.

Almost every business website uses a live chat as a permanent point of connection with consumers. Now, this feature has become more sophisticated. No more need to hire a human support agent waiting for a customer to text a question at 3 a.m. 

Just get a chatbot made and keep it running day and night. Thanks to the breakthrough in Natural Language Processing, chatbots no longer resemble mechanically speaking toys. They’re now able to answer typical questions from the Q&A page in a much more meaningful way and even solve simple issues that users may encounter. 

So, expect chatbot development to remain in high demand in 2019 and years to come.

Push Notifications: Everywhere, Anywhere 

Email newsletters are still a popular way to inform consumers of new services or update them on company news. However, they are slowly but steadily being replaced by push notifications. 

In the past, these unobtrusive messages used to be limited to mobile devices. In 2019, an increasing number of website owners regard push notifications as a more valuable tool to stay in touch with their users. 

Which is better: the inbox drowned in hundreds of newsletters or a tiny notification icon on the toolbar? We would choose the latter. You can add the push notification feature to a website by subscribing to a service like PushWoosh. WordPress website owners can also take advantage of various dedicated plugins like PushEngage

The Site Slinger has implemented thousands of WordPress projects over the years. We are providers of all the services related to this most popular CMS in the world, including theming, customizing existing or building custom plugins from scratch.

No More Coding! Use Blocks

Blocks

New versions of content management systems provide more powerful features to their users than ever before. Know nothing about CSS rules or HTML tags? It’s OK. You can still put together a sleek web page just like a professional web designer does (well, almost). 

Simply take ready-made blocks or modules and mix them together. The website module building is only expected to grow in popularity in 2019 and beyond. That’s particularly true for WordPress users, who can use Gutenberg to “make adding rich content to WordPress simple and enjoyable.” 

Smooth Website Navigation: Motion UI

Websites with visually appealing and simple navigation elements are likely to hold users’ attention for a longer span. When they know where to go and find surfing a website enjoyable, they will keep returning to it. 

Creating smooth and straightforward navigation by using CSS animations/transitions is a trend that shows no signs of stopping in 2019. Motion UI is one of the best web development libraries for that purpose, flexible and customizable.

The Site Slinger web developers are skilled in creating dynamic and modern-looking interfaces by using a range of cutting-edge tools and libraries. 

Concluding Thoughts 

There’s no doubt: the web development industry is going to keep on flourishing. Websites and web apps are going to be faster, more secure, interactive, and AI-wise. Whatever modern technologies you select for your website, the top-of-the-line developers from The Site Slinger are always at your service.

How to Use Photoshop Layer Comps

If you’re one of those designers who prefer to design within a single master PSD file, while still being able to reuse elements and see design variations, then you’ll find the Layer Comps feature of Photoshop particularly useful. For comparing different design variations, don’t waste your time remembering the different layer positions, visibility states, and layer style settings. Keep your workflow efficient and your file easily deciphered by your developer, client or project manager.

If you’re one of those designers who prefer to design within a single master PSD file, while still being able to reuse elements and see design variations, then you’ll find the Layer Comps feature of Photoshop particularly useful. We know we do with our PSD to HTML projects.

For comparing different design variations, don’t waste your time remembering the different layer positions, visibility states, and layer style settings. Keep your workflow efficient and your file easily deciphered by your developer, client or project manager.

Enter Layer Comps

Layer Comps are an underused and incredibly helpful feature Adobe introduced in Photoshop CS. Layer Comps, or compositions, allow you to create and manage variations of your design without having to resort to multiple PSD files. Simply put, it gives you a snapshot of a state of the Layers panel. For web designers, this lets you clearly define what a page state should look like. It will also allow your developer the convenience of quickly moving between views, or referring back to the original state, without toggling the visibility of layers or shifting layer positions.

How to create a Layer Comp:
1. Adjust your layers into the design variation you want to save
2. Open the Layer Comps window (Window>>Layer Comps)
3. Click the ‘paper’ icon to “Create New Layer Comp” and name it
4. Repeat these steps for all variations you’d like to later view and manage

Options you can set for Layer Comps:
• Layer visibility – show or hide
• Layer position – save the position of each layer within the design
• Layer appearance – save the Layer Styles settings applied to each layer

Layer Comps
Image courtesy of Adobe.

We recommend using the Layer Comps feature of Photoshop for your PSD to HTML projects so you can communicate your design more clearly, and developers can easily see the variation or different page states. If you wanted to later, you could even save the Layer Comps into individual PSD files (File>>Scripts>>Layer Comps to Files), so there’s no loss in flexibility there. The organization of your designs and shareability of the PSD file will be improved, and your client, project manager and developer will love you for it!

You can read more about the specifics of using layer comps directly from Adobe, here.

7 Pro-Tips for Web Design

Here at The Site Slinger we live and breathe web development – we’ve been experts in turning design to code since 2009! All too often, website design files get submitted to us missing some of the fundamental components for effective and efficient web development. Whether you are a designer working on a website for a client, or a client who isn’t sure what they need to get from their designer, following these pro-tips will get your design ready to be turned into code.

Here at The Site Slinger we live and breathe web development – we’ve been experts in turning design to code since 2009!

All too often, website design files get submitted to us missing some of the fundamental components for effective and efficient web development.

Whether you are a designer working on a website for a client, or a client who isn’t sure what they need to get from their designer, following these pro-tips will get your design ready to be turned into code by our team at The Site Slinger.

7 Pro-Tips for Web Design


DO 
design in Photoshop, it is the best for web design (sorry, Illustrator, Fireworks and InDesign fans!)

DO design all of the pages you want to see as HTML or on a WordPress site — We match your designs exactly!

DO design all animation states, javascript validation, button states (click, hover, off), modals and anything else you can think of. If you don’t see it in the design, we can’t see it to code it!

DO label and organize your Photoshop design “PSD” files — 1 page per PSD, organized into labeled folders and layers.

DO say “I’m not sure, I will have to check” to a client if you are unsure on complex functionality or implementation — Its okay to say “I don’t know” – that’s why we are here!

DO
 talk with your developer and spec out your project before signing off on designs.

DO ask questions and get to know your friendly Austin, Texas web developer. We are always happy to answer questions about turning designs into code!

Have a question about one of these pro-tips or want to know more? Chat with a Site Slinger from 8am-6pm CST here on our website, or contact us.

*Image courtesy of Wikimedia Commons, used under the Creative Commons license.

10 Reasons NOT to code your own HTML

At The Site Slinger, we see LOTS of different kinds of web designs from our customers, and we hear lots of different reasons why they choose us to turn their designs into code. I wanted to share 10 of these reasons with you to show you the ways The Site Slinger helps you bring your designs to life, whether you are building a simple landing page, a complex web application, a WordPress theme, or even a great looking HTML email.

10 great reasons not to code your own HTML for your next project.

10. You can’t code.
Design to code services are for people just like you, no technical experience required. Don’t worry, developers don’t bite.

9. You are on a deadline (or multiple deadlines)
Rapidly approaching deadlines are not good for your stress level. If you don’t know how you will get the job done in time we have RUSH PSD to HTML options available.

8. You need jQuery or JavaScript animations
Most design to code services charge extra for JavaScript animations, we include it in the per page price.

7. Your client doesn’t want to pay for you to code by the hour
Using a design to code service for your website will be a fraction of what it would cost to code by the hour. We’ll even give you a PDF estimate to take to your client!

6. You don’t know any reliable web developers
Finding any good developer is hard, finding reliable outsourced development is even harder. You need someone you can count on who knows how to make you happy.

5. You have a LOT of pages to develop
If you build large, complex applications with extensive views, design to code services save you time so you aren’t wasting developer time coding HTML.

4. Your development team is backlogged
Your team is great, but they are busy building out your application. Don’t slow them down!

3. You are building a WordPress theme
WordPress sites are overtaking the web — everybody wants one and now you don’t have to be an expert to give it to them.

2. You build lots of web applications
We work with Bootstrap, 1140gridCSS, 960gsZurb and many other responsive web application frameworks. Get your prototype up in 5 days or less.

1. You are the smartest person on the planet and realize The Site Slinger should code your designs, not you.
We are happy to help!

Want to Learn More? See Examples!

The Easiest way to order PSD to HTML, from The Site Slinger

The Site Slinger turns designs into code, and sets itself apart from other PSD to HTML companies with its quality, reliability, & speed. We are the only company to offer easy online ordering and a fully transparent development process.

We’ve implemented a new online ordering system!

Check out this walk-through and see how easy and fast it is to get your project from design to code with PSD to HTML from The Site Slinger.

LOG IN/REGISTER

Enter your email address and password, or select CREATE ACCOUNT at the top to register as a new customer.

The easiest PSD to HTML

 

UPLOAD PROJECT FILES

We make it a breeze! In the SUBMIT A NEW ORDER section upload your PSD file(s) via drag-and-drop, or click ‘Pick File’ to browse and select your file. We’ll see the files right away, and you can always add more later.

The easiest PSD to HTML

 

ENTER PROJECT INFO

While your file is uploading, let us know your Project Name, and select your Project Type & Project Deadline from the drop down options. Tell us a little bit about your project, or ask any questions you might have – we’ll see your order immediately and are ready to help.

The easiest PSD to HTML

 

VIEW ORDERS

To view an existing order, select YOUR ORDERS from the left menu. Your current orders, and completed orders, will be listed. Select the VIEW PROJECT button to see an order’s details. A consolidated list of your order history makes for easy reference – each and every time.

The easiest PSD to HTML

 

REVIEW ORDER DETAILS

We want you to feel happy, not sad, during development so we built a fully transparent ordering process. In the project details screen you can view the Project Status, Project Price, Confirmed Delivery date and even view an Invoice in the left sidebar. You can also leave your comments about the project and check for our replies. You will receive an email notification whenever we comment or have an update for you. That’s how we keep you updated at each step in the development process!

The easiest PSD to HTML

 

REVIEW/ADD ORDER FILES

On the ORDER FILES tab within the same screen you can review the file(s) you’ve already uploaded, and add more files, if you need to. As always, we’ll promptly review your order & files, and ensure everything’s in place for a quote. That’s just the first step in getting the project turned around as quickly as possible – we make sure all PSD to HTML projects are completed in 7 business days or less.

The easiest PSD to HTML

 

OTHER FEATURES

Click the BACK TO YOUR ACCOUNT button in the upper right to go back to the main account page. From here, you can also Edit Your Profile, or get your Referral Program details. Spread the word about The Site Slinger and receive a credit on future orders!

The easiest PSD to HTML

 

What we do.

PSD to HTML

Built for designers and headquartered in Austin, Texas, The Site Slinger makes building custom websites easy.  Send us your PSD files and we return HTML code in 7 business days or less. Take our HTML and use it to create custom websites, WordPress themes, web apps, enterprise software or whatever else you can think of. This is the fastest way to get building for all your web projects.

PSD to WordPress

Our PSD to WordPress product is the best starting point for custom WordPress development. We hand code your PSD files into static HTML views and then compile them into a basic WordPress theme for custom development. We deliver the WordPress theme files and SQL file for your developer to customize.

If your project requires additional development and your team is without a developer we can recommend great developers.

We want to give web design and development teams an upper hand with easy PSD to HTML and WordPress. Our easy online ordering, personal 24/7 service, and expert developers take the pain out of outsourced development.

Test us out! Submit a design for a free quote today and we’ll be happy to give you a $100 discount off your first order. If you have any questions, just let us know!

Design Rules for PSD to HTML

Want to make your development team love you? Learn how to design your PSD (Photoshop design files) into clearly labeled, appropriately layered files for PSD to HTML!

If you’re coding PSD to HTML/CSS, you know that there’s often a disconnect between the person creating the designs and the development team coding them. With well organized and labeled files you can avoid many of the worst web development pitfalls.

By following these simple steps you can hand your PSD designs off to a good PSD to HTML team and they will come in back pixel-perfect, just like you imagined. This makes PSD to HTML easy for both you and the development team.

Some basic rules to follow:

1. One PSD file per page template or folders for each page in a single PSD file. What is a PSD?

2. Label all folders with the section of content on the page they refer to (Top navigation, Content, Footer, etc) Example

3. Separate folders for “on” and “off” states.  Make sure to separate your on/off states into different folders so the development team can easily identify the different states in the design.

4. Provide a text file or .pdf that clearly outlines all functionality for the individual pages (this includes things like animations, slide transitions, etc.)

5. Be sure to design all animation states, javascript validation, button states (click, hover, off), modals and anything else you can think of. If you don’t see it in the design, we can’t see it to code it!

 PSD to HTML Example

This is an example of a PSD single page with well organized folders for the content of the page. The organization of this is is clear and easy to follow.There are subfolders for each portion, clearly labeled.

PSD File Structure

Within the folder structure each page has its own subfolders that are all appropriately named. The elements for each group are within the subfolder and vector images are imported to the file when necessary (logos or other images). Make sure to show different on / off states. Rather than show multiple flat files for each state, they should be organized and named within the PSD in a way that the development team can understand.

Below is a good example of how files should be organized when you hand them off to your development team. You will see that there is 1 PSD per page with all of the necessary states for web development included in each PSD file.

Photoshop (PSD) File Structure

FileStructure

 

If you hand us well organize and labeled PSD files, our team will code the HTML/CSS and hand you back pixel perfect, markup!

Final Markup (HTML, CSS, JavaScript)

File_Markup

 

If you have questions about the process we would love to hear your thoughts in the comments!

HTML5: The Language of the New Web

No longer a novelty, HTML5 has already changed the way web developers code and the way users interact with websites. Contributing to the decline of Flash, HTML5 is an undeniable force utilized by countless modern websites.

HTML5 Logo

The New Standard.

HTML5 is setting the bar for the ever changing web landscape. In addition to being integral to the single-site, multi-device experience, HTML5 serves as a standard for video, Flash-like interactivity, and is even creeping into the ad space. With HTML working hand in hand with CSS3 and JavaScript, HTML5 brings us to the next level of web development.

HTML5 is paving the path of the future for the Web:

It will be the go-to language for cross-platform development. According to Web Developer Juice, “Almost every platform – mobile or web – is now making the shift to HTML5 (this includes Blackberry OS, Palm WebOS, and Windows 8).” And Strategy Analytics predicted that HTML5 phones are a hyper-growth market, and global sales will increase 365% by 2016, from 2011. Developing for the desktop now includes developing for mobile. Which means faster and more cost-effective reach.

Ads will continue to shift from Flash. Apple adamantly denounced Flash, so, unsurprisingly, their iOS devices lack compatibility with those traditional Flash ads you otherwise see blinking at you across the web. With so much of mobile web traffic coming from iPhone and iPad users, advertisers can’t ignore that fact. Even on desktops, HTML5 aims for faster loading and better integration. Google Mobile Ads now offers a feature to easily convert Flash ads to HTML5 in Adwords and offers HTML5 banners. Pointroll goes as far as calling HTML5 “the future ‘Secret Sauce’ in online advertising.” HTML5 proves, once again, it is the solution for more effective and efficient reach.

It’s a robust and clean coding standard aimed at streamlining coding, publishing and browsing. HTML5 has been designed to do away with the need for add-on browser plugins. Many features are intended to improve site discovery and overall SEO, translating into more traffic. HTML5 includes the use of Canvas, which provides the potential for more graphic interactivity and an alternative to loading images the ‘old’ way – even on the fly! With better support for feedback forms, drag-and-drop tools, chat, and other popular interactive elements HTML5 aims to make developing and using the new Web much easier.
You can reference a useful infographic about HTML5 features and the benefits for future web development here.

To make the most of the new Web, the HTML5 experts at The Site Slinger code with the future in mind, utilizing the latest tools to provide robust user experiences, beautiful and clean websites. We’re happy to turn your vision into a pixel-perfect site via our best-in-the-world PSD to HTML coding, so contact us or submit your design and let’s get it done!

*Image courtesy of W3C, used under Creative Commons licensing.

So what IS responsive web design, anyway?

With the world going mobile there’s no way around it: your site has to adapt to any and every device that’s out there. Think about it… How many devices have you used today? I can count checking my email on three already!

Don’t get lost in buzzwords, understand why/how responsive web design works.

With the world going mobile there’s no way around it: your site has to adapt to any and every device that’s out there. Think about it… How many devices have you used today? I can count checking my email on three already!

In the past, the solution to differing device screens was to build an alternate version of your site, or even multiple apps optimized for the various mobile OS’s. However, these options often prove to be too costly in development and cumbersome to perform maintenance and updates. So what is today’s solution? Responsive web design!

Well, you ask… what IS responsive design? It’s one of those buzz words being thrown around a lot right now.

Responsive design allows for a single site to be designed and developed, yet performs effectively and beautifully across devices of varying screen sizes and orientations.

There are a few key features that allow this to work:

A flexible framework for content – the ‘grid’

The foundation of the responsive design, the grid provides easy content management across varying screen sizes through the repositioning of content areas or boxes.

Check out some great info on how to use the grid in design and download some basic templates here.

Responsive web design
Content moves based on screen size, but should still relay the same message in an aesthetically pleasing way. (Image courtesy of DezignMatterz)

Adaptable visual content

From images to backgrounds and graphical motifs, a solidly designed responsive site must be able to communicate your vision consistently, regardless of device and screen size. These elements of the page must be able to move around and make sense from a user perspective and still effectively tell the user what you’re saying/selling.

Check out some great examples of sites that do this here.

The ability to respond to devices

Generally done via ‘media queries,’ a responsive site must determine the best display configuration and adapt in an instant to changes in screen orientation and size. This should be done in such a way that the user doesn’t notice the site changing.

Check out some great examples of this here.

The Site Slinger understands the need to develop websites in a cost-effective, multi-platform manner. We love coding PSD to responsive design! You shouldn’t spend all of your resources managing updates or site variations across a seemingly infinite sea of different mobile devices. That’s why we build effective, high-value, responsive sites, giving you the ability to deliver content consistently and reliably to all visitors, whether they’re on a desktop, tablet, or smartphone.

If you’d like to discuss the options for translating your web design into a fully responsive site, please contact us, or submit a quote. We’re happy to turn your vision into a pixel-perfect site via our best-in-the-world PSD to HTML coding.

*For further reference on responsive elements see, “Understanding the Elements of Responsive Web Design

The Site Slinger Makes Design to Code Easy.

The Site Slinger makes design to code easy. Headquartered in Austin, our quality, reliability, and speed makes us different than other PSD to HTML companies. We are the only company to offer easy online ordering and a fully transparent development process.

The Easiest Way to Order PSD to HTML

We’ve just recreated The Site Slinger from the ground up focused on offering you the easiest PSD to HTML option, and we want to know what you think! Create an account, upload designs and we will get you a quote in 24 hours or less. Our easy to use online ordering system makes it simple to check the status of your current projects, submit new projects, see order history, and connect with the developers.

We love to code and we know how bad outsourced development can be. Try us for your next PSD to HTML project and get $100 off your first order. Please reach out if you have questions or comments, we would love to hear your feedback!

Follow us on Twitter and Facebook for the latest updates.

50 Amazing Resources for Dribbble Lovers

Here at The Site Slinger, we’re huge Dribbble fans. Sort of a Twitter for design, this awesome site is home to beautiful bite-sized work samples from the web’s best designers.

screenshot

Here at The Site Slinger, we’re huge Dribbble fans. Sort of a Twitter for design, this awesome site is home to beautiful bite-sized work samples from the web’s best designers.

To showcase our love for Dribbble, we’ve put together a collection of fifty fantastic resources for anyone and everyone who uses Dribbble. From open source developer projects and quirky web projects to desktop and mobile applications, we’ve got enough Dribbble goodness to keep you occupied for months.

 

Developer

Dribbble API

The official Dribbble API documentation. If you’re a developer and you want to build anything related to Dribbble, start here!

screenshot

Jribbble

Jribble is a jQuery plugin that opens up various aspects of the Dribbble API. Grab shots, users, comments, rebounds and more.

screenshot

Rebbbounds

If you want to keep an eye on what developers are doing with the Dribbble API, hit up Rebbbounds, a Tumblr blog that’s chock full of great examples.

screenshot

GitHub Goodies

There are a ton of Dribbble related projects on GitHub, here’s a quick list of some that you should check out.

  • dribbble-php – PHP wrapper for the Dribbble API.
  • swish – Ruby wrapper for the Dribbble API.
  • Dribbble.js – Dribbble.js is a one file, library agnostic javascript file that will add your most recent dribbble shots to your website.
  • dribbble_desktop – A ruby script that scrapes rss feed of “shots” from dribbble.com, puts the images in a folder, generates an html file that you can load using WebDesktop. Poof – dribbble shots tiled nicely on your desktop.
  • Objective-Dribbble – A wrapper for the Dribbble API, written in Objective-C.
  • dribbble-codeigniter – Dribbble API Library for CodeIgniter.
  • Dribbble-node – Client API for Dribbble web site in node.
  • dribbbleCFC – ColdFusion wrapper for the Dribbble interface showcase API.
  • dribbble-dotnet – A Mono and .NET library for the Dribbble API, built using C#.
  • Dribbble-Sync – Drupal 7 module that syncs shots from Dribbble.
  • Dribbble-Retinizer – Chrome and Safari extensions that add a few nifty retina features to Dribbble.
  • dribbble-sass – Sass demo for Dribbble Show & Tell.
  • dribbble-dimmer – Chrome extension that enables the viewing of shots over a dimmed background.
  • Dribbble_Wrapper – Dribbble Wrapper takes the mobile Dribble website and put it inside phone gap to create a native android application.
  • dribbble-screen-saver – Pulls down popular shots for easy use in a Mac OS X “picture show” screensaver.

WordPress Plugins

WP Dribbble Shots

Adds a template function that grabs the most recent shots from the Dribbble user of your choosing.

screenshot

RainyShots

Similar to the one above, this plugin returns an array of 15 recent shots from any player.

screenshot

Web Apps

Liiikes: Top Players

Liiikes is like a Dribbble scoreboard. It shows you the statistics for all of the major players and scouts (recruiters).

screenshot

Jump Ball

A simple and fun memory matching game built with the Dribbble API.

screenshot

Nibbble

Nibbble is a web app, but it’s specifically built to allow a better Dribbble viewing experience for the iPad.

screenshot

Who Drafted Who?

Type in a Dribbble username, see who drafted that person.

screenshot

Box Seat

Box Seat is a no distractions, one-at-a-time shot viewer with keyboard controls.

screenshot

Full Court Shots

An infinitely scrolling grid of recent Dribbble shots. Great if you need a quick shot of design inspiration.

screenshot

Alley Oop

Search Dribbble by color. Really helpful if you have one color that you like and want to find some others to complement it.

screenshot

bbbrowser

Another simple grid full of Dribbble shots. This one doesn’t require scrolling though, just load up the page and watch.

screenshot

Mac Clients

Play by Play

Play by Play is the Dribbble client that I personally use the most. It has the feel of a desktop Twitter client, only it’s full of Dribbble shots. What could be better?

screenshot

Dribbbler

Dribbbler isn’t meant for viewing shots but for making them. Drag it over the area you want to shoot, click the button and upload.

screenshot

Nibbble — A Dribbble screensaver for OS X

Love Dribbble? Why not make it your screensaver? Mac users can do just that with this free software.

screenshot

iPhone Clients

iOS developers have definitely embraced Dribbble and its API. There are quite a few really sharp iPhone clients. Here are the ones that I found.

As far as I can tell, they pretty much all share most of the basic Dribbble browsing and interaction features. It really comes down to which interface you like the best. I personally think that PlayBook is pretty slick. It’s also free so it’s a good place to start.

Asssist for Dribbble

screenshot

Shotz – A Dribbble Client

screenshot

Swish

screenshot

Balllin ~ a Dribbble client

screenshot

PlayBoook

screenshot

Backboard

screenshot

Travveling for Dribbble

screenshot

Air Ball App

screenshot

Dunk

screenshot

Drishots

screenshot

Alley Ooop – A stream of inspiration shots from dribbble

screenshot

scoreboard! (coming soon)

screenshot

iPad Clients

Dribbble on the iPad is an entirely enjoyable experience. The large screen and touch interaction makes for an unrivaled browsing experience. It’s definitely one of my favorite ways to keep up on recent activity.

If you’re looking for a suggestion, the first two are my favorites. Dribbblr is from Tapmates so you know it’s awesome and Pick’n’Roll is just gorgeous.

Dribbblr for iPad

screenshot

Pick’n’Roll for iPad

screenshot

Courtside for iPad

screenshot

Dribbbits for iPad for iPad

screenshot

Dribbble Flow for iPad

screenshot

Android

Not an iOS user? Fear not, there are a couple of good Android Dribbble apps as well. Check them out below.

Pixle for Dribbble – Android

screenshot

Asssist | The Dribbble client for Android powered devices

screenshot

What Did We Miss?

This collection includes the absolute best Dribbble resources that I was able to find, but I’m sure that I missed a ton of great stuff. Leave me a comment with a link to your favorite Dribbble app, service or code project. Also be sure to let me know what you think of the resources above.