В этой статье, опубликованной позавчера на DesignVitality, авторы приводят 100 инструментов для Вэб-мастера, включающих программы для дизайнера с открытым кодом, открытые шаблоны и ресурсы.

Лучшие порталы с открытыми шаблонами сайтов

В сети есть множество бесплатных шаблонов, но искать подходящий часто может быть очень долго, поэтому мы предлагаем вам посетить сначала следующие четыре портала:

Ни для кого не секрет, что в интернете можно найти кучу tutorial'ов по Adobe Photoshop. В последняя время, с распростанением видео-контента, часть этих tutorial'ов стала в виде коротких роликов.

Идеальная ложь

17 летняя Камерон Рад делает из симпатичной женщины — идеальную. Смотрим
p.s. Кстати, ролик по теме о том, как получаются рекламные плакаты с супер моделями

В этой публикации я хочу изложить свои личный впечатления от события, которое устроила Apple в первой половине июля.

Очередь за новым Айфоном в Нью-Йорке появилась 4 июля, в День независимости. Люди ночевали прямо на улице в спальных мешках.

Сомневался в успешности метода, а также в том, что мой вечно салатовый пиксель, застывший полгода назад и постоянно мозоливший мне глаз, «станет на место». Но…
О чудо, помогло!

Если у вас нет 67999 рублей на покупку MacBook Air, то это еще не повод отчаиваться.
Есть более чем доступная альтернатива — MacBook Paper =)

P.S. Судя по эксперименту, нужна одна клавиатура для тренировки!

В связи с недавними новостями по поводу интернета, прослушки без ведома провайдеров и т.п. вспомнилось:

Не думай.
Если думаешь – не говори.
Если думаешь и говоришь – не записывай.
Если думаешь, говоришь и записываешь – не подписывай.
Если думаешь, говоришь, записываешь, подписываешь – не удивляйся.

этот пост скорее для тех, кто изучал иностранный язык в школе, все забыл, но есть большое желание (потребность) знать язык, но времени на изучение есть очень мало. я понял, что самый эффективный способ изучения языка в реалиях сегодняшней жизни (когда целый день в офисе или институте, а вечером уже ничего не хочется), — это самостоятельная система изучения английского языка. прочитав много всего в сети по этому поводу и подумав, получил следующее (я рассматриваю как пример изучение английского языка).

система делится на несколько зон, которые сливаясь образуют знание языка:

1. грамматика
2. понимание написанного
3. понимание на слух
4. чтобы поняли вас

теперь более детально по инструментам, которые могут применяться внутри зон:

Сегодня наткнулся на один сайт, фон которого скроллится при ресайзе окна браузера, прикольно, ничего не скажешь, но этого мне было мало. Поэтому, захотелось сделать так, что бы фон скроллился постоянно безо всяких гифов и флешей. Включил свою любимую музыку и… вуаля! :)
То, что я здесь накатал использует jQuery, и писалось это очень быстро. Поэтому, сильно не пинайте :)

Где это можно применить? Ну уж точно не на всём сайте, но для открытки либо странички-визитки\презентации — я считаю, самое оно :)

Уверен, все веб-разработчики когда-нибудь сталкивались с phpMyAdmin — замечательным веб-приложением для администрирования БД MySQL. Многие продолжают им пользоваться постоянно, в том числе и я. Очень порадовался, когда на просторах интернета наткнулся на красивую тему для phpMyAdmin.

посмотреть картинку побольше

Хочу представить вам и услышать критику по поводу первой версии интерактивной карты города Пушкино (есть такой в подмосковье) с использованием Google Maps API и AJAX.

Представляю вашему вниманию просто список сервисов, которые могут оказаться полезными и приятными любому. Многие, кстати, сделаны по следам уже существующих популярных сервисов не adult-тематики.

На сайте Youtube можно найти музыкальные клипы практически любой популярной группы. Для тех, кто регулярно слушает музыку таким образом, появилась приятная возможность просмотра текста песен на той же странице.

Такая опция реализована в виде простенького скрипта Greasemonkey. Он создаёт на страничке дополнительное окошко, куда автоматически подгружаются слова песни. Пользователь может даже вручную указывать источник текстов (говорят, лучше всего подходит lyrics.astraweb.com). Конечно, автоматическая загрузка слов возможна только в том случае, если в описании видеоклипа указаны автор и название песни.

