Рубрика «Веб-разработка» - 284

в 20:38, , рубрики: css, веб-дизайн, Веб-разработка

В продолжение своего топика Новое в CSS3: многоколоночность, flexbox, сеточная разметка предлагаю вам перевод статьи с более глубоким погружением в свойство многоколоночности с простыми и наглядными примерами.

Мультиколоночность на CSS подробнее

Еще газетами и журналами на практике доказано, что разбитый на несколько колонок текст воспринимается намного проще. На веб-страницах до недавнего времени отобразить контент таким образом было проблемой, доходило до того, что верстальщик разделял текст на несколько div'ов. Но все может стать намного проще с CSS3 Multi Column Module.Читать полностью »

в 16:22, , рубрики: localStorage, Веб-разработка, вкладки браузера, уведомления, метки: , ,

Приветствую.

Думаю, многие, кто имеет аккаунт ВКонтакте и слушает там музыку, замечали, что если на одной вкладке включить трек, а затем уже на другой включить второй, первый трек уйдет в паузу. Примерно то же самое происходит с различными уведомлениями (новое сообщение, ответ на комментарий/запись и т.д.) — отображается оно только в активной вкладке. Кому интересно как это работет и каким образом сделать подобное у себя на сайте, милости просим за хабракат.
Читать полностью »

в 15:20, , рубрики: css, css3, flexbox, веб-дизайн, Веб-разработка, метки: , ,

Веб развивается, появляются все новые возможности разметки страниц для верстальщиков, в том числе в этом помогают новые свойства в CSS. В этой статье описаны некоторые из них: многоколоночность, flexbox и сеточная разметка.

Поддержку новых функций браузерами можно проверить на сайте caniuse.com:

Новое в CSS3: многоколоночность, flexbox, сеточная разметка

Читать полностью »

в 10:48, , рубрики: Debian, linux, open source, python, vk api, Веб-разработка, метки: , , ,

Здравствуйте уважаемыее!
Хотелось бы рассказать от том как я делал смс оповещение для своего факультета.
Я учусь на первом курсе ФСПО ИТМО. У нас на факультете есть так называемая диспетчерская служба которая занимается оповещением студентов об изменении в расписании, в интернете это осуществляется через страничку в контакте и твиттер.
Однажды произошёл небольшой скандал по поводу того что пол-группы не явились на занятия из-за того что не успели отследить изменение в расписании. В тот день у меня появилась идея создать смс оповещение с той самой Vk странички.
Да, я знаю, что для это есть специализированные сервисы, но это слишком просто…
Смс оповещение для студентов со странички вконтакте
Читать полностью »

в 9:56, , рубрики: Веб-разработка, капча, Эмоции, метки: , ,

Необычный подход к защите от ботов предлагает организация правозащитников из Швеции Civil Rights Defenders, которая таким образом пытается убить одним патроном двух зайцев: с одной стороны, распространить в интернете факты нарушения прав людей, а с другой — помочь защитить веб-сервисы от роботов, не заставляя живых людей гадать, что именно написано на капче.

Выглядит форма с капчей следующим образом (пример абсолютно случаен):

Эмоциональная капча: что вы чувствуете в данный момент?

Человеку предлагается прочитать вопрос, понять, какие эмоции вызывает у него некий факт, и ввести в поле ввода одно из трёх предложенных душевных состояний, которые, по идее, должны у него возникнуть.

Читать полностью »

в 2:43, , рубрики: html, html5, Веб-разработка, старые браузеры, метки: , ,

image
Авторы Modernizr решили собрать в одном большом, гигантском справочнике все прослойки, fallback-и и polyfill-ы, которые помогут обеспечить функциональность html5 в тех браузерах, где он не поддерживается

Общая идея такова: мы, как разработчики, должны разрабатывать с применением HTML5 API. Разработка с учетом прицела на будущее позволяет поддерживать не особо устаревшие браузеры, но при этом, если пользователь обновился, он получит поддержку уже на уровне браузера, а не с помощью сторонних плагинов.

Как определить, поддерживает ли браузер ту или иную функцию? Modernizr! Как написать свой polyfill? Есть мануал (на английском) Пишем polyfill-ы на JS для кросс-браузерности

Справочник доступен в виде страницы на Github.
Читать полностью »

в 17:14, , рубрики: Блог компании Zfort Group, веб-дизайн, Веб-разработка, Новости, подборка, полезная информация, ресурсы, скрипты, ссылки, ссылки на сми, метки: , , , , , , , ,

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №25 (29 сентября — 5 октября 2012)
Читать полностью »

в 15:34, , рубрики: php, Блог компании Zfort Group, Веб-разработка, Новости, подборка, полезная информация, ресурсы, ссылки, метки: , , , , , ,

Дайджест интересных новостей и материалов из мира PHP за последние две недели №1 (21.09.2012 — 05.10.2012)

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

Дайджест планируем публиковать раз в две недели, если, конечно, он понравится читателям Хабра. Поэтому мы с радостью в комментариях готовы выслушать ваши советы, отзывы или рекомендации.

Приятного чтения!
Читать полностью »

в 14:07, , рубрики: css, Веб-разработка, Программирование, метки:

Доброго времени суток!

Хочу представить вашему вниманию великолепный продукт, который избавит вас от судорожного нажатия кнопки F5 для очередного обновления вашей страницы в процессе редактирования файлов стилей. Итак, встречайте нашего сегодняшнего героя — SoFresh!

SoFresh — освежи свой браузер
Читать полностью »

в 12:27, , рубрики: -moz-, -xv-, animation, css, css3, Веб-разработка

Таблица поддержки браузерами CSS3Хотя CSS3 ещё не является стандартом W3C, последние версии браузеров имеют его частичную поддержку. Можно встретить примеры реализующие те или иные свойства CSS3. Но вместе с восторгом многих не покидает также чувство опасения. Связано это в первую очередь с тем, что нет чёткого понимания в поведении браузера при обработке этих свойств. Под катом собрана таблица в которой сравниваются поддерживаемые CSS3 свойства во всех основных браузерах. Кроме этого указывается версия браузера и префикс для кодирования. Шпаргалка оформлена в форме изображения, поэтому её удобно скачать к себе на компьютер или мобильное устройство для дальнейшего использования.

Читать полностью »

1...1020...283284285...290300...364
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js