Thursday Roundup # 57
This is our web design and web development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
NEW DEVELOPMENT RESOURCES AND TOOLS
Drag & Drop Reordering Without jQuery – Sortable
Sortable is a minimalist drag and drop JavaScript library for modern browsers and touch devices.
JavaScript State Manager for Responsive Websites – Simple State Manager
Simple State Manager (SSM for short) is a JavaScript state manager for responsive websites. It is built to be light weight, has no dependencies (except javascript of course) and aims to be really easy to simply drop into your project ready to use.
jQuery Plugin for FileAPI (Multiupload, Image Upload, Crop, Resize)
Expressive Middleware for Node.js – Koa
Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. Through leveraging generators Koa allows you to ditch callbacks and greatly increase error-handling.
Koa does not bundle any middleware within core, and provides an elegant suite of methods that make writing servers fast and enjoyable. Koa’s middleware flow in a stack-like manner allowing you to perform actions downstream, then filter and manipulate the response upstream. Koa’s use of generators also greatly increases the readability and robustness of your application.
Free Emulators and Tools For Testing Your Website on Desktop & Mobile Devices
jQuery Plugin to Show Latest Facebook Page Updates – Facebook Wall
Facebook Wall is a jQuery plugin that lets you show the latest updates from your Facebook profile.
Declare Named Breakpoints With Unison.js
Unison.js is a small plugin (450 bytes minified, 144 bytes gzipped) that allows you to declare named breakpoints in one place and automatically sync them across your javascript and markup. When all of your front-end technologies share breakpoint information, complex responsive tasks such as conditional loading and image swapping become much simpler and straight-forward.
An easy to use, CSS3/jQuery Responsive Navigation built on the Superfish menu and HTML5. This was developed in part because of the lack of nested responsive menus.
12+ jQuery Online Web Camera Plugins and Tutorials
Ultimate list of jQuery online web camera plugins and tutorials. The list consist of really simple and easy to use jQuery web camera plugins/photobooth: perfect for taking snapshots, movement detection, QR and barcode reading, record video clips, etc…
Project Hubs: A Home Base for Design Projects
Brad Frost writes about project hubs, a website where all the key design and development materials can be accessed by a project team to avoid the usual managing mess over emails and revisions of a project.
Simple Cross Browser Wrapper for JavaScript Fullscreen API – Screenfull.js
Screenfull.js is a simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don’t have too.
Responsive Lazy Loader
Responsive lazy loader allows you lo load the most appropriate image renditions according to the current breakpoint and to the current display into the CSS grid-system.
It can be used as a simple lazy loader, simply as a responsive lazy loader (taking care of the breakpoint) or as an advanced lazy loader taking care of breakpoint and display.
25+ Open Source Ecommerce Shopping Cart Software (PHP, JavaScript and ASP.Net)
Fortunately, building an online shopping environment is not a bid deal especially if you already have a website. Following is a list of 25+ free e-commerce solutions that you can use for free. These open source e-commerce provide all major functions that you will require to build an online shopping cart and connect it to a payment processing system.
The Runtime Performance Checklist
This article explains the importance of not only making sites load fast but providing good performance while using the site as well. He dissects seven runtime performance problems and gives some tips on how to fix them.
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.
jQuery Image Preload Plugin: Smart Preloader
Smart Preloader is a small jQuery image preloading plugin that helps you preload all the required images. Smart perloader plugin takes an array of images and notifies via “oneachimageload” on each image load, and once all the images are loaded “onloadall” callback functions is called. Both the “oneachimageload” and “onloadall” functions are passed as parameters to Smart Preloader initializer function.
HTML/CSS TOOLS AND TECHNIQUES
A CSS Preprocessor For Nodejs – Myth
Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It’s like a CSS polyfill.
Application Layout with CSS3 Flexible Box Module
This article shows how to implement a fluid fullscreen application layout using CSS flexbox.
Customizable iOS 7 Style Switches – Switchery
Switchery lets you turn your default HTML checkbox inputs into beautiful and easy to customize iOS 7 style switches.
NTH-TEST
If you are one of those people getting their heads frazzled with nth-child and nth-of-type then you must check this out.
FREE TEMPLATES AND THEMES
Smart App – PSD Landing Page
Smart App is a free landing page for showcasing apps.
Free Responsive HTML5 Portfolio / Business Website Template: Brownie
Created by using the latest HTML5 and CSS3 techniques, Brownie is a simple and clean Free Responsive HTML5 portfolio and business website template.
Free Weather App PSD
PH – vCard / Portfolio Template
PH CV a unique multipurpose vCard! PH CV perfectly suits for placing your personal information: your skills, level of your competence, your education, and experience. the theme will handle the task, no matter what you do – whether you are a designer, programmer or manger…
25 Free Themes for Ghost Blogging Platform
Ghost is an Open Source application which allows you to write and publish your own blog, giving you the tools to make it easy and even fun to do. It’s simple, elegant, and designed so that you can spend less time making your blog work and more time blogging. Ghost is a fully responsive web application that works on all devices.
What makes Ghost such a great alternatives for CMS like WordPress or Joomla, is its simplicity. Ghost dashboard is very easy to use and does not include confusing options which distract you from your awesome content.
Today, we have compiled a collection of free Ghost themes. Have we missed any free Ghost theme? share in the comments and we will update the list.
Dark UI – Free UI Set
Dark UI is a free UI set that comes with 5 menus, 3 drop-down and mega menu, side menu and panel, single profile and contributors’ profile, 2 contact forms, 2 login forms, video player, 4 upload sections, app link sender and input status. Free PSD released by Bootstrapee.
30 Free Photography WordPress Themes – Free Download
Free themes are a great way to get a blog or website off the ground. You might want to start writing about a topic but don’t want to invest the money in a custom site design on top of hosting and a domain. And once your site is up and running, there’s nothing to stop you dissecting them, building on top of them and learning from them.
Today, we have collected 15 free Photography WordPress Themes to let you start building your own online photography or photo blog. All themes are designed to perfection for photography websites and blogs.
DESIGN FREEBIES
Whyrttl – 78 Free PSD Icons
Whyrttl is a set of 78 free icons provided in three different sizes.
Christmas Bundle – 5 Free Design Resources
Added 5 Premium Design Resources Absolutely Free to download.
Freebie: Metro Style Free Flat User Interface Kit (PSD) – Flatter
Metro Style Free Flat User Interface (UI) Kit along-with its PSD source file.
Free Font: Hungarumlaut Infinity
This spacy pictogram-dingbat font was created for the branding identity of the ‘To the infinity and beyond’ exhibition.
Cylburn Font
Cylburn is a semi-connected script structurally based on Roundhand but written with a pointed brush and restrained tension that separate it from its traditional roots.
AC Line Free Font
AC Line is a free uppercase light font best suitable for headlines.
New York Free Font
New York is an alternative uppercase free font best suitable for headlines.