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

@OCTAGRAM:
OCTAGRAM

Автор HttpFileServer, похоже, родился в трамвае

@killy:
killy

Штука из #2855243 в виде Custom Element:
jsfiddle.net

@zoonman:
zoonman

Какой лучше сделать редактор для постов на сайте? Markdown, HTML, WYSIWYG?

@Balancer:
Balancer

Читаю на htmlbook.ru комменты по тегам kbd/samp/var/mark... Половина комментариев в духе «нафига нам эти извращения, есть же div и span!»... Ох уж эти...

@Fohroer:
Fohroer

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

@Fohroer:
Fohroer

буранчик.рф как сделать, чтобы правильно работало CSS 3 media queries и скрывался блок с большими картинами на смартфоне, а на ПК скрывался блок с маленькими? Поскольку пути отличаются как or и ph, подойдёт костыль через javascript, который будет заменять некоторые пути. Какое решение предложите?

@Fohroer:
Fohroer

У меня вопрос по CSS. Есть сайт буранчик.рф Почему у меня в подвале сайта съезжает? Чёрные линии (border-left и border-right) должны идти до края, а они кончаются, не доходя до него. Как это можно исправить?

@CaufMAN:
CaufMAN

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

@jt3k:
jt3k

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

@OCTAGRAM:
OCTAGRAM

Некоторые факты об mshta.exe:
1. Помешать закрыть окно с не сохранёнными данными при помощи beforeunload не получится. Вопрос вылезет, но что ни отвечай, всё равно закроется. Это известный, признанный Microsoft баг.
2. setAttribute для динамически созданных элементов DOM вообще по боку. Только свойствами можно порулить поведением. Пришлось свои библиотечки адаптировать под эту инопланетную среду. Я всегда считал, что манипуляции с DOM первичны, а всякие свойства типа style — это нечто вроде синтаксического сахара. В mshta.exe всё наоборот.
3. Если checkbox вставляется в другой DOM элемент, его checked обнуляется.
4. Скрипт с type="text/javascript" не запустится
5. Свойства приложения описываются в теге HTA:APPLICATION, но никто не знает, какой URI у пространства имён HTA. Его просто нет, и он рвёт шаблоны зияющей пустотой своего отсутствия.
6. Пока не нашёл работающего способа сделать background-size: cover. Библиотеки, которые должны работать даже в IE7, не могут в mshta.exe
7. Динамически навесить обработчик события, записанный строкой, не получится. Подойдёт только настоящее замыкание.

Есть и положительная сторона. Я давно не видел, чтоб что–то браузерное так быстро работало. Electron такого ощущения не давал.

@reflechant:
reflechant

Если вдруг когда-нибудь вам захочется сделать html страничку, которая должна будет распечатываться как документ, притом многостраничный, притом с таблицами... не делайте этого. Лучше Markdown. Или LaTeX. Или ODT. Или PDF. Даже на бумажке от руки написать лучше.

@DespicableMe:
DespicableMe

Вчера обнаружил, что хром и огнелис по-разному обрабатывают поле даты. Так, если поле с типом date показывается в хроме, то оно подменяется вполне себе клёвым датапикером. Но вот огнелис ничего подобного не делает. Прям грусть.
А кто-то может подсказать, как их привести к однаковому клёвому виду? Ведь он в хроме взялся не из пустоты.

@Turbid:
Turbid

Раз в пятилетку мне приходится что-то делать для веб. И каждый раз это превращается в ад — сначало нужно было плясать с таблицами, потом с появилась магия div-ов... все это нужно проверять в разных браузерах и т.д. Шел 2016 год, мне опять понадобилось накорябать веб-морду. Казалось, можно будет взять bootstrap и не заморачивась уже ни на что построить нормальную верстку. Но, буквально уже с шапки, начинаются кровь-кишки-распидарасило: stackoverflow.com

@otakuSiD:
otakuSiD

youtube.com
atom.io

@LavirTheWhiolet:
LavirTheWhiolet

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

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

*Глава 1*

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

@Zert:
Zert

Комитетобляди опять форкнули спецификацию html, при этом удалили всю историю коммитов и отказались отчитываться перед чернью и учитывать её замечания. github.com

@Shura:
Shura

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

@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 был в центре при любой разрешении экрана. При чём речь идёт не о разрешении экрана смартфона. А просто хотя бы разное разрешение мониторов ПК.
Как быть?

@memiury:
memiury

Чтобы в таблице строки были одинакового размера, следует заполнить ячейки непереносимым пробелом, задать для ячеек font-size.
Вот такие пляски с бубном.

@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>.

@DespicableMe:
DespicableMe

Я тут задал вопрос на гите. Но пока все молчат. Может здесь кто-то сможет подсказать?
github.com

@DespicableMe:
DespicableMe

Не могу не восхититься красотой, простотой и удобством emacs. Чего стоит только его автоматическое форматирование! Достаточно просто выделить кусок кода и нажать tab. И сразу же вся каша превратится в удобную и красивую структуру.
А его горячие клавиши? Это тебе не вимовские нажатия и постоянные скачки к esc. Тут всё удобнее. Я не говорю, что в вим всё плохо. Нет. Там мне тоже очень нравится. Но, видимо его я успел познать гораздо меньше. По-крайней мере, я так и не встретил там такого удобного встроенного автоформатирования. Подсветка синтаксиса, панельный режим. Это есть и в виме. Да. Но здесь мне просто было удобнее запомнить. Они однозначно равноценны. Но здесь не нужно запоминать каких-то непонятных нажатий клавиш. Здесь есть чёткие и понятные команды. Всё логично.
Я просто люблю emacs.

