Чтобы добавлять сообщения и комментарии, .

@jt3k:
jt3k

нашёл замечательный сайт который собирает у себя интересные детали сайтов.
littlebigdetails.com <littlebigdetails.com>

@matero:
matero

внезапно в нашем мухосранске вакансия верстака аж за 45 рублей
конечно же я бля сделал задание (нужно было всего-лишь всплывашку для диалогов сверстать) kiberlain.16mb.com
потратил (лол) 8 часов на вёрстку этого говна и даже надежды ради замутил кнопку "сравнить с макетом" бля идиот =(

и вот приходит ответ от работодателя:
"Посмотрел верстку. Не скажу что доволен. Ховеры не работают, а все кнопки при наведении должны меняться в активное положение.
Много мелких небрежностей, таких как: отличие по цветам, смещение левой колонки, иконки не по центру многих кнопок и т.д. Не буду все расписывать, у вас есть кнопка "сравнить с макетом" вы сами отлично все видите."

ну и чё? ну и я ему:
"1) ховеры не работают потому-что в макетах не было указало явно где там в слоях ховеры (ща посмотрел написали просто Слой 154) и исходя из этого я и не сверстал ховеры
2) "смещение левой колонки" — можно скрин? не вижу в упор никакого смещения
3) " иконки не по центру многих кнопок" — тож не увидел такого, всё верстал в соответствии со "сравнить с макетом"
4) "я не могу сказать, что вы нам подходите по качеству работы т.к. ошибок осталось очень много." —
ну тогда удачи в поиске perfectpixel -верстальщика )"

