Mobile:
Resources and tools for mobile apps creation, mobile SEO and best practices.


Interlacing Patterns

  • Posted By: Jason Taetsch
  • ...

Subtle patterns and textures are commonly implemented as visually appealing backgrounds without drawing attention away from the actual content on a site. This set of seamless patterns is ideal for creating responsive backgrounds that will align nicely for web projects. The patterns are available in .PSD format for customization and available for free for both personal and commercial uses with no restrictions.
interlacing

Responsive and Touch-Friendly Audio Player

  • Posted By: Jason Taetsch
  • ...

Thanks to improvements in HTML standards and JavaScript libraries websites no longer have to rely on embeddable elements to host audio files on a page. Unfortunately these type of elements are not easily stylized using common CSS practices. The team at Tympanus developed this that is both stylish and functional. The plugin uses a combination of JavaScript events and HTML to apply styles to audio elements and is tested to work on smartphones, tablets and monitors.

Egrappler Full Screen Responsive Slider

  • Posted By: Jason Taetsch
  • ...

Thanks to the prevalence of jQuery, content sliders or carousels have become a must-have for many websites.  The crew at Egrappler has taken the content slider to the next level by creating a full-screen responsive slider to cycle through content and images in the largest possible format. Egrappler includes a fully packaged slider, complete with coding and slew of useful features that even non-programmers can use to add dynamic and interactive content to a webpage. A built-in “Category” function allows developers to quickly add content to the slider, while the responsive code ensures that the slider is functional on tablets and mobile devices.

Plunk App

  • Posted By: Jason Taetsch
  • ...

Mobile is the wave of the future for web traffic. Don’t get left in the dust with a lackluster mobile product that fails to take advantage of touch-sensitive devices and the responsive design framework or function at all on a mobile device. Plunk App was developed by the ZURB team to help developers test out mobile products before putting them into use.  Just upload a screenshot of a mobile webpage or application and Plunk will create a custom URL that can be used to test a product or distributed to a team of testers to analyze the functionality of the design. Plunk also includes features to test how users are interacting with a mobile design and exactly where they are touching.

Base Framework

  • Posted By: Jason Taetsch
  • ...

Nowadays designers and web developers need to prepare their projects not just for a number of popular web browsers, but also for drastically different screen sizes of tablets, notebooks and wide screen desktop displays. The Base Framework by Matthew Hartman gives developers a head start by featuring simple design grid that already features the necessary responsive design elements to comply with an array of different screen sizes. The tool includes bare .PSD grid element for design work, a basic HTML5 template to begin your coding and a minimal style sheet for quick customization.