@Shumaher:
Shumaher

а вот как вы оформляете "такие ссылки" ? КАВЫЧКИ входят в ссылку или нет? как-то видел совет на эту тему у Лебедева, а щас найти не могу :( как правильно?

@gogaxxx:
gogaxxx

Интересная штука: с одной стороны, кодировку html документа обязан указывать сервер в хедерах, а если не указал, то непонятно, как его отображать. Можно, конечно, прописать <meta> в тексте, но эта мета берёт начало от http-хедеров. Это при том, что кодировка документа — вообще-то его неотъемлимое свойство. Документ возможно корректно прочесть только в той кодировке, в какой он был написан (спасибо, Капитан!) В каждом элементе можно прописать язык lang="...", а вот кодировку указать только через мету. Ну спасибо и на том.
С другой стороны, если я хочу использовать с документом какой-то CSS стиль, я должен прописывать его в <link> или <style>. Никакого способа применить стиль, не прописанный в HTML файле, нет. Это при том, что документ вполне реально, а зачастую и удобнее, прочитать с отключёнными стилями. Или можно с помощью расширений браузера наложить другой стиль. Но это костыли. А в стандартном протоколе такое не предусмотрено, при всех этих словах о "разделении структуры и представления"
Вот, спрашивается, чем там эти комитеты занимаются, когда до сих пор есть такие вопиющие косяки?!
Ладно, выкидывать хедер с кодировкой из протокола неправильно — не только ведь html-документы могут раздаваться, но и plain text, например. Но вот способ прикручивать сторонние (и вообще любые) стили к документу надо иметь в стандартном протоколе.

@mabu:
mabu

Зачем верстать по стандартам, если итак всё работает? Кавычки, </p> и </li>, всякая фигня типа ASYNC="ASYNC" — это всё лишний никому не нужный хлам. Он только затрудняет чтение html+php+css+javascript, загромождает разметку и бессмысленно увеличивает размер файла. Без этого хлама в виде закрывающих тегов код намного проще и понятнее. А теги нужно писать БОЛЬШИМИ буквами, так как сразу видно, что это теги. Кто вообще придумал писать теги маленькими буквами?!

@mabu:
mabu

Годные часы на голом CSS без применения скриптов artlebedev.ru

@lurker:
lurker

индийский маркап ) реально, делал чувак из индии

@justonemore:
justonemore

Почему сайты на Flash такие охуенные а сайты не на Flash такие отстойные? Пример: qandqresearch.com Внизу есть конпка для перехода в HTML версию.

@ugnich:
ugnich

После многих лет верстки HTML страниц сайтов с использованием современных технологий, не могу без отвращения смотреть на HTML шаблоны для email: нагромождение богомерзких таблиц, inline CSS, древние стандарты и куча костылей.
Кстати, по-моему, IE6 доставлял меньше проблем с точки зрения верстки, чем любимый всеми гиками GMail: campaignmonitor.com

@dluciv:
dluciv

Алилуйя! tablesgenerator.com

@Evtomax:
Evtomax

На практике в универе занялся одним серьёзным проектом. Ещё больше убедился, что винегрет из HTML, JavaScript, PHP — это жесть.

@Rainbow-Spike:
Rainbow-Spike

в последнее время мне приходится собирать нормативы по экологии с разных сайтиков типа eko-man.ru или eco.h11.ru

на первом я встретил многовложенную табличную вёрстку в генераторе DataLife Engine Nulled by M.I.D-Team, сравнить скорость его работы можно с рипом comicslate.org

но второй сайт его намного превзошёл! пройдите по ссылке, это эпично pastebin.com

@jt3k:
jt3k

нашёл сдн для бекграундов. backgroundhost.com всем по фону!

@Strephil:
Strephil

Вот есть php-файл, он генерирует html-страничку, он выдаёт <select> в котором можно что-то выбирать,
и мне надо, чтобы в зависимости от выбранного пункта ниже этого <select> выводился определенный текст.
Для этого нужен javascript, да? А как делать правильно, ведь этот текст, который нужно выводить, он хранится в базе данных, как передать этот текст в javascript?

@Linda-chan:
Linda-chan

А чего это комментарий из тэга TITLE прорывается в заголовок окна броузера? OO

@xorkrus:
xorkrus

Я вот пишу в хтмле style="width: 400px" и ожидаю, что на экране с шириной 1000px оно будет менее половины, а на мобиле с экраном 500px — почти весь экран. Но это не так. на мобиле как на компе. почему?

@schors:
schors

в очередной раз столкнулся с задачей, в чём бы таком печатные документики хранить. и чем бы их в pdf конвертировать. и как бы ещё rtf получать (чтобы в редких случаях можно было редактировать итоговый документ). сейчас используем pisa и reportlab для конвертации из html+css в pdf. и что-то мне сегодняшнее изучение вопроса подсказывает, что наиболее универсальным и хорошим решением будет.... LaTeX! а что ты используешь, username?

@deni:
deni

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

target="_blank"
и

onclick="return !window.open(this.href);"
М?