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

The Fast and Flexible Static Site Generator – Hugo

Hugo is a static site generator written in GoLang. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website.

Hugo makes use of markdown files with front matter for meta data. A typical website of moderate size can be rendered in a fraction of a second. A good rule of thumb is that Hugo takes around 1 millisecond for each piece of content. It is written to work well with any kind of website including blogs, tumbles and docs.

jQuery Circle Statistics Plugin – Circliful

Circliful is a jQuery plugin for showing circle statistics.

JavaScript Wizard Plugin – Pines Steps

Pines Steps is a JavaScript steps (wizard) plugin, developed by Angela Murrell as part of Pines. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use.

Combined Multiple API Documentations – DevDocs

DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

Create Amazing Transition Effects with WebGL Shaders – GLSL-Transition

Make Transitions Effects with the power of WebGL Shaders (GLSL).

Fast Interactive Prototyping with Sketch and D3.js

This post shows how to quickly develop interactive prototypes, by designing SVG content in graphical apps like Sketch and scripting them using d3.js. The prototypes can then be shared on the web or installed as apps on a device. This allows us to quickly get how an app will feel in the hand of users.

FFForm – Free jQuery Contact Form Plugin with Validations & Amazing CSS3 Animation

FFForm is a simple jQuery contact form plugin that can be integrated in any website layout to provide a fully functional contact form. Built with jQuery and CSS, FFForm contact form is compatible with all modern web browsers and mobile devices. It also provides various customization options including animations, field validation and notifications.

Photos for Your Templates and Image Placeholders [Free for Commercial Use]

Picjumbo is an awesome website that offers totally free photos for your commercial & personal works. You can use these photos in your websites and templates or simply use as image placeholders.

Unicode Support on Browsers and Devices – Unify

Unicode characters are not supported equally among devices. The author has created a site that showed which were the safest to use.

Currently there are 107 unicode characters tested on 74 browsers & devices, and 5 screen readers.

Build a Responsive & Filterable Portfolio with CSS3 Twists

The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using straight-forward markup, CSS3 and a little bit of jQuery.

10 Best PHP Frameworks for Developers

PHP is free software released under the PHP License, which is incompatible with the GNU General Public License (GPL) due to restrictions on the usage of the term PHP. PHP can be deployed on most web servers and also as a standalone shell on almost every operating system and platform, free of charge. PHP is now installed on more than 244 million websites and 2.1 million web servers.

This post will guide you about the best PHP frameworks available for developers.

View Big Versions of Images – ABigImage

ABigImage is jQuery plugin for viewing big versions of images.

Flexible CSS Cover Images

This post describes the implementation of image cover CSS property and the way that the cover image scales, and changes aspect ratio.

WordPress Image Slider Plugin With Cool Transition Effects: Quake Slider

Powered with WordPress, Quake Image Slider offers variety of options to chose from. You can select different themes for slider, select the effects you like, adjust animation speed, adjust the caption orientation and much more.

FREE TEMPLATES AND THEMES

Free Responsive Grid WordPress Theme – FullBy

FullBy is a free WordPress theme. It is super light (only 2 images in the theme structure) andfully customizable directly via CSS.

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.

This post showcased 30 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.

Free HTML5 Theme For Photography Website

Do you know how to make your online debut really successful? Choose a perfect skin for your web presence and become noticeable in a crowd of competitors. This theme for photographers is intended to present works at their best, and make people crave to cooperate with their creator. If you’re not a photographer and just need a good site for posting portfolio works, this design is what you need.

Have you noted the timeline on the front page of this theme. It helps share your recent activities with all visitors and potential clients. Place the latest photos or videos you shot recently, add some useful info there and drive more interested people in.

Nice multicolored blocks help arrange wisely all information, visualize it with nice images and give some details. Tiny icons at the top of these blocks identify type of content placed there: images, videos, written content, etc. The theme goes with a video section where you can post the latest works.

Ultimate Facebook Page Photoshop Template Free Download

Using a combination of smart objects, and Adobe Generator, this template generates 4 images: a desktop mock-up, a mobile mock-up, a square Facebook profile photo, and a Facebook cover photo that is exactly 851 pixels wide and 315 pixels tall.

Mobile First, Responsive HTML, CSS & SASS Framework – Sculpt

Sculpt is a lightweight, mobile first, responsive HTML, CSS and SASS framework. It has been written to cater for devices with small screen sizes first, with more complexity being added through media queries as screen real-estate increases. With three grid sizes (732px, 960px and 1140px) built in and active depending on your device’s screen size you can be sure your content will be well presented no matter the conditions.

Users with Internet Explorer 8 and no Javascript support will see the mobile version of your website, and so there will always be a degree of usability ensured. Internet Explorer 8 is the oldest browser Sculpt supports. Sculpt has been built from the ground up using SASS (.scss) and is at its most flexible and powerful when using the included .scss stylesheets and variables.

Free Resume Template (PSD)

Impress recruiters and instantly get their attention. Download our free creative CV template that will effectively show your strongest points in a professional style.

Free PSD Portfolio Template – Polifoli

Free WordPress Resume Theme: Elegant Resume

Whether you are a job seeker, freelancer or an employee, putting your resume online certainly gives you an edge – it gives you a strong online presence. An online resume makes it very easy to share you profile and services with employers or potential clients who would be able to access and share your resume anytime and anywhere.

Fortunatley, you do not have to be a tech-wizard to build your online resume. With Elegant Resume theme, You can build it on top of your personal domain or on a free WordPress account. Elegant Resume is a free WordPress theme that can be used to design simple and elegant resume.

Since it is based on WordPress, you just have to download Elegant Resume theme and import it in your WordPress installation. Thus, you are ready to put your name, skills, and career information in less than 5 minutes. Elegant Theme can be easily customized to cater to various styles of resume.

DESIGN FREEBIES

430+ Free Storyboard Illustrations (AI)

Free Combination UI Pack

Dripicons (Free Iconset) – PSD, Illustrator, Webfont

Free iPhone 5 Template

48 Free Vector Icons

Sea Free Icons

25 Free Icons

Free Font Bliss Yeah (3 weights)

65 High Quality Fonts for Free Download

This post lists some beautiful and interesting free fonts that you can download and use in your project. Some of these typefaces have a webfont Kit to embed custom fonts with @font-face rule.