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.
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 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 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 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.
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/
Desktop, Mobile & Web Applications
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 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.
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 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 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 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 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 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 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 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 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.
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 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 is a simple and faster alternative to other time tracking solutions. Its speed and intuitive interface make tracking time and invoicing a painless process.
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 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.
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 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) 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 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 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).
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 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.
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 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).
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
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 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 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 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 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 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 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 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”.
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.
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.
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 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 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 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 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 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 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 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