Grid Based Web Design Resources As a complement to our prior post "30 Grid-Based Websites", we've made a selection of indispensable resources like layout frameworks, tutorials, books, templates and useful tools that can help you understand and implement grid based design in your projects. Let's start with a little history. Many of you know who Massimo Vignelli is, a known designer with a solid modernist influence who developed his career in numerous areas of design. Generative Scarves - Procedural algorithm to wearable pattern / iOS oF Created by London-based Convivial Project, Generative Scarves is an iOS app comprised of a procedural algorithm commonly used to digitally generate patterns of the natural world, sampled into a bespoke application. The app builds on unexpected and unique results the program allows to generate intricate visual landscapes of melting shapes and colours. -create beautiful abstract patterns and screenshots for your device-Play with the parameters to create intricate visuals, the possibilities are endless-generate and submit your own pattern for a unique printed scarf The Generative Scarves app, with its set of modifiable parameters enables the user to customise colours and patterns and create a unique print for an individual scarf that can be ordered online. Please note that the app is optimised for recent iPad and iPhone 5s so users with older devices may struggle to get the performance.
Magazine columns and their layout options Columns are essential tools to standardize your layout. They will help you in getting order and structure of your magazine, but do resist to imprison your thinking into standard format because rigidity dulls the creativity. To avoid that trap you can play with column width and shapes. You should treat each story as a separate unit and mix the number of columns in each story. One story can be laid out on a two column grid while the other can be laid out in three, four or more column grid. css-boilerplate - A simple CSS framework. Boilerplate: noun standardized pieces of text for use as clauses in contracts or as part of a computer program. As one of the original authors of Blueprint CSS I've decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You're the designer and your craft is important. If you prefer:
Live Tools - Button Builder Global Settings Button Label Padding A Simple Introduction to Intrinsic Web Design Every industry has its jargon, and almost its own language, in some cases. God knows web design has a lot of jargon, even if half of our made up phrases are fancy and nonsensical job titles. But for all of the silliness that comes with having to invent our own words and acronyms for things, jargon plays an important role: it allows us to communicate more efficiently with other designers and devs. The 20 Best OS X Apps for Designers & Web Developers Building websites on Mac OS X provides a completely different landscape in comparison to Windows or Linux. The applications are designed much differently and built from a different standard of programmers. Not to mention the enormous Mac App Store which offers immediate downloads for software you can purchase right away. In this collection I am focusing on the 20 most useful OS X apps worth downloading for web design/development purposes. You will obviously not need every application listed, but it is worth taking a peek at each piece of software to determine if you can use it during your workflow. If we missed any great Mac applications feel free to share your ideas in the post discussion area.
Fonts : Type topics: Glossary This section provides a small glossary of terms frequently used in the type world. alignment The positioning of text within the page margins. Alignment can be flush left, flush right, justified, or centered. Flush left and flush right are sometimes referred to as left justified and right justified. Golden Section - On-screen ruler and grid This program is a unique design tool for artists, designers, programmers, photographers. It allows you to design using the golden section proportion visually over your preferred design software. Artists, architects and sculptors have been searching for the secrets of beauty throughout the centuries.To many of them it was given subconsciously, with talent. Others used previously obtained secrets. We happy to offer you this software, which makes it possible to use one of the most effectiveand finest secrets of harmony and perfection—the golden section! This program is not a plugin.