Чтобы пользоваться скриптом, нужно установить в браузере Firefox расширение Greasemonkey.



via Google Operating System

Смарты на OC Android, выпускаемые НТС (речь как о G1, так и о пока только анонсированном G2), как уже не раз подмечали хабралюди, изяществом и красотой исполнения не отличаются. Но новенький DSTL1, который готовит компания General Mobile, порадует не только техническими характеристиками, но и симпатичным дизайном.

Заканчивая «причесывать» свой блог, мне оставалось лишь приделать форму подписки на RSS. В итоге это затянулось на несколько часов :)

Нет, вы не подумайте, что мне не хватило ума вставить простой код от FeedBurner :) Просто, мне вдруг до безобразия захотелось сделать для этой формы какой-то эффектный дизайн…

Сначала хотелось сделать форму как можно компактнее, без лишних кнопок, заголовков и т.д. 
В итоге получилось такое:

Но и этого мне было мало :)

Большинство блоггеров хотят разместить на своей страничке как можно больше контента, но чтобы при этом он занимал как можно меньше места.

Это довольно интересный парадокс, и найти решение удается не всегда. Однако, имеются способы как нарушить это «парадоксальное правило», и улучшить читабельность блога для пользователей.
В этой статье я предлагаю вам 5 таких способов, узнав которые, я думаю, вы сможете придумать как применить их для своего блога.

Начинаю вести серию статей Это статья про вёрстку html css js, начинаю с самого простого, потом планирую описать более сложные вещи и всякие тонкости и этим видимо так и закончил

Продолжение перевода статьи «Проблемы CSS. Часть 1».

Когда использовать width / height равный 100%?

Height: 100%

Пожалуй, начнем с того, что попроще. Когда использовать height: 100%? На самом же деле, вопрос часто звучит немного по-другому: «Как мне сделать так, чтобы моя страница заняла всю высоту экрана?». Ведь правда?

Для ответа на него нужно понять, что height: 100% равен высоте родительского элемента. Это не магическое «высота всего окна». Так что, если вы захотите, чтобы ваш элемент занял все 100% от высоты окна, то установить height: 100% будет недостаточно.

Почему? А потому, что родителем вашего контейнера является элемент body, а у него свойство height установлено в auto по умолчанию; а значит — его высота равна высоте контента. Конечно, вы можете попробовать добавить height: 100% к body, но этого тоже будет недостаточно.

Почему? А все потому же, родителем элемента body является элемент html, у которого также свойство height равно auto и он также растягивается под размер контента. А вот теперь, если добавить height: 100% и к элементу html, то все заработает.

Стало понятнее? Корневой элемент html на самом деле не самый верхней уровень на странице — им является «viewport». Для простоты, будем считать, что это окно браузера. Так вот, если установить height: 100% элементу html, то это то же самое, что сказать — стань такой же высоты, как окно браузера.

На хабре неоднократно упоминали о карте памяти формата SDHC со встроенным WiFi передатчиком. Купив эту карту, я был разочарован ужасным программным обеспечением, которое идет «в комплекте» с картой. Если приложением для iOS и Android хоть как то можно пользоваться, то отсутствие клиента под windows и macos, лишает карту возможности использования ее профессионалами. Точнее сказать, на PC есть веб интерфейс, но кроме ужасного внешнего вида, меня разочаровало отсутствие востребованной у фотографов функции Shoot&View, которая позволяет практически мгновенно видеть на большом экране компьютера результат съемки.

Любители geek-porno скорее всего разочаруются — мы не будет модифицировать прошивку, хакать ее, вскрывать саму карту памяти. Мы будет работать со «стоковой» картой памяти, без каких либо модификаций.

Итак, в этой статье, мы разберем с вами протокол Shoot&View карт памяти Transcend WiFi и напишем на python кроссплатформенный клиент, который запустится на windows, linux и MacOS. А для самых нетерпеливых, в конце статьи вас ожидает готовый python модуль для своих проектов, консольный клиент, а так же GUI утилита, которая работает на windows, linux и macos.

Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.

Разберемся почему так и как с этим жить.