This article was published 11 years ago, therefore the contents of this post may be out of date.

As web designers, web developers and graphic designers we are constantly looking at for those new resources, tools and application that can help us increase our productivity while working on client or personal work.

Down below is a quick look at some the recently created resources that really deserve your attention — everything from some great JavaScript tools, jQuery plugins, Apps for your Desktop, Web & Mobile devices, a photoshop extentsion to some awesome items in HTML5, CSS, responsive tools, and including some frameworks. And for those who loves WordPress I’ve also includes some themes and plugins and last but not lease I’ve added some design files some awesome fonts.

JavaScript & jQuery Plugins

Scrolld

scrolldjs

Scrolld.js is an open source & unique plugin for jQuery. Scrolld.js provides a method for highly precise scrolling for pixel-perfect layouts and navigation by using real-time updated data values. With Scrolld.js your scrolling to items will always be exact and will always provide the best user experience.

Scrolld.js is specifically designed to support responsive designs and turns navigating long pages into a simple task and is intended for easy use and is fully deployable within minutes.

Custombox 2.0

jQuery Custombox

Custombox is a  jQuery plugin that enables us to create modal boxes with attractive CSS3-powered animations.  There are multiple built-in animations like fadeIn, slide, newspaper, slip, fall and much more.  The plugin has options for enabling/disabling the overlay, defining the animation speed or dimensions and there are callbacks for all the events and it has support for loading content via ajax.

Tabslet

Tabslet

Tabslet is another jQuery Tabs Plugin, This plugin simply converts an unordered list into a tabbed interface and has callbacks on major events (when the tab is clicked or the tab content is loaded).  Also, tabs can be rotated automatically on given intervals and their content can be displayed with an animation.

Vex

vex

Vex is a modern dialog library which is highly configurable, easily stylable, and gets out-of-the-way. You’ll love vex because it’s tiny (6kb minified, 2kb minifed + gzipped), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds.

Keypress

Keypress

Keypress is a JavaScript library for capturing keyboard inputs and manipulating them flexibly.  It can be used for simple cases (like if “x” is pressed, trigger a function) and more advanced scenarios like creating combos of any type.  The library has callbacks for keyup + keydown

jQuery Fullscreen Editor

jQuery Fullscreen Editor

jQuery Fullscreen Editor Plugin transforms text fields to customisable editors, either it can be used within a form or standalone. You can set the maximum width and height for full-screen editor.

You can show semi-transparent overlay behind the editor in full screen mode as well. The transition effect while switching full screen mode can be fade or slide-in.tor/

Recline

reclinejs

Recline.js is a powerful JavaScript library for building data apps in pure HTML and JavaScript. It provides components and structure to data-heavy apps by providing models and views.

Bookmarkify

bookmarkify

Bookmarkify.it allows you to create bookmarklets from your own JavaScript code. Launch your code from your bookmarks toolbar!

Responsive Elements

responsive-elements

With the Responsive Elements plugin it can make possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today.

Desktop, Mobile & Web Applications

Firetask – $39.99 – Mac App

Firetask

Firetask combines the advantages of David Allen’s Getting Things Done (GTD®) with proven classical task management features such as due dates and priorities in a unique way. Unlike other task management apps, Firetask is strictly project-oriented and highly efficient. Firetask syncs wirelessly with Firetask for iPhone and Firetask for iPad.

TypeMetal – $29.99 – Mac App

TypeMetal

TypeMetal is a revolutionary visual (WYSIWYG) HTML editor that’s unlike any other writing tool on the App Store. Designed to be efficiently keyboard-navigable and produce modern, streamlined, professional-grade HTML with exacting precision, it’s both a serious structured writing app and an easy-to-use HTML notepad.

Whether you’re a casual HTML novice or a demanding HTML expert who wants to be free to *just write*, TypeMetal will make your content authoring easier & more productive.

Hype 2 – $29.99 – Mac App

Hype 2

Hype2 is a keyframe-based animation system brings your content to life. Click “Record” and Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content.

It is easy to create natural curves by clicking and dragging on an element’s motion path to add bézier control points.

ByWord – $4.99 – iOS App

Byword

Byword is designed to make writing more enjoyable with Markdown. All the tools you need to write effectively, with keyboard shortcuts, word counters with live update, and more.

Simplenote – Free – iOS App

Simplenote

Simplenote is an easy way to keep notes, lists, ideas and more. Your notes stay in sync with all your devices for free.The app experience is all about speed and efficiency. Open it, write some thoughts, and you’re done.

As your collection of notes grows, you can search them instantly and keep them organized with tags and pins and can also share notes and publish them for other people. For the best way to learn about Simplenote is to try it, you simply will be asked to create an account as this allows your notes to be backed up online and synchronized automatically

