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

@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

@reflechant:
reflechant

Попробуем заглянуть поглубже. Зачем вообще нужны HTML+CSS+JS? Чтобы делать сложный динамический дизайн сайтов, уникальный внешний вид и т.д.

А так ли это нужно?

Вот есть Android, есть требования Google по внешнему виду приложений, есть Material Design и в итоге пользователь не пялится в пони, пукающих радугой на клубничном фоне, а работает со знакомым интерфейсом, с классическими структурами данных: список, меню, check button, radio button и т.д.

То же в Linux — есть GTK и у него есть темы оформления. Надоела старая — поменял. На всех приложениях сразу. Большинству приложений не нужно альтернативное оформление или набор GUI-элементов. А ещё я могу использовать Awesome WM, который вообще скрывает заголовок окна (может мне он не нужен) и он скрывается у всех.

Захотел — сделал всё помельче, захотел — покрупнее, поконтрастнее, для дальтоников... как вы добьётесь такой же настраиваемости и удобства_для_конечного_пользователя в случае с самопальными велосипедами на html+css+js?

Т.е. данные и функциональность отдельно, оформление отдельно. Почти клиент-сервер.

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

Почему все пользуются именно приложениями на смартфонах? Потому что веб, сука, тормозит. Только 8 ядер вытягивают webkit и все эти ваши дизайнерские свистоперделки. А приложение мало того, что работает быстро, так и прекрасно интегрировано именно в эту платформу. Потому что я купил телефон на Android/iOS/Windows Phone не для того, чтобы любой вася пупкин диктовал какой у меня должен быть User Experience.

@reflechant:
reflechant

Не разделять код и данные в 21 веке? Serously? Т.е. если кто-то забыл сделать проверку ввода, я могу запустить свой гаденький <script ...> на компьютерах всех кто хотя бы откроет страничку? Разработчики не должны делать проверку ввода — код и данные должны быть разделены.

Огромный поток кода, который постоянно скачивается из Сети — с порнобаннеров, рекламных площадок и ещё чёрт знает откуда и выполняется на Вашем компьютере — вот что такое JavaScript. И да, никаких цифровых подписей. И кому пришло в голову в такое критичное место всовывать такой язык как JS? Раньше злом считали Java-апплеты, сейчас Flash, но зло в самой идее запускать на моём компьютере произвольный код неизвестно откуда по любому чиху.

JS протолкнули корпорации. Тупо вбухали миллиарды денег и в итоге мы имеем таких монстров как v8. А если бы деньги вбухивали в более качественный язык? Что бы мы могли иметь сейчас?

Про то, во что превратили современные HTML и CSS уже достаточно было написано. Сдаётся мне, что нарисовать все состояния интерфейса png'шками будет зачастую кушать меньше ресурсов и даже занимать меньше места, чем все эти -moz и -webkit-префиксы.

И некоторые предлагают весь этот кошмар перенести на другие платформы (AppJS, Qt QML,...). Вы с ума сошли? Т.е. теперь простенькое приложение, которое тормозит и весит под 200 МБ, это нормально? Браузеры на компьютере среднестатистического пользователя отъедают больше ресурсов, чем некоторые игры!

Да, хочется чтобы красиво, кроссплатформенно, быстро и легко в разработке. Ну так вперёд! Есть множество замечательных языков, скриптовых и компилируемых (Lua, Nim, Go, Python), есть OpenGL, SDL2, есть привязки уже распространённых GUI-библиотек (типа Qt, GTK) к скриптовым языкам и т.д. — для красивого кроссплатформенного декстопа не нужны HTML, CSS и JS ! Надеюсь, в скором времени, и в Сети вернутся к изначальному замыслу HTML, а JS заменят чем-нибудь побыстрее и понадёжнее. И без <script>.

@begonur:
begonur

«Допиливаем» Asterisk CDR Viewer под себя.
habrahabr.ru

@trapdoor:
trapdoor

Как правильно читать HCAR:

jQuery(".kept:not(:has(div.updated))").remove()

@Rainbow-Spike:
Rainbow-Spike

ебануцца. есть плагин наклеек aimg, а в нём файл стилей. есть плагин вставки страница-в-страницу include с особенностями в отступах. есть плагин анимации tcycle с особенностями в отступах. есть плагин вики-разметки таблиц типа {| |- |} с особенностями в отступах. какой тут удав с ежом, приходится в файле стилей aimg'а принуждать всё это учитывать друг друга во всех возможных комбинациях. не то, чтоб я жалуюсь на CSS, но голова от этого побаливает уже

а всего-то — заставить эту страницу работать корректно minewiki.everypony.ru