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

@drvlat:
drvlat

UPD. Я начал понимать невоспетых героев — фронт-енд девелов. Сделать так, чтобы все рендерилось одинаково, в идеале — аж с IE6, для этого нужен очень большой экспириенс.

@drvlat:
drvlat

2 дня потратил на то, чтобы разобраться с (основами) типографики в веб. Так то я сварщик давно уже ненастоящий, но вот что то в этот раз захотелось сделать все идеально. Забегая вперед, скажу, что вышло не просто идеально, а прямо — pixel perfect. Нет ничего более приятного, чем ощущение от созерцания baseline линеек в конце сложной 10+ экранной страницы (да, 10 экранной, специфика. Нельзя ее делить), где ничего не съехало ни на пиксель. Другой вопрос, что и без типографирования — броузеры рисуют все относительно корректно. Рядовой юзер эти 2-пикселя туда, 4-сюда — не заметит вообще. Так что, ИМХО, это сродни гимнастики для ума, и ублажения внутреннего перфекциониста. Из полезностей, что я выучил за эти два дня: 1) все верстательные фреймворки и гриды— сосут из за своей недо-универсальности. 2) Исходя из п. 1 — берется Susy, и в SASS-е генерируется грид on-demand. Любой. То есть вообще, любой. Susy — это не просто рулез, это маст-хэв. 3) Опять же, исходя из п.1, берется compass, из него vertical-rhythm, и на-лету, полу-автоматически генерируются все нужные отступы для типографики.

@drvlat:
drvlat

Случайно увлекся веб-типографикой. Оказывается, насколько же это интересная и увлекательная задача, сделать красивый вертикальный ритм. В идеале — с субпиксельной точностью.

@drvlat:
drvlat

Жуйк, а у тебя есть верстальщики? В качестве тренировки, перевожу сайт на flex-box, и ловлю себя на мысли, что лучше бы я его переводил на 15-летние <table> . А ваше мнение? flex -модель это кул, или хипстерско-вейперское веяние?

@rkit:
rkit

Бывает что-нибудь вроде бутстрапа, но только чтобы работало прилично с голым html, без тысячи class="btn btn-block btn-lg btn-primary"? Веб-интерфейс для микроконтроллера, каждый байт на счет.

@lolicon:
lolicon

Kurwa!

@Darwin:
Darwin

drafts.csswg.org

@Darwin:
Darwin

Why there is no CSS4 — explaining CSS Levels: rachelandrew.co.uk

@killy:
killy

caniuse.com
Печалька :'(

@Darwin:
Darwin

A Complete Guide to Flexbox: css-tricks.com

@Rainbow-Spike:
Rainbow-Spike

посмотрел на накопившиеся с 16 июля картинки в twitter.com и понял, что по одной сохранять уже нафиг-нафиг. хочу в скачивалку весь список сунуть и чтоб руки не болели больше. поправил в своём юзерскрипте выдачу с фразы "Прямая ссылка" на сам адрес. А потом решил-таки его опубликовать, вдруг кому интересно будет посмотреть арты с Джуди и Ником. вот greasyfork.org также залил простенький юзерстиль на скукоживание самих картинок, дабы не листать километры userstyles.org использовать их вместе

@vt:
vt

