Как стать автором
Обновить

Комментарии 107

Качественные видео — приятно слушать и смотреть.
Класс! А что это за плагин, с помощью которого так быстро рыба пишется?
Он только к emacs подключается?
Это zen-coding ( code.google.com/p/zen-coding/ ), автор указал ссылку на него в видео, подключается очень много к чему, я с VIM его использую.
Мне в этом всем особенно интересно было ваше использование emacs. Впечатлило.
Как виртуозно Вы в emacs работаете — прям захотелось освоить! Маастер мастер.

P.S. Color scheme тоже приятная
Мне одному показалось, что окончания предложений голос девушки говорит тише чем всё остальное? наверно стоит микрофон поставить подальше, а говорить громче.
придираетесь
Возможно, но слушая её мне приходилось увеличивать громкость на концах предложений. Они явно выбиваются из общего уровня громкости.

Всё остальное мне понравилось.
А мне показалось, что она в некоторых местах сдерживается, чтобы не рассмеяться.
НЛО прилетело и опубликовало эту надпись здесь
почему png-24? png-8 подойдет
поперематывал рандомно, вроде, все ок, но есть недочеты, например, зачем разделитель в футере резать из картинки? можно сделать бордером
кроссбраузерность (точнее чтобы выглядело везде одинаково) бордером? надежнее картинкой. Она не сильно много весит по сравнению с текстом описания этого бордера.
в чем проблема кроссбраузерности бордера? :)
В том что border dotted выглядит по разному в IE и Хроме к примеру.
вы, конечно, простите, но схуяли dotted?
Я привел пример.

А продемонстрируйте код бордера из скринкаста, чтобы оценить его внешний вид в различных браузерах.
Прежде чем матом писать, посмотрите скринкаст внимательнее. Там не сплошная линия.
вы утомили, честное слово
Я про меню в папке вообще то говорю. А не про низ страницы. )
шапке*
очень утомили
> зачем разделитель в футере резать из картинки
лечится комбинацией двух zoom.
Захотелось поставить Ubuntu, emacs и постигать дао верстки ;)
Для этого вам необязательно ставить Ubuntu и emacs. Я более чем уверен, вы сможете постигать дао верстки и в той операционной системе, в которой работаете ;)
Я никогда не видел emacs. Поэтому подумал что он только под Linux.
А где фотка обладательницы этого сказочного голоса???
голос и правда чудесен
Какая тебе разница? Дрочи на эту, к примеру bimg.mynet.com/S/Sasha-Grey/8.jpg
Как же заебали инернет-дрочеры.
Я старше Вас минимум лет на 10, поэтому не надо мне рассказывать, что делать, и я не скажу Вам, куда идти. Если Вы занимаетесь самоудовлетворением, а Вы им точно занимаетесь, судя по комментарию и сквозящему хроническому неудовлетворению, то не надо проецировать свои собственные проблемы на окружающих, не надо обобщать — это дурной тон.

Пройдут всё те же 10-15 лет и Вы поймёте, хотя не исключено, что Вам этого не дано, что в человеке, а особенно в Женщине, может быть прекрасен и голос, а не только «сиськи». Поэтому и вопрос был риторический, абсолютно не требующий ответа. Но Вам и этого не понять.
Какая тебе разница, как она выглядит? Мало, на кого любоваться? А если она страшная, как атомная война, то сразу станет хуже ее верстка? Я этого не пойму — пристрастия посмотреть на фото женщины. Если она некрасивая, то ей будет еще обиднее, что она не сможет показать себя, ты ее этим только унизишь. И почему у мужиков не просишь фотки?
И какая мне разница, сколько тебе лет? Маньяков не двадцатилетних ловят, а постарше, лет сорока.
Прочтите предпоследнее предложение моего предыдущего комментария. Желательного читать его до момента понимания-просветления.

Ну а для тех, кто в глухом танке, всё же объясню: мой первый пост — это был завуалированный комплимент обладательнице замечательного, по моему мнению, голоса. Не думал, что столь банальные вещи необходимо разъяснять.
Ну ты и лизало.
Ну не всем же быть невоспитанным, малограмотным хамлом. Должны же существовать в этом мире и интеллигентные, воспитанные люди, способные искренне восхититься чем-либо/кем-любо. В данном случае голосом девушки.