бля если среди посетителей джуика есть начинающие верстальщики, съёбывайтесь скорее в бэкэнд. Ну его нахуй блять!!! =(

@matero:
matero

Заметил, что использование укороченных модификаторов типа block__elem._mod на средних и больших проектах с адаптацией приводит к неприятной войне селекторов, т.к. в отличии от стандартной БЭМовской записи повышает специфичность селектора. На средних проектах просто неприятно, на больших может создать трудности. Но это просто FYI.

@matero:
matero

заебала меня вёрстка. Нахир я вообще с ней связался? Мне кажется кодерам и админам не приходится столько возится над всякой мелочёвкой, циклы, запросы, условия свои пишут, тестят — всё просто и понятно. А в вёрстке например какой-то сраный селект с иконочками в оптионах по дизайну сделать иной раз не меньше 3-ёх часов, ещё цепляются все кому не лень... пиздец — никогда не связывайтесь с вёрсткой! Скучное, мелочное и совершенно неблагодарное занятие =(

@mrtron:
mrtron

Тут столкнулся с грид системой бутстрапа. И думаю чё это у меня верстка как-то херово работает. А оказалось у нас с разработчиками бутстрапа разное представления о размерах экрана. В моём представлении medium это приблизительно fullhd разрешение, а у них large это всё что больше 1170 пикселей. 21-ый век епт.

@matero:
matero

Если кто-то ещё не освоил вёрстку на флексах рекомендую эту игрушку flexboxfroggy.com

@justonemore:
justonemore

vimeo.com

@matero:
matero

запилил вёрстку очередного проекта на сетке с сайта flexboxgrid.com
Всё было вполне себе норм пока не понадобилось взять высоту всего сайта через height(). Она почему то всё время равнялась высоте окна браузера, хотя реально была более 4000px. И вот тут я всерьёз начал жалеть сверстал всё на флексах. Зашёл на flexboxgrid.com — и там такая же хрень... Уже час ломаю голову — почему??

@matero:
matero

Знатно ребята за БЭМ побазарили...
plus.google.com

от себя добавлю лишь что БЭМ мне как верстальщику лишь всё усложняет, а вот начальник считает что это круто и мы должны быть впереди планеты всей... =/

@matero:
matero

мне тут на тостере написали что такую задачу в принципе нельзярешить вёрсткой )

toster.ru

@matero:
matero

не знал что полосы прокрутки можно так просто кастомизировать =/

::-webkit-scrollbar{
width: 6px;
}
::-webkit-scrollbar-thumb{
border-width:1px 1px 1px 2px;
border-color: #777;
background-color: #aaa;
border-radius: 50px;
}
.wrapper{
width: 200px;
height: 100px;
overflow-y: scroll;
}

jsfiddle.net

@matero:
matero

(может верстальщикам пригодится)
расширение хром которое реализует подсветку размеров всех блоков на странице и расстояния между ними

felixniklas.com

@matero:
matero

верстальщики, а вы используете сетки из bootstrap или foundation5 если дизайнер рисует макет как в голову взбредёт — не по сетке?

@schors:
schors

я уверен, что уязвимость POODLE — секретная разработка профсоюза верстальщиков и примкнувшего к ним гугля. для убийства IE6. этот день будет праздноваться всеми html-верстальщиками мира как день независимости... от IE6

@memiury:
memiury

habrahabr.ru
habrahabr.ru
habrahabr.ru
habrahabr.ru
habrahabr.ru

@NokitaKaze:
NokitaKaze

pastebin.com ТАК ВЕРСТАЮТ ТОЛЬКО МУДАКИ
И ЭТИ МУДАКИ ПОЛУЧАЮТ ХТОНИЧЕСКИХ РАЗМЕРОВ ОТКАТЫ
И что бы вы поняли, это CP-1251.

СУКИ. ПИДОРАСЫ.

Я даже комментировать это не могу, это, по-моему, вообще бесполезно.

@ugnich:
ugnich

Очень клевая статья с картинками об автоматическом выборе шаблона верстки страниц в Flipboard: engineering.flipboard.com

@matero:
matero

На выходных решил привести в порядок все свои наработки в вёрстке, получился такой вот говно-сайт ruby-microweb.rhcloud.com
Теперь в недоумении — что делать с ним дальше? Что следовало бы добавить, а что убрать...

@Santiago26:
Santiago26

Кажется, я окончательно должен признать: влюбился в Adobe Brackets.io
Sublime — страшный и непонятный, а Brackets — модная няшечка.
За что влюбился:
Отличный интерфейс — всё под рукой.
Встроенный Live Preview с отладкой в Chrome
Отличный менеджер плагинов, да и вообще устройство репозитория плагинов через Github.
Всё это из коробки. В саблайме, наверное, всё это тоже есть и может быть даже больше, но все плагины надо где-то искать и скачивать руками. Долго вникать, вместо того, чтобы заниматься делом.
Плагинов куча, в том числе и прикольных с поддержкой Jekyll, например
А в последнем билде так и вовсе появилась поддержка Multiple Selection. И, в отличие от Саблайма и Intellij (где она тоже есть, но фиг поймёшь как юзать), у меня легко получилось её завести работать с полпинка.

@Santiago26:
Santiago26

Яндекс обещает выложить в опенсорс дизайн своих Островов. Как бутстрап, только Яндекс.Острова. bem.

@6Volt:
6Volt

О сайте ria.ru .Оторвать руки нахуй и этими руками пиздить , пиздить , пиздить уёбков , которые делают так — cdn1.img22.ria.ru

@matero:
matero

Люди добрые, объясните, чем вёрстка под datalife engine отличается от вёрстки, к примеру под битрикс? Могу я, всё заверстать как мне нравится и тупо скинуть прогеру html-ки с css-ками?
%)

@matero:
matero

HTML-верстальщик со знанием JS(Jquery) из Красноярска ищет постоянный поток заданий (со своевременной оплатой при их выполнении разумеется), очень нужна работа

@segfault:
segfault

anonymousdelivers.us
вот склепанный менее чем за минуту в ConTeXt пример того, что я хочу в HTML/CSS
Как в последней строчке прижать Василия к стенке ?

@Vixen:
Vixen

Особенно доставила страница пользователя.

@NokitaKaze:
NokitaKaze

Здравствуйте, меня зовут Никита. Мне 25, и я верстаю сайты... БЛЯДЬ

@NokitaKaze:
NokitaKaze

developers.google.com
Google учит верстать сайты

@tuenut:
tuenut

Задался вопросом о том, как изготовить вкладыш для cd-диска. Ну там, где печатать, какие цены, в каком формате слать файлы. И вот такая хуйня:
файлы EPS должны иметь кодировку Binery и PC TIFF 8-bit preview;ЧТО БЛЯДЬ ЗА binery-кодировка такая?

А еще они там принимают только в формате eps, это формат адоб иллюстратора, а он платный. Пиздец. Если у меня есть лицуха иллюстратора, то я, вероятно, сам буду крутится в типографской хуйне какой-то. А если нет.. Значит у меня scribus стоит, но у них там еще и не принимается формат eps версии 7.0. А в скрибусе нет выбора в какую версию eps сохранять.

