Pull to refresh

Comments 107

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

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

Всё остальное мне понравилось.
А мне показалось, что она в некоторых местах сдерживается, чтобы не рассмеяться.
UFO just landed and posted this here
поперематывал рандомно, вроде, все ок, но есть недочеты, например, зачем разделитель в футере резать из картинки? можно сделать бордером
кроссбраузерность (точнее чтобы выглядело везде одинаково) бордером? надежнее картинкой. Она не сильно много весит по сравнению с текстом описания этого бордера.
в чем проблема кроссбраузерности бордера? :)
В том что border dotted выглядит по разному в IE и Хроме к примеру.
вы, конечно, простите, но схуяли dotted?
Я привел пример.

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

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

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

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

И можно вопрос не по теме?
Сколько примерно может стоить верстка этого макета? Просто есть проблема ценообразования, хотелось бы её решить)
у всех разные способы подсчета, стоимость часа своего времени умножайте на количество часов которые вы затратите на вёрстку этого макета
UFO just landed and posted this here
В 17 скринкасте не будет ничего про создание скринкастов, всё-таки вся серия не о том.
Для записи использовался bash скриптик в основе которого ffmpeg -f x11grab. Нужна была запись mpeg2 пока не кончится место. Все что есть либо падает через час, не синхронизирует аудио с видео дорожкой или не умеет mpeg2 на выходе давать. Исходники скринкастов в среднем у меня 2-3 часа, а вся папка для каждого скринкаста ~15гб.
Дальше Avidemux для вырезания всего лишнего и Openshot для соединения всех дорожек вместе. Заставку делал в Ease, да это обычная штука для презентации, но даже в openshot только примитивная анимация которой не хватает. Девушку писал отдельно с помощью Audacity
Хотел попозже отдельную статью написать, возможно сэкономлю кому-то время, кто решится делать длинные скринкасты под линуксом.
Немного маниакально-пошловатый заголовок. Или просто я хочу его таким видеть.
Photoshop в Ubuntu — как? Пытался запустить Photosohop CS3 в Ubuntu 10.04 — ни чего не получилось.
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 без клееных слоев
А как делается группировка окн? Найти не могу…
Прочитал, все должно работать, но не работает.
Моя система 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)
UFO just landed and posted this here
Кстати, модульную вёрстку не практикуете?
нет, пару раз пробовал не пошло
UFO just landed and posted this here
UFO just landed and posted this here
UFO just landed and posted this here
а чем вы делаете прозрачность в браузере, когда накладываете его на макет?
compiz, название плагина не помню, alt+колесо мыши меняет прозрачность окна. Вроде это уже все операционки такое умеют.
За проделанный труд спасибо!
Посмотрел первых 5 роликов очень давно, сейчас буду досматривать остальные.

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

Articles