2 all: прощу прощения… я уже перестал кормить тролля.
Странно, каждое ваше сообщение должно начинаться с «Какая тебе разница».
Какая тебе разница?
За ошибку выше извиняюсь.
n0ne.habrahabr.ru/ — бггг, интеллигент…
Простите, а чем вас обидели сиськи, что вы их аж в кавычки взяли?
НЛО прилетело и опубликовало эту надпись здесь
Спасибо! А html, css будут даны в текстовом виде?
Подскажите, где взять такую же color scheme для notepad++? ) Уж больно симпотична
я её из gedit взял, там она называется Oblivion
прошу прощения, а как вы ее экспортировали из gedit'а в npp? :)
да впечатлил emacs :) точнее человек который им так владеет… и верстка хорошая и понятная :-) вот бы так научится :))))
Отличное видео узнал много способов как ускорить работу
Хочется пораньше получить описание инструментов
Да-да, ждать семнадцатой части как-то долго :)
Сейчас попробуй настройть notepad++ под такую же работу.
А почему поля в форме авторизации обёрнуты в label?
Спасибо, но всё равно не понимаю, зачем. Там вместо label'а описание поля помещается в его value, соответственно необходимость в подписи пропадает.
Или это с расчётом на будущие возможные изменения?
очень приятный голос у девушки, заслушался
И для рекламы хорошо и для людей полезно, особенно для новичков, хорошо преподнесено.
modx? Почему не php Nuke сразу?
знаете что то лучше?
По гибкости и возможностям одна из лучших цмс.
Проблемы со скоростью легко решить прямыми руками
Я бы предложил Drupal, к примеру :)
Его очень легко и приятно темизировать\переодевать.
Всё это имхо, конечно же…
Я не к тому что нет других Хороших CMS, а к тому что ее сравнивают мягко говоря не с лучшей cms по современным стандартом.
НЛО прилетело и опубликовало эту надпись здесь
Здорово, спасибо. Буду ждать продолжения.

И можно вопрос не по теме?
Сколько примерно может стоить верстка этого макета? Просто есть проблема ценообразования, хотелось бы её решить)
у всех разные способы подсчета, стоимость часа своего времени умножайте на количество часов которые вы затратите на вёрстку этого макета
НЛО прилетело и опубликовало эту надпись здесь
В 17 скринкасте не будет ничего про создание скринкастов, всё-таки вся серия не о том.
Для записи использовался bash скриптик в основе которого ffmpeg -f x11grab. Нужна была запись mpeg2 пока не кончится место. Все что есть либо падает через час, не синхронизирует аудио с видео дорожкой или не умеет mpeg2 на выходе давать. Исходники скринкастов в среднем у меня 2-3 часа, а вся папка для каждого скринкаста ~15гб.
Дальше Avidemux для вырезания всего лишнего и Openshot для соединения всех дорожек вместе. Заставку делал в Ease, да это обычная штука для презентации, но даже в openshot только примитивная анимация которой не хватает. Девушку писал отдельно с помощью Audacity
Хотел попозже отдельную статью написать, возможно сэкономлю кому-то время, кто решится делать длинные скринкасты под линуксом.
Немного маниакально-пошловатый заголовок. Или просто я хочу его таким видеть.
Photoshop в Ubuntu — как? Пытался запустить Photosohop CS3 в Ubuntu 10.04 — ни чего не получилось.
Photoshop
CS1 работала всегда без единой проблемы, ей и пользуюсь
CS5 тоже отлично запускается ;) (wine 1.3.8)
достаточно wine 1.2.1
у меня иногда только с текстом проблемы, перезапуск помогает.
CS4 Portable под вайном — вообще без проблем. А вот CS3 у меня почему-то подтормаживал изрядно… Пятый не пробовала.
для избежания лишних телодвижений, при большом количестве графических элементов, желательно пользоваться инструментом Photoshop — Slice tool (при этом, конечно, не избежать создания дополнительных файлов-фонов для поведения hover, но количество кликов мышью уменьшится по-любому).
несколько критических замечаний все же :)
Emacs хорошо сконфигурирован для верстки это +, а вот лишние телодвижения с мышкой по поводу скопировать выделенное содержимое выглядит странно при таком уровне владения emacs, да и переключение между активными приложениями мышкой тоже как то не очень.
Для наглядности? Скринкаст же.
Возможно это сделано ради наглядности, да и девушке не приходится озвучивать хитрую комбинацию клавиш, в результате которой всё так резко изменилось на экране. ИМХО
Спасибо огромное. Как раз то что нужно сейчас!
неплохие скринкасты, голос девушки было слышать неожиданно))
+
поскольку церковь emacs открывает дверь не каждому, для развития mad skillz рекомендую попробовать TextMate под мак или его клон www.e-texteditor.com/ под винду…