html,input,textarea{font-family:-apple-system,sans-serif;Надеюсь, обычные жуйкопользователи не пострадали

@Fohroer:
Fohroer

Имеется страница: буранчик.рф
Ругается валидатор: validator.w3.org
Подскажите, пожалуйста, нормальный вариант оформить текст во вкладках через CSS, а заодно и решение, чтобы пропали "выправленные майки" снизу, когда под цветом слоновой кости во вкладках имеются белые куски.
До кучи ещё вопрос: стоит ли оставить тему Humanity для jQuery UI или вместо неё стоит создать более подходящую сайту по стилю?

@CaufMAN:
CaufMAN

Что там нынче модно использовать из легковесных css-фреймворков для сетки и базовых фиксов? Ну то есть натурально нужны только сетка + фиксы. Без типографики, кнопочек, форм, жсговна и прочего непотребства.

@Darwin:
Darwin

еще про цсс: book.mixu.net
Learn CSS Layout the pedantic way — Mikito Takada ( mixu.net )

@Darwin:
Darwin

интересное, про то, каким мог бы быть css: eager.io
там даже есть ссылка на докторскую Хакона Ли (чела который придумал css если кто не пони): people.opera.com

@Darwin:
Darwin

Maybe they don’t care about css at all and the second something works they save, commit, and go back to writing monadsmrmrs.io

@Darwin:
Darwin

CSS is interesting because unlike other types of code, you are most likely to find the most recent code towards the bottom of the file. Reading a css file from start to finish will often times reveal in chronological order how a defined system breaks down.mrmrs.io

@Rainbow-Spike:
Rainbow-Spike

твиттер бота Зоотопии
+ даунлоадмастер + опция перехвата ссылок + опция перехвата расширений с :large суффиксом + опция юзерагент = "фаерфокс 30"
+ фаерфокс + плагин фаергесчурс + жест копирования ссылки + плагин стайлиш + стиль .AdaptiveMedia-photoContainer img {display: none;} + плагин гризманки + юзерскрипт для подстановки прямых ссылок
+ тотал коммандер с папочкой месяца и подпапочками дней

@Rainbow-Spike:
Rainbow-Spike

фиксер
#ideabox, / Нижний ящик скрыть /
#pantheons, / Пантеоны скрыть /
.pun_link, / наказания скрыть /
.to_arena, / Арену скрыть /
.hch_link{ / Зарядку скрыть /
display: none !important;
}
.d_line { / длинный дневник /
display: block !important;
}
.enc_link { / поощрения увеличить /
position: relative;
width: 250px !important;
font-size: 180%;
}

@Darwin:
Darwin

sache.in vs github.com

@lurker:
lurker

почему никто не использует трушный респонзив дизайн? jsfiddle.net

@lurker:
lurker

эволюционирует webkit.org

@otakuSiD:
otakuSiD

youtube.com
atom.io

@Rainbow-Spike:
Rainbow-Spike

плохо быть опытным. у народа даже и спросить нечего

@Rainbow-Spike:
Rainbow-Spike

Господа, CoTAN не пшикнул! Полёт нормальный. Теперь можно осматривать, белить, переводить и снова осматривать комиксы, не перезагружая страницу

@Rainbow-Spike:
Rainbow-Spike

CoTAN в принципе готов к запуску. надеюсь, не пшикнет, как вчерашняя ракета

@LavirTheWhiolet:
LavirTheWhiolet

Пока вы тут дрочили да игоряли, я успел наклепать целый учебник. Наслаждайтесь!

*Основы разработки интерфейсов пользователя на HTML, CSS и JavaScript*

*Глава 1*

НЕ ДЕЛАЙТЕ ЭТОГО

@Rainbow-Spike:
Rainbow-Spike

целительная сила внимательности...

есть пиктограмма медиаменеджера, всплывающее окошко открывает. оттуда можно открыть более продвинутый медиаменеджер с сортировками и т.п. довольно давно я заметил, что кнопки недоступны, а сейчас нашлось время разобраться. и ведь мог же сразу засечь, что проблема явно в CSS — кнопки в первые полсекунды доступны — а начал отрывать скрипты, редакторы, плагины, даже браузер без аддонов запустил. на оф.сайте движка всё окей — а у меня не окей. а потом наконец увидел в инспекторе причину. поскоку это спецстраница, её содержимое генерится скриптом, а цсс считает, что содержимого нет. но кнопка всё равно может отобразиться только после всей лабуды, так что див имеет приличную высоту и перекрывает весь кислород... clear:both; и нет проблем

а хотел уже юзерскрипт писать... они столь же заразны, как регулярки, всё время возникает желание напихать побольше

@lurker:
lurker

нахуа нужны transform если layout считается по нетрансформированным размерам

@Rainbow-Spike:
Rainbow-Spike

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

@Rainbow-Spike:
Rainbow-Spike

долбал-долбал я cotan, работает, вроде. наклейки больше не дублирует (глупейшая ошибка была), CSS в порядке. рабочий сервер с a1mg comicslate.org тестовый сервер с cotan test.comicslate.org перехватил код у a1mg и подмял под себя корректно, но в редакторную кнопку пока лучше не приглядываться, там дёргается местами...

@Rainbow-Spike:
Rainbow-Spike

вот что сделать с этой скотинкой?

рецепт в ячейке таблицы внизу страницы minewiki.everypony.ru всего лишь отцентрован. из-за разницы в понимании центровки он рассыпался. div стремится занять всю ячейку, а не прицепиться по ширине к картинке-носителю, а иконкам position:absolute велит отсчитываться от div

как заставить иконки центроваться вместе с носителем?

@matero:
matero

css-селекторы для самых маленьких

@lurker:
lurker

сегодня в рубрике забивание гвоздей головой jsdo.it

@Shura:
Shura

Помогите советом, я даже не знаю какие ключевые слова в гугл вбить, чтобы нарыть решение. Есть страница, есть некоторые ссылки, которые href="#id", т.е. локальные. Так вот при нажатии на таккую ссылку страничка скроллится слишком сильно, сам элемент с id="id", на который указывает ссылка, уезжает под верхнее бутстраповское меню. Как сказать браузеру, чтобы он скролл чуть раньше останавливал?

@Shura:
Shura

Имеется общая лента шириной col-md-10. Какого размера должны быть фоточки, чтобы они гармонично смотрелись в этой ленте и не сильно страдали от масштабирования?

@enaken:
enaken

Привет всем! Друзья, нужна помощь с css/html. Может я чего не понимаю, у каждого сайта в рунете, который я открываю, да хоть Juick, при уменьшении масштаба все блоки уменьшаются и сдвигаются к центру. Как это сделать? Если выставлять у блоков div float left или right, то они и будут при масштабировании уменьшаться в левую или правую сторону. А при увеличении масштаба могут и наехать друг на друга.
Что делать-то? Как быть? Мб есть специальная тема в html/css, где такое описывается? Подскажите или сбросьте хоть источник, где посмотреть, пожалуйста. Заранее благодарен и с Новым годом!

@enaken:
enaken

Привет, жуйк! Есть кто знающий хорошо веб?
Есть у меня
Код HTML:

<section id="section_menu" class="sect_menu"></section>

И есть css код:
Код:

section.sect_menu {
height:100%;
width:20%;
float:left;
background:green;
margin-Left: 40%;
margin-right:40%;
}

Я точно знаю, что div блок из этого кода будет всегда в середине при любом масштабе и разрешении экрана.
А я хочу сделать этого пикселями, как мне пикселями можно выравнивать div по центру? Не содержимое в div, а сам div.
При этом чтобы div был в центре при любой разрешении экрана. При чём речь идёт не о разрешении экрана смартфона. А просто хотя бы разное разрешение мониторов ПК.
Как быть?

@Shura:
Shura

Вот так начинаешь делать домашний проектик, в голове крутится структура серверной части, начинаешь пилить, а в итоге погрязаешь в css и jQuery