Рубрика «css» - 152

в 23:27, , рубрики: css, html, javascript, javascript library, less, sass, Веб-разработка, велосипед на ракетном топливе, метки: , , , , ,

Введение

Хотя CSS-подобных языков не так уж и много – на слуху и на плаву сейчас и вовсе одни Sass и Less, я все же начну с ответа на вопрос «А зачем нужен еще один?».

Если коротко, то TeaCSS не плодит новых сущностей, ведь этот тот же CSS, в который в качестве языка добавили JavaScript.

У этого подхода есть свои плюсы и минусы.

Плюсы – практически никаких подводных камней. Файл tea преобразуется в JavaScript, наполненный простыми командами вывода. Этот JavaScript можно отлаживать, смотреть в FireBug и вообще его поведение предсказуемо. В этом и состоит очевидность подхода, в вебе уже и так превалирует JS, поэтому вам не придется учить ничего нового.
Читать полностью »

в 19:38, , рубрики: css, Twitter Bootstrap, Веб-разработка, верстка, метки: , ,

Вчера я делал верстку для панели с номерами страниц с использованием Twitter Bootstrap и мне потребовалось добавить туда выпадающее меню (для выбора вариантов сортировки и количества элементов на странице).

Выпадающее меню в панели номеров страниц Twitter Bootstrap

Bootstrap не содержит стандартных стилей для выпадающих меню в панели номеров страниц. Я написал свои стили для выпадающих меню, возможно, кому-то они будут полезны.

Скачать файл .less (просто подключите вместе с twitter bootstrap)
Демо

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

в 9:08, , рубрики: css, css3, gmail, mail.ru, почта, рассылка, метки: , , ,

Здравствуйте, читатели!

Недавно довелось копаться с рассылкой писем в HTML-формате. Есть много статей, написанных на тему валидной вёрстки рассылок, однако здесь речь пойдёт не об этом. Известно, что у каждого почтовика есть свои особенности отображения HTML-письма. Меня заинтересовали эти особенности и различия в отображении письма на разных почтовиках.
Читать полностью »

в 12:39, , рубрики: css, web-разработка, веб-дизайн, Веб-разработка, краудсорсинг, краудфандинг, метки: , ,

Понятно, что все уже устали от новостей про то, как очередная команда разработчиков собрала кучу денег на разработку римейка очередной классической игры. Сейчас речь пойдет немножко о другом — о относительно известной звезде фронтенда, веб-разработчике, CSS-евангелисте и авторе популярного сайта CSS-tricks.com Крисе Койере. Он решил собрать деньги на редизайн своего детища, причем сам процесс он хочет записать в виде обучающих скринкастов и предоставить всем, поддержавшим его.

image

Буквально вчера он выложил на kickstarter.com проект следующего содержания (далее — перевод):
Читать полностью »

в 18:39, , рубрики: css, html, ipad, Веб-разработка, разработка под iOS, метки: , ,

Добрый день!
Хотел спросить у, если ли какой-либо способ создать приложение типа браузерной детской раскраски используя веб-технологии, чтобы оно работало на Ipad (поддержка android была бы хорошим плюсом)? Идея такой раскраски — закрашивать нужным цветом определенные области. Ребенок выбрал цвет, кликнул на область и область окрасилась.

Сейчас для меня главной проблемой является то, как нормально хранить закрашиваемые области.
Использования мне кажется будет невозможным по причине сложности формы каждого из полигонов.
Читать полностью »

в 18:10, , рубрики: android, css, css3, media queries, веб-дизайн, Веб-разработка, метки: , ,

Мобильные устройства, position: fixed; и во что это выливается

По ходу редизайна блога появилось желание создать 'Scroll to Top' функцию не только для десктопа, но и для мобильных устройств. В связи с небольшим свободным пространством на экране смартфона было решено сделать кнопку возвращения на верх в виде полоски высотой в 20px прикрепленную к нижней границе экрана. Читать полностью »

в 18:31, , рубрики: css, html, jquery, parallax, waypoints, веб-дизайн

Один из самых популярных трендов современного веб-дизайна является эффект Parallax. В этом туториале я покажу вам, как создать подобный эффект на вашем веб-сайте, используя воображение и Stellar.js.

Создаем сайт с эффектом Parallax, используя Stellar.js

Скачать исходники | Демо
Читать полностью »

в 8:55, , рубрики: Chromium 19, css, CSS filters, CSS-фильтры, Google Chrome, веб-дизайн, метки: , ,

Одно из нововведений в Chromium 19 — CSS-фильтры с аппаратным графическим ускорением. С помощью свойства filter осуществляется попиксельная обработка любого видимого элемента на странице — всего одной строчкой CSS.

Сочетая в строчке разные параметры, можно придумывать оригинальные эффекты.

Ускорение CSS фильтров в Chromium
img { -webkit-filter: sepia(100%) contrast(200%) blur(5px) }

Параметры фильтра: сепия, насыщенность, прозрачность, размытие, яркость, инверсия, контраст, создание тени и другие. Это отличный способ улучшить оформление страницы, а также создавать веб-приложения и игры с новыми возможностями.
Читать полностью »

в 8:55, , рубрики: Chromium 19, css, CSS filters, CSS-фильтры, Google Chrome, веб-дизайн, метки: , ,

Одно из нововведений в Chromium 19 — CSS-фильтры с аппаратным графическим ускорением. С помощью свойства filter осуществляется попиксельная обработка любого видимого элемента на странице — всего одной строчкой CSS.

Сочетая в строчке разные параметры, можно придумывать оригинальные эффекты.

GPU ускорение CSS фильтров в Chromium
img { -webkit-filter: sepia(100%) contrast(200%) blur(5px) }

Параметры фильтра: сепия, насыщенность, прозрачность, размытие, яркость, инверсия, контраст, создание тени и другие. Это отличный способ улучшить оформление страницы, а также создавать веб-приложения и игры с новыми возможностями.
Читать полностью »

в 19:04, , рубрики: css, css3, w3c, web-разработка, Веб-разработка

W3C дает благословение на CSS анимации без префиксов

Рабочая группа CSS в W3C, которая занимается созданием стандартов CSS, дает добро на использование CSS3 Transforms, Transitions и Animations без вендорных префиксов.Читать полностью »

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