Отличная статья. Теперь немного иначе начну смотреть на подход к верстке сайта + очень было бы интересно посмотреть про переход на HTML5.
Не режу сайт на кусочки. Требую от дизайнера PSDшник =) и как обычно его дают.

Но перед заданием, я всегда предупреждаю, что нужен именно PSD без клееных слоев
А как делается группировка окн? Найти не могу…
с помощью Compiz
Прочитал, все должно работать, но не работает.
Моя система Ubuntu 9.10 — Karmic Koala.
У меня установлены следующие плагины compiz (из репозитария):
compiz-fusion-plugins-extra
Сори не дописал (ctrl+enter подвел)…
compiz-fusion-plugins-extra
compiz-fusion-plugins-main

Действую согласно документации:
Выбираю окно жму <super (win)> + s (ничего не происходит)
Выбираю второе окно жму <super (win)> + s (ничего не происходит)
Жму <super (win)> + g (ничего не происходит)

Пробовал всяко разно — результат один. Компиз включен на максимум (окна плющит при перетаскивании).
в CompizConfig Settings Manager включен Group?
Спасибо теперь работает!
Спасибо, было очень интересно! Сам не верстаю, я больше по архитектурам, но когда кто-то что-то создаёт, это всегда интересно. =) И да, голос у девушки очень приятный. Жду продолжения, жаль, что только раз в неделю.
Заведите твиттер чтобы проще было следить за обновлениями, ну и фидбек через него получать можно.
Эх, не было таких «туториалов», когда вёрстать учился.

А emacs впечатлил, попробовать что ли для разработки
если не секрет, чем продиктован выбор префиксов цсс-классов?
все эти b- g- l-?
Хочу, чтобы мне таким голосом читали сказки на ночь :)
После обнуления в css через * отпало желание что либо смотреть дальше
а вы браузер все время перегружаете или у вас выставлено это автоматом? если да, то с помощью какого аддона(это ж вроде FF)?
скажите, а вы mozrepl ‘main.css’ по крону выставили или есть еще какие то ухищрения?
изначально он умеет сразу в реалтайме добавлять содержимое в браузер, т.е. вы пишите код, каждый символ и тег сразу появляется в браузере, но из-за этого есть некоторые проблемы. У меня посылается «обновление страницы» браузеру после сохранения файла и все.
(defun auto-reload-firefox-on-after-save-hook ()         
          (add-hook 'after-save-hook
                       '(lambda ()
                          (interactive)
                          (comint-send-string (inferior-moz-process)
                                              "setTimeout(BrowserReload(), \"1000\");"))
                       'append 'local)) ; buffer-local

(add-hook 'nxhtml-mode-hook 'auto-reload-firefox-on-after-save-hook)
(add-hook 'css-mode-hook 'auto-reload-firefox-on-after-save-hook)
НЛО прилетело и опубликовало эту надпись здесь
Кстати, модульную вёрстку не практикуете?
нет, пару раз пробовал не пошло
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
а чем вы делаете прозрачность в браузере, когда накладываете его на макет?
compiz, название плагина не помню, alt+колесо мыши меняет прозрачность окна. Вроде это уже все операционки такое умеют.
Блин, за zen-coding спасибо!!!
аффтар, ты бог!
За проделанный труд спасибо!
Посмотрел первых 5 роликов очень давно, сейчас буду досматривать остальные.

PS
На сервере отсутствуют 7. Знакомство с макетом #2
video.psd2cms.ru/07-1280x800-high.mp4
Но посмотреть можно через youtube.
там просто ссылки поменялись psd2cms.ru/d/07-1280x800-high.mp4, похоже пропустил одно видео когда менял, сейчас исправлю
точно! мог бы по формату остальных догадаться. не глянул.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации

Истории