After you have signed up, why don’t you just try and create some notes! Then go to simplenote website to download Simplenote for your other devices.

POP – Free – iOS App

pop-app

POP is just a great app for any iOS developer that is looking for an easy way to test sketched-out wireframes for potential new apps.

Doo – Free – iOS App

doo

Doo is the perfect document app you can just connect and access all your local and cloud documents, find any document in seconds with automatically generated intelligent tags. Scan with OCR and auto-tagging as searchable PDF to your preferred storage location and all your documents are always in sync.

Notegraphy – Free – iOS App

Notegraphy

Notegraphy is a web and mobile application that rethinks the way you write and share text online through design. With this app, you can create beautifully formatted layouts in real-time. It can be with a single word, or an entire novel and in only three steps – write, style and share your text will be ‘Always Beautiful’.

Google Web Designer – Free – Mac & Windows App

google-web-designer

Google Web Designer brings ideas to life across screens. With this app you can create engaging, interactive HTML5-based designs and motion graphics that can run on any device. If you’re feeling more hands-on, all the code behind your designs is hand-editable, so you’re never locked out of your own work and your ideas are now amplified by code while it not restricted by it.

While a visual tool is helpful, it can never represent your creativity, imagination and vision in full. That’s why you can flip back and forth between Design View and Code View as you work, immediately seeing any changes made to code reflected back in your designs.

Raw – Web App

raw

Raw is an open web app to create custom vector-based visualisations on top of the amazing D3.js library through a simple interface. Even though Raw is a web app, the data you upload will be processed only by the web browser. So there is no server-side operations or storages are performed so basically no one will see, touch or copy your data.

With this app it works with delimiter-separated values (i.e. csv and tsv files) as well as with copied-and-pasted texts from other applications (e.g. Microsoft Excel, TextWrangler, TextEdit).

Based on the svg format, visualizations can be easily edited with vector graphics applications for further refinements, or directly embedded into web pages.

Webydo – Free – Web App

webydo

Webydo is a professional web suite that enables graphic designers to create and manage exceptional HTML websites, without writing code. This sophisticated online software, designers can bring any design to life and with a click of a button, publish an advanced HTML website with a friendly built-in CMS for the website owner.

Sizzle Pig – Basic $10/Pro $30/Sizzlin $75 – Web App

sizzlepig

Sizzlepig is a cloud-based web app that allows you to resize entire folders of images to any sizes.  This means no scripts, no guesswork. you just have scale, crop, name, compress, fine-tune, edit and preview  before your final images are ever created. This app will save you time & if you want to get it a try you can for free.

Saved.io – Free – Web App

Saved

Saved.io works on any device and in any browser without needing any extensions or plugins. Your links are stored privately and not shared with anyone you will just need to register.

TimePanel –  Freelancer $6.99pm/Studio $9.99pm/Unlimted $14.99pm – Web App

timepanel

TimePanel is a simple and faster alternative to other time tracking solutions. Its speed and intuitive interface make tracking time and invoicing a painless process.

BlendMe.in – Photoshop Extension (CS6/CC)

blendme

Blend Me In is a free Photoshop extension to search for icons,vectors and other resign resources right inside Photoshop, These resources assets can be drag n dropped into the current into the current composition which is a time saver. This extension is available for only CS6 & CC. A bonus to this extension is if you have created a similar design resource you can contact them to add it to this extension

CSS, HTML, Frameworks, Responsive Tools & Other Web Awesomeness

Responsive Wireframe

RWD Wireframes

Responsive Wireframes is a free and web-based tool for quickly creating wirefames for any project.  It enables us to insert elements, style them (colour, opacity), add text and resize if wanted.

These elements can be re-positioned with drag ‘n drops and the work can be saved for future reuse.  The tool is focused on responsive layouts as we can define multiple view-ports and decide how each element will look on different view-ports.

Semantic

semantic-ui

Sematic is an front-end framework that comes with a set of specification for sharing UI elements between developers, the vocabulary used (for classes and IDs) is much clear compared to alternatives which lowers the learning curve. There are styles for many HTML elements, UI elements and scenarios like buttons, forms, tables, accordion, navigation, commenting. LESS is used as the CSS pre-processor and currently Semantic is currently in a pre-release version but planned to be improved with much more stuff.

Flexbox

Solved by Flexbox

Flexbox is not another CSS framework but instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. You can view the styles in the Web inspector or dive into the source to see just how easy CSS layout will become.

CSSO – CSS Optimizer

csso

CSSO (CSS Optimizer) is a CSS minimizer that also performs structural optimization of your CSS files. It does everything from removing whitespace and comments to merging blocks with identical selectors or properties, and much more.

