Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Дмитрий

html css3 js jquery
  • 277
    вклад
  • 16
    вопросов
  • 300
    ответов
  • 55%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Мне нужен сервис где бы я мог легко сохранять свои участки кода, для дальнейшего использования при надобности?

    iiiBird
    iBird Rose @iiiBird
    Пока ты спишь - твой конкурент совершенствуется
    https://gist.github.com/
    можешь еще https://jsfiddle.net/ использовать также для готовых конструкций
    Ответ написан 03 февр.
    Комментировать
    Нравится 4 Комментировать
  • Почему выдает 55?

    Stalker_RED
    Stalker_RED @Stalker_RED
    Потому что 1+2+3+4+5+6+7+8+9+10=55
    А вы чего ожидали?
    Ответ написан 01 февр.
    Комментировать
    Нравится 6 Комментировать
  • Как получить адекватное IT образование в 30 лет?

    saboteur_kiev
    Saboteur @saboteur_kiev Куратор тега IT-образование
    software engineer
    Да все очень просто.
    На самом деле адекватное образование не получают. Его берут.
    Не ищите какого-то заведения, куда походите и внезапно получите образование.
    Берешь сам идешь на различные онлайн-курсы, и изучаешь интересующие тебя области.
    Полно и на русском, еще больше на английском.
    Та же coursera.
    Ответ написан 30 янв.
    2 комментария
    Нравится 3 2 комментария
  • Правильная семанитческая разметка для лендинга?

    approximate_solution
    approximate solution @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    body
      header
         nav
      main
          section
          section
          section
          aside
      footer


    ---- вот она, базовая семантическая разметка для лендинга. Даже если вы не назовёте что-то aside, не будет ничего критичного. Нужно придерживаться семантики, но не надо делать из нее каргокульт, между тем что бы думать час над названием тэга и выбрать div- выбирайте div
    Ответ написан 29 янв.
    Комментировать
    Нравится 4 Комментировать
  • Есть ли какие-то сервисы для натяжки html на WP?

    iiiBird
    iBird Rose @iiiBird Куратор тега HTML
    Пока ты спишь - твой конкурент совершенствуется
    такой сервис называется фриланс https://freelance.habr.com/
    Ответ написан 29 янв.
    Комментировать
    Нравится 23 Комментировать
  • Асинхронность это отложенность?

    freeExec
    freeExec @freeExec
    Участник OpenStreetMap
    В общем случае да. Представь, что у тебя код
    var imageFromInternet = GetImageByUrl("http://example.com/big-image.bmp");
    picture.image = imageFromInternet;

    Есть вариант, когда GetImageByUrl тормозит твой код, пока картинка из инета не загрузится, а это может быть и пол часа. А если тебе надо сказать 10 таких картинок - это за займёт больше суток. И всё зависло, ты даже прогресс бар не можешь нарисовать, потому, что твой код выполняется где-то внутри GetImageByUrl.

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

    По сути все операции с устройствами ассинхронны внутри, иначе бы всё вставало колом пока не дождалось бы ответа.
    Ответ написан 19 янв.
    Комментировать
    Нравится 3 Комментировать
  • Как верстать доступные сайты?

    MrDecoy
    Вадим @MrDecoy
    Верставший фронтендер
    То, о чём Вы спрашиваете, официально называется WAI-ARIA.
    Тут можно скачать бесплатно экранного диктора и с помощью него тестировать свои сайты, осуществляя навигацию по ним с помощью табуляции, а так же открывая специальное меню с помощью горячих клавиш (командная кнопка приложения, которую назначите, по умолчанию ins+f7, или f6? Не помню уже точно :-) )

    Доклады Вадима Макеева на ютубе:
    https://www.youtube.com/watch?v=MWJKwn_gKR4
    https://www.youtube.com/watch?v=ssJsjGZE2sc

    Если действительно умеете соблюдать семантику, то, скорее всего, Вы уже сделали достаточно.
    Рускоязычные ресурсы по доступности:
    https://weblind.ru/
    specialbank.ru/guide (В данный момент чёт не работает, но должен)
    Есть курс, где учат именно этому: https://kurmak.info/
    Статья на хабре: https://habr.com/ru/post/40730/ (там внизу есть полезные ссылки)
    Тут можно найти информацию по этому вопросу, в том числе перевод статей из первой ссылки англоязычных ресурсов

    В подкасте Веб-стандарты упоминается об этом очень часто. Тут можно прослушать все выпуски, а так же покопаться в выпусках и поискать упоминания доступности и статьи про это.

    Есть англоязычные ресурсы
    Про доступные компоненты: https://inclusive-components.design/ (нажимаете в хроме справа сверху "перевести страницу" и профит)
    Есть спецификация: https://www.w3.org/TR/wai-aria-1.1/#usage (аналогично, перевод в браузере и профит)
    MDN: https://developer.mozilla.org/en-US/docs/Learn/Acc...
    Ответ написан 18 янв.
    1 комментарий
    Нравится 15 1 комментарий
  • Могу ли я в чистом javascript в асинхронной функции подождать возникновения события?

    lazalu68
    Kovalsky @lazalu68
    Salmon
    Конечно можете. После await у вас должен идти промис, который будет ресолвиться из обработчика события. Если речь о событиях DOM, то как-то так:

    HTMLElement.prototype.waitFor = function(event_name) {
        if (event_name) {
            return new Promise((res, rej) => {
            	const listener = function() {
            		res()
            		this.removeEventListener(event_name, listener)
            	};
    
            	this.addEventListener(event_name, listener);
            })
        } else {
            throw 'No event passed to waitFor method!';
        }
    }
    
    async function foo() {
    	const start = new Date();
    	await document.querySelector('body').waitFor('click');
    	console.log('uspeshno dojdalis clicka, jdali celih ' + ((new Date().getTime() - start.getTime())/1000) + ' sekund');
    }
    
    foo();
    Ответ написан 25 дек. 2020
    7 комментариев
    Нравится 21 7 комментариев
  • Когда и где можно и нужно добавлять префиксы браузеров(-webkit- -moz- -ms-)?

    Lynn
    Lynn «Кофеман» @Lynn
    nginx, js, css
    Используйте автопрефиксер.
    Пусть компьютер этим заморачивается https://github.com/postcss/autoprefixer
    Ответ написан 18 дек. 2020
    Комментировать
    Нравится 10 Комментировать
  • Frontend jun в 26?

    d-sem @d-sem
    Адекватные работадатели смотрят на знания, умения и навыки. А также перспективность. Владеете инструментами и можете закрывать таски + согласны на рыночную зп - будут рассматривать.

    Главное чтобы это было интересно Вам и Вы показывали к разработке интерес. А не вайтишили ради денег.

    Бывают и 30, и 40 летние джуны.

    Обычно на возраст смотрят 20ти летние "синьоры"/менеджеры/эйчары, которым не хватает опыта общения с людьми. Но с такими лучше и не работать:)
    Ответ написан 15 нояб. 2020
    Комментировать
    Нравится 4 Комментировать
  • Как понять что ты знаешь javascript и готов приступить к изучению фреймворков?

    Kozack
    Alex @Kozack Куратор тега JavaScript
    Thinking about a11y
    Как я понял, что готов к фреймворку:
    Я работал и поддерживал один GUI. Всё было написано на JS+JQ. А потом я увидел AngularJS и меня охватил восторг от того, насколько проще будет работать над моим GUI если переписать кодовую базу на AngularJS.

    Понимаете? На мой взгляд "готовность" к использованию какой-то технологии приходит тогда, когда у вас возникает в ней потребность. Когда вы смотрите на инструмент и думаете его использовать не потому что все так делают, а потому что вы видите перед собой ряд проблем которые этот инструмент решит.
    Ответ написан 11 нояб. 2020
    2 комментария
    Нравится 7 2 комментария
  • Как понять что ты знаешь javascript и готов приступить к изучению фреймворков?

    Дмитрий @dimoff66
    Кратко о себе: Я есть
    Один мальчик не зная javascriipt-а приступил к фреймворкам, нашел себе работу, дорос до тимлида, создал свои курсы, так и не поняв, что он не знал javascript и совершенно не был готов к изучению фреймворка. А время то не вернешь.

    PS Если говорить серьезно, то доказательство существования пудинга в его вкусе. Если пишете работающий код на js - значит знаете на уровне, достаточном для фреймворка. Процесс познания почти бесконечен. Поэтому какой-то точки, где можете сказать "Да, теперь я знаю" не существует. просто получайте удовольствие от изучения и программирования и не парьтесь знаете вы что-то или нет.
    Ответ написан 11 нояб. 2020
    Комментировать
    Нравится 13 Комментировать
  • Как программисту отдыхать и организовать распорядок дня?

    pódde @podde
    самый младший сисадмин
    Не вините себя. У вас объективно очень много времени уходит на дорогу.
    Совершенно серьёзно думаю, что в такой ситуации надо попробовать поговорить с руководителем на предмет хотя бы частичной (пару раз в неделю) удалённой работы. А лучше попробовать вообще выпросить удалённый режим.
    Если нет – пробовать искать другую работу (поближе к дому или удалённую).
    Ну, действительно, по пять часов в день на дорогу – это не дело.
    Ответ написан 18 окт. 2020
    Комментировать
    Нравится 24 Комментировать
  • Как свертать эту дугообразную стрелку?

    politon
    Олег @politon
    HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
    Как вариант поглумиться
    Ответ написан 13 окт. 2020
    1 комментарий
    Нравится 4 1 комментарий
  • Как получить данные каждой строки?

    Stalker_RED
    Stalker_RED @Stalker_RED
    Конструкция table.row(i).$(...) выглядит стремно и ведет себя странно. В документации таких фокусов не припоминаю.

    const trElem = table.row(i).node(); // tr
    const $rowControls = $('input,select,textarea', trElem); // инпуты из строки
    const serialized = $rowControls.serialize();
    console.log(serialized);



    И по хорошему, надо бы отправлять одним запросом, а не каждую строку отдельно. Сегодня их пара десятков, а завтра 12000.
    Ответ написан 12 окт. 2020
    1 комментарий
    Нравится 3 1 комментарий
  • Где делают такие окошки с кодом?

    Summersby
    Сергей @Summersby
    Такие картинки делаются в Polacode - плагине для VS code
    Ответ написан 08 окт. 2020
    Комментировать
    Нравится 5 Комментировать
  • Где делают такие окошки с кодом?

    yarkov
    Алексей Ярков @yarkov
    Проект "Жизнь после смерти" - lifeafterdeath.ru
    Развлекайтесь на здоровье
    Ответ написан 08 окт. 2020
    Комментировать
    Нравится 4 Комментировать
  • Как сделать такой ховер?

    Kurokq
    Фин Дел @Kurokq
    Если б море было лином – я бы стал Comethazin'ом
    Ответ написан 08 окт. 2020
    4 комментария
    Нравится 4 4 комментария
  • Не получается верстать самостоятельно. Как преодолеть это?

    approximate_solution
    approximate solution @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Учусь несколько месяцев результата нет..

    За несколько месяцев вы могли уже сверстать макетов 5-10.

    Когда сверстаете 99 макет, отпишитесь из будущего как там поживает верстка. Обычно на макете 50-том ты макет видишь в виде html разметки и css стилей, и уже мыслено разбил его на bem блок и добавил в проект как отдельный кусок кода.
    Ответ написан 07 окт. 2020
    3 комментария
    Нравится 5 3 комментария
  • Не получается верстать самостоятельно. Как преодолеть это?

    AngryYumy
    Тарас Шульга @AngryYumy
    Заплати фрилансеру чеканой монетой
    Теги нужно не заучивать как стишок в школе, а понимать.
    Ибо скорее всего вы вместо практики сидели и тупо запоминали теги/стили, а как оно работает хз. Это как тактика студента заучить , заучил, а как работает хз.
    Просто начните с чего-то маленькое. Сперва какой нить элемент сверстате, потом соберите их в див. И так пару раз, а потом бац - и что-то, да готово.
    Ответ написан 07 окт. 2020
    1 комментарий
    Нравится 2 1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • Следующие →
Самые активные сегодня
  • neuroscript
    • 16 ответов
    • 0 вопросов
  • dimonchik2013
    dimonchik2013
    • 14 ответов
    • 0 вопросов
  • DevMan
    DevMan
    • 10 ответов
    • 0 вопросов
  • TNPTSYWWCC
    Uneasy Hearts Weigh the Most
    • 9 ответов
    • 0 вопросов
  • Василий Банников
    • 6 ответов
    • 0 вопросов
  • hottabxp
    Сергей Карбивничий
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации