Thursday Roundup # 44
Welcome to 44th edition of Thursday Roundup! If you are new to this website, Thursday Roundup is our weekly resource for free web development tools, plugins, articles and freebies so it is a good idea to stay tuned and catch up with the latest web development news and tools.
Today’s round-up has a number of interesting web development resources. We will introduce a free project management tool for freelancers, jQuery plugins for web development, a wireframing tool, our free and famous business website template called NeoArts, 100+ free newsletter templates and miscellaneous web development tools.
A Free Project Management Application for Freelance Web Design Professionals – Solo
Solo is a free project management application for freelancers. The simple, elegant, and intuitive interface means Solo is much easier to use than other free project management apps. Easy to use installation wizard to guide you through the process. Requires a linux server, PHP 5.3+, and MySQL. With Solo, you can:
- Keep track of how much time is spent on a task using the task timer. Manually enter time for those cases when work is performed without the timer.
- Quickly find anything using the global search feature. It searches all projects, tasks, files, invoices, and messages and returns an itemized (and filterable) list of matching items.
Free-to-Use Test Data for WordPress – WP Test
A fantastically exhaustive set of test data to measure the integrity of your plugins and themes. The foundation of these tests are derived from WordPress’ Theme Unit Test Codex data. It’s paired with lessons learned from over three years of theme and plugin support, and baffling corner cases, to create a potent cocktail of simulated, quirky user content.
The data is available as XML (+ the images) and it can be imported to a “test installation” with the help of a plugin.
Modern & Lightweight Modal / Popup Boxes – Vex
Creative Single-Page Websites Development With One-page Scrolling — One Page Scroll
One Page Scroll is a jQuery plugin for forcing users to scroll one page a time. It’s great for showcasing things, as the Apple iPhone 5S website, which uses the same technique, clearly shows.
jQuery Image Slider Plugin with Cool Transition Effects: Quake Slider
Quake Slider is another excellent web development resource. With Quake image slider you can combine images with short summary/caption that helps you optimize contents for search engines and make SEO easy for you. You can also link your images to open detail for particular slide/image. With Quake Image Slider you have complete control over not just the orientation of each caption also you can control animation for each caption and provide different animation for each of the slide using callbacks. To see quake image slider in action, check out these demos.
Automatic Page Load Progress Bar
Include pace.js and the theme css of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically.
Collaboration Features and Tools to Your Website – TogetherJS
Responsive Wireframes – Free Web Design Software
An excellent web design software that provides elements that can be re-positioned with drag ‘n drops and the work can be saved for future reuse. It’s completely free and open source.
Free HTML5 Portfolio / Business Template: Neoarts
Sequel to the popular Business Website Template PSD (NeoArts Theme) freebie, we are offering HTML5 code of the same for free download.
This freebie includes complete documentation of NeoArts website template as well as all the scripts, graphics, HTML5 code, and supporting files that you need to build your own business website or portfolio on NeoArts template. Highly recommended for rapid website development.
Open Source Webmail With Python – Mailpile
A modern, fast web-mail client with user-friendly encryption and privacy features. 100% Free and Open Source software. Mailpile is designed to be fast and responsive, outperforming “the cloud” even on slow computers. This is accomplished by using clever algorithms, disciplined code and understanding what today’s computers are capable of.
Responsive Elements – Making Any Element Adapt To Any Size
BlendMeIn – A Photoshop Extension To Search For Icons, Vectors & More
BlendMeIn is a free Photoshop extension to search for icons, vectors and other design resources right inside Photoshop. Search thousands of assets, including popular icon packs, without leaving Photoshop. Drag assets into your current composition and use them in the original format (layers, vector objects, adjustment layers and so on).
IRC Supported Chat Rooms — Scrollback
Scrollback is a web chat client that’s compatible with IRC. Scrollback has a beautiful client that integrates seamlessly within most websites. Scrollback is meant for open communities, meaning that it’s much more accessible, allowing users to jump into the action by reading chat logs from weeks before.
Ladda UI Spinner Loading Effects for Bootstrap 3
Tutorial: Script Your First Adobe Generator Plugin For Photoshop
100+ Free HTML Email / Newsletter Templates
A lists of 100+ HTML templates for newsletters and email marketing. You will find free HTML templates and PSD files that can be easily customized to your requirements.
7 Habits of Highly Effective Media Queries
As we all know, media queries are responsive design’s secret sauce. Here are some considerations for crafting high-quality media queries.
An Insider’s View of Mobile-First Design: Don’t Make These Mistakes
Everyone from users to entrepreneurs to advertisers loves the “mobile” category because those products are always with us, always on, and instantly accessible. But these opportunities are also design constraints: Mobile screens are small, driven by touch, and often connected to spotty networks. Which is why companies like Facebook, Google, PayPal, and countless startups taking the plunge into mobile-first design quickly realize that designing for mobile is not the same as designing for the desktop PC. That’s why I want to share these common mistakes. I hope designers, product managers, and entrepreneurs can learn something from them — not just about how to design for mobile, but about how to think differently about mobile design. I’ve included behind-the-scenes examples from my company’s app, since most users and even business leaders are not deeply involved in the design process; they only see the outcomes.
jQuery Clean and Simple Tooltips: gips
Gips is a clean and simple jQuery plugin and is based on Gips Freebie. Its simple, customizable, and easy to use. It also supports CSS themes.
Creative Custom Radio Button Styles
Default checkboxes are a quite plain and many web developers would like at least some ability to customize them, but unfortunately there is no direct way to do so. Luckily there is a little CSS workaround that I’ve used to create a bunch of these custom checkboxes.
This article and demo of Custom Radio Button Styles will show you a number of great radio buttons you can create using only CSS. It’s a nice way to add some custom elements to your site, without adding a bunch of images or other bulk.
jQuery Strong Password Plugin: Power PWChecker
Implementation of secure passwords with Power PWChecker, which is a free jQuery plugin to ensure secure passwords for users. This simple jQuery plugin can be integrated seamlessly with any online form (sign up form/ user registration form) to check password strength and give users clues for creating strong and secure passwords.
Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure. Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.
Freebie: Free Flat UI PSD Kit
A free Flat UI PSD kit is a time-saving template for designers that are stepping into flat design. The UI kit comes in PSD format and every element clearly named and organised neatly into folders.