progressive
-
Публикации
12 -
Зарегистрирован
-
Посещение
-
Невидимая колонка в резиновой таблице
progressive ответил в вопрос пользователя Sombrero в Для начинающих
Ты хочешь, чтобы 4 колонка появлялась после изменений значений ширины 3 предыдущих на абсолютные единицы? Или при появлении определенного доступного свободного места? В любом случае мне кажется подобное было бы удобно реализовать на flexbox. -
Комментарии сжимаются и уходят вправо, с каждым разом всё больше
progressive ответил в вопрос пользователя iBars в Проблемы верстки
А лучше использовать clearfix для блока комментария, так как из за float на аватарах они цепляются за предыдущие.- 2 ответа
-
- 1
-
Можно найти место по координатам в Яндекс.Геолокатор, и потом использовать это место в Яндекс.Конструкторе карт.
-
Скругленный снизу хедер, с border-radius не справиться
progressive ответил в вопрос пользователя babuya в Для начинающих
Как вариант, сделать у слайдера белый фон, а у контента серый, а переход сделать бэкграундом. http://joxi.ru/MAjoZDQhv4elDr -
float и position при адаптивной верстке
progressive ответил в вопрос пользователя nooobito в Для начинающих
Можно логотипу задать float: left, а меню margin-left равный ширине логотипа. В данном подходе не нужно ограничивать меню шириной. -
Правильное подключение Media Queries
progressive ответил в вопрос пользователя Coolbits в Для начинающих
Мне для этого очень помогает сборщик проектов Grunt и CSS препроцессор Less Получается запись типа: // До компиляции.content { padding-right: 30px; width: @content-width; float: left; @media (max-width: @screen-bp) { float: none; }}// После.content { padding-right: 30px; width: 800px; float: left;}@media (max-width: 1200px) { .content { float: none; }}Нет необходимости гулять по файлу или файлам в поиске селекторов. Так же при помощи Grunt медиа запросы группируются и убираются в конец файла, а сам файл полностью минифицируется. Данный подход сложен, но при должном изучении значительно увеличивает скорость написания кода. -
А чем мой вариант плох? У меня примесь .progress-bar(@percent) { background: #e2e2e2; background: -moz-linear-gradient(left, #e2e2e2 0%, #e2e2e2 @percent, #ffffff @percent, #ffffff 100%); background: -webkit-linear-gradient(left, #e2e2e2 0%,#e2e2e2 @percent,#ffffff @percent,#ffffff 100%); background: linear-gradient(to right, #e2e2e2 0%,#e2e2e2 @percent,#ffffff @percent,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=1 );}И в нужном месте я вызываю ее при при помощи .skill { &-design {.progress-bar(89%);} &-development {.progress-bar(97%);} &-plugins {.progress-bar(85%);} &-frontend {.progress-bar(75%);}}
-
Исправил
-
У Вас размер содержимого больше ширины слайдера. Слайдер - 670px, Не влезающие элементы 3*( 217(ширина) + 10(левый отступ) ) = 681px, ширина изображений в данном случае задана 206px. С которыми все хорошо 3*( 211(ширина) + 10(левый отступ) ) = 663px, ширина изображений в данном случае задана 200px.
-
Репозиторий на GitHub Сборка Коллеги, доброго времени суток! Оцените качество верстки, очень интересна критика, так как это моя первая публичная демонстрация. Верстка бесплатного макета под WordPress.
-
Нужно ли верстать вплоть до пикселя?
progressive ответил в вопрос пользователя AlexU в Для начинающих
Для Google Chrome тоже есть расширение. -
Как вариант: http://codepen.io/progressiveCat/pen/wMKNvv Так же советую в дальнейшем использовать хоть какие нибудь заглушки, а не битые изображения. Например: http://dummyimage.com/