Native Form Elements

Native form elements

Native Form Elements is a handy guide that shows you what every native HTML5 form element looks like in your current browser. It shows both active and disabled states, as well as the markup for each.

FireShell

FireShell

FireShell is an open source framework for quickly creating a front-end boilerplate and workflows.  Fireshell comes with an HTML5 boilerplate (baseline HTML5 features, DNS prefetching, responsive meta) and Sass (with pre-setup files and folders).

Grunt.js is used for compiling Sass, concatenating JavaScript files, connecting to a localhost server and live file reloads + injection.  Also, FireShell includes popular libraries like jQuery, Moderniz, HTML5 Shiv and Google Analytics code.

Prerender

Prerender

Prerender makes it possible for search engines to perfectly crawl your JavaScript apps. There are Node.js, PHP, and Ruby on Rails versions available, and it’s fairly simple and straightforward to use, with thorough documentation.

Security Headers

security-headers

SecurityHeaders.com checks your website’s headers to see just how secure they are. Then it tells you where you can make improvements based on the recommendations of security experts.

Harp

harpjs

Harp is a zero-configuration static web server with built-in pre-processing. It supports Jade, Markdown, EJS, LESS, Stylus, and CoffeeScript. Harp is great for rapidly building front-end web applications, documentation, and blogs.

Request for PHP

Requests for PHP

Requests is a stable PHP library that uses cURL or fsockopen (depending on the availability) and provides a consistent API. It simplifies sending requests, accepts HEAD, GET, POST, PUT, DELETE or PATCH and adding headers, form data + multipart files. The library also works with international domain names, authentication, auto-decompressing gzipped responses and much more.

RainLoop – Webmail

rainloop

RainLoop is a free and open source PHP webmail application for anyone willing to use a single interface for many accounts. The application has a modern user interface and supports both SMTP and IMAP. It doesn’t require a database as the e-mails are not stored by the app. The mail server is accessed directly and RainLoop simply displays the e-mails there.

Rainloop supports multiple accounts and each inbox can be viewed in different tabs with no session conflicts and capable of handling all major webmail functions and other handy features exist too (like Dropbox/Facebook/Twitter/Google integration, auto-completion of addresses or keyboard shortcuts).

PHP Image Cache

PHP Image Compression & Caching

Image Cache is a tiny PHP class that accepts a .png, .jpg, or .gif image then compresses, moves, and caches the image in the user’s browser. It then returns the new source of the image to be printed in an image tag.

WordPress Frameworks, Plugins & Themes

WP Inline Access – Free Plugin

WP Inline Access

This plugin is for those who are either new to wordpress of are trying to stay out of the admin(dashboard), the WP Inline Access is a front end editing plugin  that could be applied to a large complex CMS sites that use WordPress. This plugin will  teach them on how to use it as many users will keep themselves out of the admin(dashboard)

This plugin is designed to work best in conjunction with MP6 or WP3.8+ and been tested the following themes: Twenty Twelve ,Twenty Eleven,Twenty Ten.

Smart Slider 2 – Free Plugin

Smart Slider 2

Smart Slider 2 comes with an intuitive interface for backend, which makes easy for anyone to design beautiful sliders in minutes. Grab a new layer, move it on the canvas, finally drag&drop some items with your mouse and your slide is ready. Our customers highly recommend Smart Slider 2.

bfi-wp-theme-customizer-plus

BFI Theme Customizer+ extends the functionality of WordPress’ Theme Customizer API and makes it easier to use. This add-on automatically generates cacheable dynamic CSS files from a CSS template, and it also allows visitors to your theme demo sites to override customized settings using GET variables.

Progress Map WordPress Plugin

Progress Map is a wordpress plugin for location-based listings. Our goal is to help users having websites like hotel listings, real estate listings, restaurant listings, job listings, store listings & more… to list their locations on Google map and easily move through it using a carousel.

Easy Shortcode Manager

Easy Shortcode Manager plugin provides an easy to use interface for managing short codes. It even handles deleted shortcodes gracefully. Comes with the automatic syntax generator, simple copy/paste within post or page.

Testimonials WordPress Plugin

Testimonials plugin for WordPress is responsive, the main propose of the plugin is to display testimonials, but it can be used for other proposes.

WP User Management Plus

WP User Management Plus is a WordPress plugin that gives you massively improved control over your users when compared to the default WordPress User Management functionality.

Currently The default WordPress user management functionality is limited in how it handles your misbehaving users. This new plugin has been specifically designed to give you the control you need when managing your users.

Have you ever had problems with users misbehaving? Well with WP User Management Plus you can now take action against these users by suspending or even banning them.

LinkChanger

LinkChanger is a plugin which helps you get more control over the Permalinks (URLs) WordPress generates.

