Archive for the Scripts Category
by peterbunny, March 3, 2012
in Scripts
We sometimes need to display a shorter version of a text/content so that it fits to the layout as expected (like the "read more" links shown for truncated content). Cutter.js is a JavaScript class that allows us to accomplish this on the client-side without losing markup. The class cuts the content to the number of requested [...]
Tags: Cutter.js, HTML, JavaScript, losing, Markup, Truncating, With, without
by peterbunny, March 3, 2012
in Scripts
PageScroller is a slick jQuery plugin for scrolling web pages nicely and smoothly. It is a very flexible plugin, can integrate into any page easily and auto-create a navigation that sits in the sidebars or at the top. Clicking each navigation item ends up in a scrolling that gets the user to the related section. [...]
Tags: jQuery, PageScroller, plugin, Powerful, Scrolling
by peterbunny, March 1, 2012
in Scripts
KineticJS is a free JavaScript library for working with HTML5 canvas much easier. Shapes and images can be drawn (there are ready-to-use ones like circle, rectangular, etc.), animated, rotated, scaled and can be set to interact with other shapes or user events. With the capability of "high performance path detection", it runs fast and can [...]
Tags: Canvas, HTML5, JavaScript, KineticJS, Library
by peterbunny, February 3, 2012
in Scripts
App Icon Template is an icon design toolkit for creating iOS application icons faster. The kit includes a .PSD + .ATN (Adobe Photoshop Action) file where the .PSD comes with useful layers like the rounded corners, gradients and even various background textures. Smart objects are used to automate the generation of multiple sizes and, once [...]
Tags: Create, Easier, Icon, Icons, Template
by peterbunny, January 27, 2012
in Scripts
You'll remember the 2 previously shared and popular resources for quickly developing websites: Twitter Bootstrap and Foundation. Here is a powerful alternative named HTML KickStart which is a HTML5, CSS and jQuery-powered toolkit for easily creating any type of layouts with web elements in-rhythm. It has styles for grids, typography, forms, buttons, tables or lists [...]
Tags: Creating, Faster, Frontend, HTML, KickStart, Skeleton, Websites
by peterbunny, January 26, 2012
in Scripts
WordPress offers a huge space for creativity and flexibility when designing and developing new websites. Any type of website can be built on top of it: from blogs to newspapers, corporate websites to landing pages and even social networks. All you need is a theme coded to handle that functionality. Yes, WordPress theme development. That [...]
Tags: Chart, Comparison, Frameworks, Free, Starter, Theme, Themes, With, WordPress
by peterbunny, January 10, 2012
in Scripts
Fbootstrapp is a base HTML-CSS template for quickly developing Facebook iframe apps. It is built on Twitter Bootstrap, has styles for typography, forms, buttons, tables, grids, navigation and much more which are all styled to fit Facebook's classic design. The template supports both 520px + 760px sizes and includes JavaScript plugins (provided by the original [...]
Tags: Apps, Creating, Facebook, Fbootstrapp, iframe, Toolkit
by peterbunny, January 7, 2012
in Scripts
MASHA is a JavaScript utility that allows readers to highlight any parts of a web content and share it with others. The feature is triggered when readers select any desired text and an icon appears to inform them about the feature + create a unique link when clicked. Readers can simply click the icon, copy [...]
Tags: Contents:, Mark, MASHA, Part, Share
by peterbunny, January 5, 2012
in Scripts
Q&A websites are a great way of sharing information with other users. Simple, focused and easy to use for everyone. Qhub, a web application for quickly creating Q&A websites, is giving away 4 annual licenses (1*Deluxe and 3*Pro licenses) to WRD readers. Joining the giveaway is pretty easy and details can be found at the [...]
Tags: Create, easily, Giveaway, Licenses, Qhub, Section, website, With
by peterbunny, January 5, 2012
in Scripts
Designing grid-based layouts in Photoshop is usually a headache as it takes time to calculate and position many vertical + horizontal guides. GuideGuide is a free Photoshop plugin which simplifies creating grids in Photoshop with only a few clicks. After defining a few variables (number of rows/columns, gutter width, etc.), it instantly generates the grid [...]
Tags: Free, Grids, GuideGuide, Photoshop, plugin, With, Working
« Older Entries
Newer Entries »