Thursday Roundup # 39
This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
If you would like to receive our new plugins, responsive templates, free PSDs and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our Full RSS Feed, follow us on Twitter and Facebook.
- Free Multi-Node Range and Data Slider: JQ Slider
- Visually Design Responsive Websites For Free – Webflow
- UI Components for Modern Web Apps – Brick
- Multi Level Hierarchical jQuery Menu – jQSimpleMenu
- Free Invoicing and Time Management Application – Nutcache
- A Scriptable Browser for Web Developers – SlimerJS
- jQuery Content/Thumbnail Slider V2.0 – jsCarousel V2.0
- Central Hub of Tutorials, Tools and Assets for Ddevelopers and Designers
- HTML/CSS Framework for Prototyping Native Phone/Tablet Applications – Clank
- jQuery Pagination Plugin – Smart Paginator
- How To Create Your Own WordPress Toolkit
- Support Tables for HTML5, CSS3, SVG – Can I use
- Online Development Environment – Koding
- Extract IDs, Classes and Inline Styles from HTML – extractCSS
- Cropping Images with jQuery – jQuery-Fakecrop
- XML Driven Breadcrumb Navigation with jQuery – Smart Breadcrumb
- Free Font – Braxton
Free Multi-Node Range and Data Slider: JQ Slider
When designing applications for serious business users, you need to think beyond ‘kool’ interfaces and ‘super-efficient’ code under the hood. You need to convert business processes into simple use cases.
Fortunately, there are 101 ways to do it. You do not have to be a UI designer. All you need is using the right set of screen objects in a logical flow on the interface. There are various useful screen controls are available out there. I usually use them for myself or create my own. Today, I am sharing one of those, JQ Slider.
JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool.
Visually Design Responsive Websites For Free – Webflow
Webflow is a visual website editor for responsive designs. It has a great interface and it generates clean production-ready code.
UI Components for Modern Web Apps – Brick
Web Components is a series of emerging W3C standards that allow developers to define custom HTML elements, and interact with them using the native DOM.
Brick is a bundle of reusable UI components created with x-tags to enable rapid development of cross-browser and mobile-friendly HTML5 web applications. Brick adds custom HTML tags- allowing developers to express the structure of an application in a clearer, more concise manner.
Multi Level Hierarchical jQuery Menu – jQSimpleMenu
As your website grows, so does the need for better navigation and sometimes the navigation becomes the driving force for better user experience. jQSimpleMenu is a multi-level hierarchical jQuery drop down menu that helps you add drop down menu in your website without writing a single line of code.
Free Invoicing and Time Management Application – Nutcache
Nutcache is a free multilingual online application for invoicing and time management. Nutcache is an easy to learn and fun to use free time tracking tool that allows you to invoice clients, track time and run your small business in the cloud. By accessing this online invoicing software, entrepreneurs and freelancers can attain hassle-free online invoicing.
A Scriptable Browser for Web Developers – SlimerJS
A scriptable browser for Web developers. SlimerJS allows you to interact with a web page through an external JS script.
jQuery Content/Thumbnail Slider V2.0 – jsCarousel V2.0
jsCarousel v2.0 is a jquery slider plugin that slides contents in multi direction. It supports both horizontal and vertical orientation.
You can put any kind of contents you want whether images, text, videos, news etc. it’s up to you. One interesting thing about jsCarousel v2.0 slider is that you can make simple image gallery with thumbnail support by using it. jsCarousel v2.0 slider plugin gives you the source of image via callback function, when you click on some image within slider.
Central Hub of Tutorials, Tools and Assets for Ddevelopers and Designers
Let’s face it, finding the perfect programming tutorials or design tools can be a tedious task. Even in the magical age of Google, searching for things like git tutorial or best wireframing tool often means wading through endless pages of seedy SEO linkbait, outdated sites, or extremely dense man pages… not that you shouldn’t be reading those.
Pineapple is a massive community-driven resource aggregator for designers and developers that strives to make it easy to find what you’re looking for. All neatly organized and broken down by topic with your other resources.
HTML/CSS Framework for Prototyping Native Phone/Tablet Applications – Clank
Clank is a free and open source HTML-CSS framework for easily prototyping native mobile or tablet apps. The Clank code is written using modern CSS techniques. Under the hood it utilizes Sass and Compass to ensure a maintainable codebase.
jQuery Pagination Plugin – Smart Paginator
Smart Paginator is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable. Smart Paginator jQuery Pagination plugin can also filter your data automatically on client side. Click the screen shot below for the demonstration to see the various filter options provided by Smart Paginator. Smart Paginator supports variety of parameters and custom themes, that can be used to customize the look and feel to your desire.
How To Create Your Own WordPress Toolkit
Matt Cohen and Scott Basgaard of WooThemes show how to create a WordPress plug-in to enhance your custom WordPress projects, using best practices in plug-in development.
While custom development work on projects is often an ideal route, it isn’t always the most efficient in terms of getting the task done. When using WordPress in combination with paid-for WordPress products, it’s often difficult to sell the customer on the concept of: ‘I am doing the job for you, and am using these third-party paid-for products to do so’.
This tutorial discusses how to create a unique upsell for your customers, through a customised toolkit plug-in, to enhance your WordPress-powered projects.
Support Tables for HTML5, CSS3, SVG – Can I use
The site provides a useful table of the feature description of HTML5, CSS3, SVG and more in desktop and mobile browsers, which indicates the approximate proportion of people who can use the technology.
Online Development Environment – Koding
Koding is an online development environment where developers can program and collaborate online in the browser without having to download the software development kits. The platform supports many popular programming languages, like Python, Java, Perl, Node.js, Ruby, C, C++ and Go.
Extract IDs, Classes and Inline Styles from HTML – extractCSS
extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!
Cropping Images with jQuery – jQuery-Fakecrop
Resize & crop bigger images to fit a custom-defined bounding box with jQuery-Fakecrop. jQuery-Fakecrop takes a collection of images and automatically scale them to fit a custom-defined bounding box. This creates a “fake” cropping effect on those images; which produces convincing thumbnails.
Breadcrumbs are simply hyperlinks that lead sequentially to the current page. Breadcrumbs are an effective part of user experience studies. They help user to navigate easily to any of the pages in the trail.
Smart Breadcrumb plugin follows the centralized dynamic approach and creates XML driven breadcrumb navigation with the help of jQuery. No HTML markups, no maintenance hassles, simply provide an XML file containing your site structure, reference necessary scripts and CSS files. And this is all Smart Breadcrumb requires to create breadcrumb navigation for your website.
Free Font – Braxton
Fontfabric type foundry presents Braxton – a brush flavored script free font!