Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 107
Качественные видео — приятно слушать и смотреть.
Класс! А что это за плагин, с помощью которого так быстро рыба пишется?
Он только к emacs подключается?
Он только к emacs подключается?
Это zen-coding ( code.google.com/p/zen-coding/ ), автор указал ссылку на него в видео, подключается очень много к чему, я с VIM его использую.
Мне в этом всем особенно интересно было ваше использование emacs. Впечатлило.
Как виртуозно Вы в emacs работаете — прям захотелось освоить! Маастер мастер.
P.S. Color scheme тоже приятная
P.S. Color scheme тоже приятная
Мне одному показалось, что окончания предложений голос девушки говорит тише чем всё остальное? наверно стоит микрофон поставить подальше, а говорить громче.
почему png-24? png-8 подойдет
поперематывал рандомно, вроде, все ок, но есть недочеты, например, зачем разделитель в футере резать из картинки? можно сделать бордером
кроссбраузерность (точнее чтобы выглядело везде одинаково) бордером? надежнее картинкой. Она не сильно много весит по сравнению с текстом описания этого бордера.
в чем проблема кроссбраузерности бордера? :)
В том что border dotted выглядит по разному в IE и Хроме к примеру.
вы, конечно, простите, но схуяли dotted?
Я привел пример.
А продемонстрируйте код бордера из скринкаста, чтобы оценить его внешний вид в различных браузерах.
А продемонстрируйте код бордера из скринкаста, чтобы оценить его внешний вид в различных браузерах.
вы смеётесь? cssdesk.com/srReg
лечится комбинацией двух zoom.
Захотелось поставить Ubuntu, emacs и постигать дао верстки ;)
А где фотка обладательницы этого сказочного голоса???
голос и правда чудесен
Какая тебе разница? Дрочи на эту, к примеру bimg.mynet.com/S/Sasha-Grey/8.jpg
Как же заебали инернет-дрочеры.
Как же заебали инернет-дрочеры.
Я старше Вас минимум лет на 10, поэтому не надо мне рассказывать, что делать, и я не скажу Вам, куда идти. Если Вы занимаетесь самоудовлетворением, а Вы им точно занимаетесь, судя по комментарию и сквозящему хроническому неудовлетворению, то не надо проецировать свои собственные проблемы на окружающих, не надо обобщать — это дурной тон.
Пройдут всё те же 10-15 лет и Вы поймёте, хотя не исключено, что Вам этого не дано, что в человеке, а особенно в Женщине, может быть прекрасен и голос, а не только «сиськи». Поэтому и вопрос был риторический, абсолютно не требующий ответа. Но Вам и этого не понять.
Пройдут всё те же 10-15 лет и Вы поймёте, хотя не исключено, что Вам этого не дано, что в человеке, а особенно в Женщине, может быть прекрасен и голос, а не только «сиськи». Поэтому и вопрос был риторический, абсолютно не требующий ответа. Но Вам и этого не понять.
Какая тебе разница, как она выглядит? Мало, на кого любоваться? А если она страшная, как атомная война, то сразу станет хуже ее верстка? Я этого не пойму — пристрастия посмотреть на фото женщины. Если она некрасивая, то ей будет еще обиднее, что она не сможет показать себя, ты ее этим только унизишь. И почему у мужиков не просишь фотки?
И какая мне разница, сколько тебе лет? Маньяков не двадцатилетних ловят, а постарше, лет сорока.
И какая мне разница, сколько тебе лет? Маньяков не двадцатилетних ловят, а постарше, лет сорока.
Прочтите предпоследнее предложение моего предыдущего комментария. Желательного читать его до момента понимания-просветления.
Ну а для тех, кто в глухом танке, всё же объясню: мой первый пост — это был завуалированный комплимент обладательнице замечательного, по моему мнению, голоса. Не думал, что столь банальные вещи необходимо разъяснять.
Ну а для тех, кто в глухом танке, всё же объясню: мой первый пост — это был завуалированный комплимент обладательнице замечательного, по моему мнению, голоса. Не думал, что столь банальные вещи необходимо разъяснять.
Ну ты и лизало.
Ну не всем же быть невоспитанным, малограмотным хамлом. Должны же существовать в этом мире и интеллигентные, воспитанные люди, способные искренне восхититься чем-либо/кем-любо. В данном случае голосом девушки.
2 all: прощу прощения… я уже перестал кормить тролля.
2 all: прощу прощения… я уже перестал кормить тролля.
Странно, каждое ваше сообщение должно начинаться с «Какая тебе разница».
Простите, а чем вас обидели сиськи, что вы их аж в кавычки взяли?
Спасибо! А html, css будут даны в текстовом виде?
Подскажите, где взять такую же color scheme для notepad++? ) Уж больно симпотична
я её из gedit взял, там она называется Oblivion
да впечатлил emacs :) точнее человек который им так владеет… и верстка хорошая и понятная :-) вот бы так научится :))))
Отличное видео узнал много способов как ускорить работу
Хочется пораньше получить описание инструментов
Хочется пораньше получить описание инструментов
Сейчас попробуй настройть notepad++ под такую же работу.
А почему поля в форме авторизации обёрнуты в label?
очень приятный голос у девушки, заслушался
И для рекламы хорошо и для людей полезно, особенно для новичков, хорошо преподнесено.
modx? Почему не php Nuke сразу?
Здорово, спасибо. Буду ждать продолжения.
И можно вопрос не по теме?
Сколько примерно может стоить верстка этого макета? Просто есть проблема ценообразования, хотелось бы её решить)
И можно вопрос не по теме?
Сколько примерно может стоить верстка этого макета? Просто есть проблема ценообразования, хотелось бы её решить)
В 17 скринкасте не будет ничего про создание скринкастов, всё-таки вся серия не о том.
Для записи использовался bash скриптик в основе которого ffmpeg -f x11grab. Нужна была запись mpeg2 пока не кончится место. Все что есть либо падает через час, не синхронизирует аудио с видео дорожкой или не умеет mpeg2 на выходе давать. Исходники скринкастов в среднем у меня 2-3 часа, а вся папка для каждого скринкаста ~15гб.
Дальше Avidemux для вырезания всего лишнего и Openshot для соединения всех дорожек вместе. Заставку делал в Ease, да это обычная штука для презентации, но даже в openshot только примитивная анимация которой не хватает. Девушку писал отдельно с помощью Audacity
Хотел попозже отдельную статью написать, возможно сэкономлю кому-то время, кто решится делать длинные скринкасты под линуксом.
Для записи использовался bash скриптик в основе которого ffmpeg -f x11grab. Нужна была запись mpeg2 пока не кончится место. Все что есть либо падает через час, не синхронизирует аудио с видео дорожкой или не умеет mpeg2 на выходе давать. Исходники скринкастов в среднем у меня 2-3 часа, а вся папка для каждого скринкаста ~15гб.
Дальше Avidemux для вырезания всего лишнего и Openshot для соединения всех дорожек вместе. Заставку делал в Ease, да это обычная штука для презентации, но даже в openshot только примитивная анимация которой не хватает. Девушку писал отдельно с помощью Audacity
Хотел попозже отдельную статью написать, возможно сэкономлю кому-то время, кто решится делать длинные скринкасты под линуксом.
Немного маниакально-пошловатый заголовок. Или просто я хочу его таким видеть.
Photoshop в Ubuntu — как? Пытался запустить Photosohop CS3 в Ubuntu 10.04 — ни чего не получилось.
для избежания лишних телодвижений, при большом количестве графических элементов, желательно пользоваться инструментом Photoshop — Slice tool (при этом, конечно, не избежать создания дополнительных файлов-фонов для поведения hover, но количество кликов мышью уменьшится по-любому).
несколько критических замечаний все же :)
Emacs хорошо сконфигурирован для верстки это +, а вот лишние телодвижения с мышкой по поводу скопировать выделенное содержимое выглядит странно при таком уровне владения emacs, да и переключение между активными приложениями мышкой тоже как то не очень.
Emacs хорошо сконфигурирован для верстки это +, а вот лишние телодвижения с мышкой по поводу скопировать выделенное содержимое выглядит странно при таком уровне владения emacs, да и переключение между активными приложениями мышкой тоже как то не очень.
Спасибо огромное. Как раз то что нужно сейчас!
неплохие скринкасты, голос девушки было слышать неожиданно))
+
поскольку церковь emacs открывает дверь не каждому, для развития mad skillz рекомендую попробовать TextMate под мак или его клон www.e-texteditor.com/ под винду…
+
поскольку церковь emacs открывает дверь не каждому, для развития mad skillz рекомендую попробовать TextMate под мак или его клон www.e-texteditor.com/ под винду…
Отличная статья. Теперь немного иначе начну смотреть на подход к верстке сайта + очень было бы интересно посмотреть про переход на HTML5.
Не режу сайт на кусочки. Требую от дизайнера PSDшник =) и как обычно его дают.
Но перед заданием, я всегда предупреждаю, что нужен именно PSD без клееных слоев
Но перед заданием, я всегда предупреждаю, что нужен именно PSD без клееных слоев
А как делается группировка окн? Найти не могу…
с помощью Compiz
Прочитал, все должно работать, но не работает.
Моя система Ubuntu 9.10 — Karmic Koala.
У меня установлены следующие плагины compiz (из репозитария):
compiz-fusion-plugins-extra
Моя система 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 (ничего не происходит)
Пробовал всяко разно — результат один. Компиз включен на максимум (окна плющит при перетаскивании).
compiz-fusion-plugins-extra
compiz-fusion-plugins-main
Действую согласно документации:
Выбираю окно жму <super (win)> + s (ничего не происходит)
Выбираю второе окно жму <super (win)> + s (ничего не происходит)
Жму <super (win)> + g (ничего не происходит)
Пробовал всяко разно — результат один. Компиз включен на максимум (окна плющит при перетаскивании).
Спасибо, было очень интересно! Сам не верстаю, я больше по архитектурам, но когда кто-то что-то создаёт, это всегда интересно. =) И да, голос у девушки очень приятный. Жду продолжения, жаль, что только раз в неделю.
Заведите твиттер чтобы проще было следить за обновлениями, ну и фидбек через него получать можно.
Эх, не было таких «туториалов», когда вёрстать учился.
А emacs впечатлил, попробовать что ли для разработки
А emacs впечатлил, попробовать что ли для разработки
если не секрет, чем продиктован выбор префиксов цсс-классов?
все эти b- g- l-?
все эти 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)
Кстати, модульную вёрстку не практикуете?
а чем вы делаете прозрачность в браузере, когда накладываете его на макет?
Блин, за zen-coding спасибо!!!
аффтар, ты бог!
За проделанный труд спасибо!
Посмотрел первых 5 роликов очень давно, сейчас буду досматривать остальные.
PS
На сервере отсутствуют 7. Знакомство с макетом #2
video.psd2cms.ru/07-1280x800-high.mp4
Но посмотреть можно через youtube.
Посмотрел первых 5 роликов очень давно, сейчас буду досматривать остальные.
PS
На сервере отсутствуют 7. Знакомство с макетом #2
video.psd2cms.ru/07-1280x800-high.mp4
Но посмотреть можно через youtube.
там просто ссылки поменялись psd2cms.ru/d/07-1280x800-high.mp4, похоже пропустил одно видео когда менял, сейчас исправлю
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Скринкасты о том, как резать и натягивать