You may have noticed that when you first save a new post in WordPress, it generates a Permalink for you (visible just under the title). Because WordPress strips certain characters, such as “&” out for security reasons, there may be times when you aren’t happy with the link.

Although Permalinks can be edited by hand, this can be time-consuming. LinkChanger was created because we wanted titles such as “This & That” to generate a link of “this-and-that” – by default, WordPress outputs “this-that”.

Easy Coming Soon – Free Plugin

Easy Coming Soon

The Easy Coming Soon plugin works with any WordPress theme you have installed on your site. Once a user is logged out their  will see the coming soon page while logged-in users will have access to the website. This is plugin is ideally built for web developers who want to present their clients with an Under construction page while working on the website.

Socially Awkward – Free Theme

socially-awkward

A responsive CSS3 and HTML5 media theme. The Web is an ever-changing place to interact with others socially. You need a theme that represents who you are on the Web. The theme is fully loaded to display self-hosted media (images, audio, video) and media from third-party social media sites. It integrates with many of your social networking profiles, supports all post formats, and integrates with the Custom Content Portfolio plugin, giving you the ability to share your creativity with the world.

DMS – Free Theme

dms

This theme is a responsive drag-and-drop design management system for pro websites based on HTML5 and CSS3. PageLines will help you do amazing things faster & easier than ever before. Designed by PageLines in California.

Kotenhanagara – Free Theme

kotenhanagara

Kotenhanagara is a simple, easy-to-use, and highly customizable WordPress theme. Beautiful Japanese design inspiration comes from Urushi coating which is lacquerware decorated and varnished in the Japanese manner.

Wiretree

Wiretree is a responsive WordPress Theme with a clean and professional design which will be a great solution for your business, portfolio, blog or any other purposes. Wiretree was built to be responsive so that it will be compatible on any device such as mobile, tablet or desktop. 4 premium scripts are included with the total value of $60, which you will get free with this template.

Reborn

Reborn is the personification of a combination of two completely different styles. Make your site have a unique atmosphere both retro elements and modern. If you are looking for a creative, colorful and attractive design theme for your Portfolio or corporate client than Reborn is for you.

Zinc – $55 Theme

Zinc

Zinc is a multipurpose theme with plenty of features to cover up a large number of website types you can create with it. Zinc supports numerous features and website types such: Corporate, Shopping, Portfolio, Gallery, Blog, Magazine, Photography, Restaurant, etc. With its flexible layout builder you can create great and unique page layouts in seconds, build contact forms, maps, social networks and many other supported elements.

Carty – $55 Theme

carty

Carty Woocommerce Theme is a Responsive Ecommerce wordpress theme. it is loaded with a lot of jQuery features and a great list of layouts you may need for your e-shop and It also is suitable for almost any type of Portfolios, Corporate , blogs including media, reviews, portfolio and even business. The Theme is extremely simple to get up and running, and includes a lot of options allowing for complete customization.

Metric – $55 Theme

metric

Metric is a WordPress theme for all who love music, such as music bands, musicians, DJs, producers, labels or organizers of events and festivals. Theme has amazing modern and fresh design that will never get tired of you and your fans. Design you can freely adjust according to your fancy, there are millions of ways to do this. This very strong theme that offers perfect organization of all necessary data such as Events, Albums, Galleries and Videos.

This theme also serves as a great blogging tool. this theme can be displayed on all devices from mobile phones to desktop computers (smartphones, tablets, laptops, desktops), is amazingly fluid and responsive. Just try to resize your browser window and you’ll see.

Chariot – $40 Theme

Chariot

Chariot is an ultra responsive, beautiful WordPress theme that is perfect for freelancers, agencies, designers and creative people. It is an elegant & modern solution packed up with an incredibly great amount of high quality features and based on Twitter Bootstrap Framework 3.0.

Design Pieces – Icons, UI’s & Typography

Pixel Perfect Blueprint Pack

Pixel Perfect Blueprint Pack

Graphs Freebie / PSD

Graphs Freebie : PSD

CHVRCHES Wallpapers Mockup

chvrches_wallpapers_mockup

The Dpnto Ui Icons

the_dpnto_ui_icons

Flat Buttons

flat-buttons

Flat Video Player

Flat Video Player

Free HTML Starter Templates for Bootstrap

Free HTML Starter Templates for Bootstrap

Onehunga Sans – $10 Font

Onehunga Sans

MB NOIR – $30 – $120 Fonts

MB NOIR

Stainy – $59 Font

Stainy

Poncho – $39 font

Poncho

Monolite – $19 font

monolite

Share

65+ New Handpicked Goodies For Web Developers & Designers For October 2013

Discussion

2 Responses

Comments are closed.