Сколько можно терпеть проприетарное говно и проприетарные стандарты? В сраной рашке все пользуются сраным пиратским софтом.

//Спасибо, взбугуртнул.
// cd-copy.ru

@NokitaKaze:
NokitaKaze

Вёрстка последнего сайта отняла 3 дня.
725 строк css
680 строк javascript, большая часть из которых это верстка, а не логика

@veet:
veet

Имхо, верстка как-то не круто прижимается к левому краю, в то время когда справа еще есть куча пространства.

@elemashine:
elemashine

быстренько, за часик, сваял сайт с рецептами. Типа того, который был на модиксе и успешно издох. Теперь ничего лишнего, чистый пхп, который показывать стыдно ибо я его успел забыть толком не запомнив. Но теперь вечерами восстановлю весь функционал и все, одним обещанием меньше. И да, вспоминать легче чем учить

@kaineer:
kaineer

Вчера и позавчера провёл занимательный день весь в вёрстке. Каково же было сегодня моё удивление, когда я обнаружил, что выпадающий из поисковой строки гугла div содержит в себе table в каждой ячейке которого ещё по table. Охтыж.

@kuyantus:
kuyantus

Ребята, кто непосредственно работает с вёрсткой сайтов или просто интересуется, накидайте, пожалуйста, годных манов, типа как надо делать, а как нельзя, всякие видео-уроки и так далее. Ну, вы поняли. Я сам в этом мало разбираюсь, а человеку любимому нужно помочь. Не разбираясь в предмете не могу начать помогать. Нужен годный, в общем, контент, по которому можно научиться правильно верстать.

@molny:
molny

Неужели табличная верстка в наше время — "показатель плохого тона"? Я понимаю что блочная верстка — наше все, но о таком чудесном инструменте как table тоже забывать не стоит, по-моему. Спасает очень много времени и нервов. Притом часто.

@pupoque:
pupoque

В продолжение #2477377
Сегодня поздравляли и дарили. Именинница раздавала автографы. Вот как выглядит книженция
lh5.googleusercontent.com — Обложка. Первое пришедшее мне в голову название, чтобы просто занять место. Так и осталось.
lh4.googleusercontent.com — желание подправить вертску начинается с первой страницы. Обложку клепал не я, но ее, признаться, тоже хочется поправить.
lh6.googleusercontent.com — В типографии сказали, что хорошо, что названия глав идут всегда по правой стороне
lh5.googleusercontent.com — понимаю, что мне не хватило еще, наверное, часа три, чтобы подтереть кучу типографских недостатков. Однако мы сдавали в печать итак в самый последний момент. И еще текст кажется на печати большим, нежели в просмотре PDF с экрана. Может, в виндах в файлах PDF размеры шрифтов искажаются?
lh6.googleusercontent.com — Содержание
lh4.googleusercontent.com — Оборотная сторона

@memiury:
memiury

designonstop.com
programmersclub.ru
cdbrand.ru
liveinternet.ru
naikom.ru

@memiury:
memiury

site-do.ru
htmlbook.ru

@proton:
proton

Хочу дать антирекомендацию верстальщиков csssr.ru — небыстро, некачественно и недёшево

@Balancer:
Balancer

Вот так понемногу и рождаются новые IE-велосипеды с квадратными колёсами. Как же достали вечные глюки Хрома при вёрстке. То с позиционированием поломают что-то, то атрибут alt у картинок игнорируеся, то, вот, с какой-то версии поломали показ атрибута title, заданных для родительского элемента картинки :-/

Надо бы проверить, это сейчас во всех webkit-браузерах так или только в Chrome? … Проверил. В Мидори всё работает. Значит, чисто хромовский баг. А вот атрибут alt при отключенных картинках и в Midori не выводится. Выходит — это уже Вебкитовская проблема… Задрал уже этот Webkit :-/

@pupoque:
pupoque

Я всегда в изумлении от такого.
<a onclick="javascript:makeNewWin('тутадресгостинницы.прим.ред.','DatePlace',600,800,50,50,'yes','yes','yes','yes','yes');" href="#">...</a> Мало того, что я предпочитаю вкладки вместо окон (в данном случае уж точно), так еще и меня лишили выбора — открывать ли сайт в этой вкладке или в новой.
Сайтоделы физтеха поражают.