Разумеется, есть более серьезные примеры модульности в жизни. Со времен древней Греции к нам пришло выражение «Человек есть мера всего». Умные греки, когда строили свои чудеса света меряли двери плечами, а высоту помещения ростом человека.
Такие единицы измерения, как косая сажень, пядь, фут и т. п. также произошли исходя из физических характеристик человека.
Сам человек есть модульная система. Если за модуль взять голову, то рост человека обыкновенного можно выстроить 7 головами. Причем на расстояниях, кратных такому модулю, мы можем определять ключевые точки построении человека.
Метрическая система, которую мы используем, тоже является модульной. Один метр состоит из ста модулей «сантиметр», который тоже в свою очередь можно расчленить на более мелкие модули.
Таким образом, модуль — это единица измерения, установленная для придания соразмерности, а сетка — система пропорций.

No this is not about using position: fixed by default. Take a look at this page as example, scroll down, and see the top-left. Notice the issue metadata stick on top? As far as I know there is no pure CSS for this task, it uses onscroll to do the job.

Design is a fluid and shifting process in which layers are constantly modified and tweaked. As complexity builds, so does the need for preserving data in a flexible way. Learning non-destructive editing techniques helps you produce documents that bend along with your creativity. Photoshop Masks are the cornerstone of this process. Not only do they preserve important pixel data, but they allow for the creation of flexible interface elements as well. In this article, we’ll explore the technical aspects and creative advantages of incorporating masks into your workflow.

Title-img in Unveiling Photoshop Masks
Photoshop offers five methods of masking: Pixel Masks, Vector Masks, Quick Masks, Clipping Masks and Clipping Paths, all of which define pixel opacities without affecting the original data. Each of them has its own pros and cons, and knowing which method to use is extremely important for creating clean, flexible and properly masked layers.

How hex geeky do you feel today? Take a sec to guess the hex!

If you design websites you may have heard of interesting tools called CSS pre-processors. A couple of great ones are LESS and SASS. I helped Alexis, the creator of LESS with the design of the language and built the public site.

Pixen is an innovative graphics editor for the Mac. It's designed from top to bottom for pixel artists—people who make low-resolution raster art like the sprites you see in old video games. But it's great for artists of all arenas: Pixen is like a very powerful MSPaint or a simpler, more agile Photoshop. And best of all, it's Free!

Built for Mac OS X If you design web pages with graphics and photos, you have undoubtedly had PC users say that your photos are too dark. GammaToggle allows a Mac-based designer to very easily toggle back and forth between the two standard gamma settings - allowing a simple way to see how graphics will look on both PCs & Macs. You can toggle between gamma settings from within any application (eg: Photoshop when you are editing pictures, web browser when you are previewing and editing an HTML document).

Spot Color is a simple application that allows you to use the standard Mac OS X color picker as a stand-alone app. This allows you to quickly grab colors without having to be in an image editing app like Photoshop. Since it uses the built-in color picker, you can utilize the system wide color picker plugins and swatches.

Edit and view hexadecimal color codes in the standard Mac OS X color panel

Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1

Learn how to create wireframes in Fireworks using pages, layers, grids, guides, smart guides, and rich symbols.

Using Grid is as simple as loading it into any web-page you wish by following the instructions above, and then customising the grid displayed to suit your needs using it's control panel. Grid will automatically calculate the number of columns/rows or the size of the column/row depending on your input. This is particularly useful for calculating CSS units.

BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event. These balloons are drawn dynamically using the canvas HTML 5 element, and options include corner radius, spike length and width, stroke width. The balloons can auto-position based on the most available area in the current display window or they can be positioned according to an array of preferences (just left or right for instance).

Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. I shall publish Drafts periodically, as time permits. Please send feedback. The final manuscript will be published on paper by O’Reilly, under the Google Press imprint. Pre-order the printed Work and be the first in your Community to receive it. The Work shall remain online under the CC-BY-3.0 License.

Выставка сайтов, сделанных на Drupal

Emblematiq is the home of Lucian Slatineanu, a freelance interactive and graphic designer with over 10 years experience. Based in Chicago, Emblematiq delivers award winning solutions for a variety of challenges, from interactive web based applications to corporate branding.

Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.

CodeBurner makes valuable reference material for HTML and CSS available right in your browser.
CodeBurner is a suite of tools for web developers, that provides reference material for HTML and CSS, integrated with a range of popular development environments.

FireQuery is a Firefox extension integrated with Firebug

* jQuery expressions are intelligently presented in Firebug Console and DOM inspector
* attached jQuery datas are first class citizens
* elements in jQuery collections are highlighted on hover
* jQuerify: enables you to inject jQuery into any web page
* jQuery Lint: enables you to inject jQuery Lint into page being loaded automatically (great for ad-hoc code validation)

Axure RP is the leading tool for rapidly creating wireframes, prototypes and specifications for applications and web sites. Quickly get the benefits of prototyping without a lot of hassle.