Connect With WRD
feed via e-mail
feed via e-mail

Today, HTTP requests are used widely in websites as we fetch data using APIs, get screenshots or AJAX requests.

Unirest is a pack of lightweight HTTP libraries for many languages (PHP, Ruby, Python, Java And Objective-C).

Unirest

It has support for GET, POST, PUT, UPDATE, DELETE operations and its methods + response structure are the same in all languages.

The usage is very simple and straightforward. Also, it is documented well.

Companies usually share media related to their brands (logo, guidelines, images or documents) online so that they can be re-used properly by others.

Smartimage, a professional and paid web service, makes managing such media so easy and also provides a great experience for the end users.

Smartimage

It enables the brand admin to upload files (AI, EPS, GIF, JPEG, PNG, TIFF or PDF are supported) tag and categorize them from a clean admin interface.

Uploading is pretty easy via drag ‘n’ drops and a graphic file manager exists for editing meta data when needed.

After that, end users can browse these items from a user-friendly web page and download them in various sizes including Retina Display (different sized versions are auto-created).

Smartimage Collection Page

The whole collection or each item can be shared with others with social links, e-mail or embedding.

And, Smartimage keeps track of all these sharing activity besides stats like “the number of downloads”.

Items uploaded can be public or private, the whole layout works in all major devices including mobile and custom domain names can be used for the hosted brand page.

The service is being improved regularly and new features like “multiple admins, customizable collections, video support” are planned to be released.

A demo exists to find out how an image collection can look like and the app can be tried freely for 45 days.

You received an e-mail and want to share it with others without e-mailing them (as you don’t have their e-mails or there are lots of people to share with and e-mailing would be hard).

Litmus Scope is a free service that works with the help of a bookmarklet and converts e-mails into hosted previews (supports all major web-based e-mail clients).

Litmus Scope

The service provides a unique link for the generated previews and the preview works in all major devices.

Also, it is possible to create a free account for saving these previews for a longer period and editing them.

There are several CSS and front-end frameworks for developing websites easier.

Markup Framework, a fresh one, is a collection of layouts, widgets, typographic styles and other UI components which can be used as a base for any web project.

Markup Framework

It is mostly HTML-CSS with very few JavaScript and focuses on providing the base/skeleton rather than the look/design.

The framework includes multiple style choices for typography, forms and UI widgets. Also, there are many ready-to-use layouts (with mobile-first approach), a flexible grid and CSS reset.

GitHub, by far the most used online repository for coding projects, hosts codes of many of us.

Huboard is an open source web app (built with Ruby on Rails) that adds project management capabilities to GitHub repositories.

It uses the GitHub public API, makes use of GitHub issues (so, no need to sync anything) and provides a customizable task board.

Huboard for GitHub

Milestones can be created, issues can be assigned to them (and to users) with drag ‘n’ drops and milestones can be prioritized by re-ordering them.

The app can be deployed with locally using Pow or to Heroku very easily.

Prototyping any type of design (web/app/code) helps minimizing hassle in the next steps of the creation process.

WireKit, a set of free Photoshop shape layers, simplifies creating prototypes for iPhone apps.

iPhone PSD Prototype Kit - WireKit

It comes in 2 versions: solid (realistic) and stroke (sketchy) where each version includes 60+ elements.

The layers are very well organized + named and they are all consistent in size + how they look.

FPS meters are used to measure and visualize the “frames per second” values that are heavily used in games, live video connections, etc.

FPSMeter is an open source JavaScript library that simplifies integrating such a meter on any page that looks really nice.

JavaScript FPS Meter

It can measure the fps, number of milliseconds between each frame and number of milliseconds it takes to render one frame.

The library is standalone, themable and comes with options to define the interval, smoothing or enabling fps/ms switching.

There are pretty standard ways to approach navigation when it comes to responsive layouts and, previously, responsive jQuery menu solutions were shared at WRD.

FlexNav is another jQuery plugin for easily handling menus in responsive layouts and it does that well for complex ones too.

FlexNav jQuery Plugin

The plugin has support for unlimited sub-menus that work similarly in both desktop and mobile layouts.

It has no-JS fallback, works with keyboard-tabs too (for accessibility) and touch-friendly.

When we need to update the styles of websites that are already online, we either perform the change locally (if we have the source with us) or FTP-edit it.

bluePen Editor is a PHP-powered CSS editor that can be installed to any static or dynamic website and makes live CSS editing possible.

bluePen CSS Editor

Once triggered (with a bookmarklet), it opens the editor widget and makes all HTML elements hoverable so that blupePen can locate the CSS rules of them (like Chrome Dev Tools).

It has features like color-picker, file manager, ruler, color comparison and more.

The editor keeps track of the changes made and auto-backups them in case you prefer to revert the styles.

There are various jQuery plugins for creating Pinterest-like dynamic grid layouts.

jQuery.Shapeshift is a strong alternative to them with an an extra touch: the items can be drag ‘n’ dropped (uses jQuery UI).

jQuery Shapeshift Plugin

The drag ‘n’ drop doesn’t effect the grid negatively as the grid auto-fills the gaps when needed.

It also works on touch devices and responsive layouts.

The plugin comes with lots of options to set the margins, enable/disable drag-drops, customize animation and much more.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com
HotScripts Marketplace