Posts Tagged ‘Templates’

We are pleased to present below all posts tagged with ‘Templates’.

From The Server To The ClientClient-Side Templating

Using templates in the browser is becoming more and more widespread. Moving application logic from the server to the client, and the increasing usage of MVC-like patterns (model–view–controller) inspired templates to embrace the browser.

Client-Side Templating

This used to be a server-side only affair, but templates are actually very powerful and expressive in client-side development as well. In general, leveraging templates is a great way to separate markup and logic in views, and to maximize code reusability and maintainability. With a syntax close to the desired output (i.e. HTML), you have a clear and fast way to get things done.

Read more...

A New Front-End Methodology: BEM

This article is the sixth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for Gmail-like client-side drafts, the fourth covered a free plugin called GuideGuide and the fifth presented Erskine Design's responsive grid generator Gridpak. Today, we are happy to feature a toolkit devised by Yandex: BEM.

A New Front-End Methodology: BEM

BEM stands for "Block", "Element", "Modifier". It is a front-end methodology: a new way of thinking when developing Web interfaces. This article will elaborate on the theory as well as the practice of building websites at Yandex—one of the leading internet companies in Russia.

Read more...

New WordPress Power Tips For Template Developers And Consultants

It has been a big year for WordPress. If there were still some lingering doubts about its potency as a full-fledged content management system, then the full support for custom taxonomies and custom post types in WordPress 3.0 core should have put them to rest. WordPress 3.1 took those leaps one step further, polishing custom taxonomies with multi-taxonomy query support, polishing custom post types with native template support for archives and feeds, and introducing features (like the “admin bar”) that make it easier to quickly edit and add content from the front end.

Screenshot

[fblike]

In the broader community, we’ve seen incredible plug-in suites such as BuddyPress mature, and even the emergence of independent WordPress-dedicated hosting services, such as page.ly. To celebrate WordPress’s progress, let’s review some new tips that can help template developers and consultants up their game even further.

Read more...

Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

Lately, Apple Keynote has been gaining popularity among designers as a wireframing and prototyping tool. Features like multiple slide masters, styles, grouping, animation and hyperlinks make it ideal for crafting interactive prototypes and UI narratives. Today's freebie, Keynotopia, is a free set of interface elements for Keynote that makes it possible for anyone to create these prototypes in minutes. All elements are hand-crafted in Apple Keynote, and organized in nested groups for easier manipulation and customization. The templates can be used in Keynote 09 and 08 and are designed by Amir Khella.

Wireframe templates for Apple Keynote

Start with a blank presentation, and create a new slide for each application screen. Then copy/paste elements from the wireframe templates into your slides, and edit their labels, sizes and colors. To save time, group elements together, and use master slides to share common interface and navigation components across multiple screens. Finally, add hyperlinks to enable user interaction, and use slide transitions to create cool interface animations.

Read more...

Free Professional PSD Template: BlueMasters

In this post we release a yet another freebie: BlueMasters, a free PSD template, designed by Wendell Fernandes and released for Smashing Magazine and its readers. As usual, the theme is free to use in private and commerical projects.

Screenshot

BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients' websites.

Read more...

How To Spot A Sketchy Client (Plus A Contract Template)

Many things about our business make one glad to be creative; and there certainly are things that destroy the very soul and one's will to carry on. Client interaction can either lead to strong relationships that last a lifetime or make you feel low and worthless. We look at our designs as our own children, and why not? We create our work from our mind and very being. We have an emotional attachment to our work. But we also need to earn a living from that creativity, and there lies the door to our problems and aggravation.

The question arose on a blog about how to screen a client. Perhaps talking about it in terms of how to spot a sketchy client would be a bit much, but like any freelancer, I need to dump my anxieties on those who sign my paychecks. From corporate clients to the single-owner businesses, clients are our lifeblood… and they can be a cruel, cruel mistress. No wonder we drink.

Read more...

Free Printable Sketching, Wireframing and Note-Taking PDF Templates

Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique.

Sketch, Template and Wireframe Printable Paper

Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation... basically any type of design that needs a physical creative outlet or group collaboration.

Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates).

Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. Most, as expected, are geared towards the design community, but there are also templates that could be used within any industry and for any purpose.

Read more...

↑ Back to top