Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 9 replies
- 5.5k views
Подумалось тут в развитие старой темы. По сути, используя инлайн-блоки со «скукоженными» пробелами между ними, мы ведь пытаемся эмулировать «новые» флексбоксы (в т.ч. в многострочном режиме — flex-flow: row wrap) с flex: none. И у нас есть надежное средство «скукожить» пробелы везде, кроме вебкита (отриц. word-spacing с запасом), лекарство для старых вебкитов (display: table для контейнера) и... собственно флексбоксы в новых вебкитах (Хром-Канарейка и т.п.) . А также @supports, чтобы все остальные могли перейти со старых костылей на правильный флексбокс, как только смогут сделать это наверняка. Тем самым мы избавляемся от подгонки «магических» значений для двух похожих, н…
Last reply by SelenIT, -
Подскажите что мона предпринять если хочется сделать флеш сайт, но вдруг у пользователя не установлен флеш плеер, нада чтобы плеер сам загружался вместе с видео, как это можно сделать?
Last reply by astrvany, -
- 8 replies
- 5.4k views
Для ускорения загрузки можно запихать js и css код в один файл.
Last reply by yopopt, -
- 8 replies
- 5.4k views
Здравствуйте. На странице есть таблицы(адаптивные). Проблема в том, что при маленькой ширине экрана(к примеру на мобильных устройствах) они не убираются. Прописал в css: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; В итоге получил это(текст не переносится, на конце троеточие): Подскажите решение как можно реализовать просмотр таблицы или отдельных ячеек не нарушая адаптивность.
Last reply by dkv01, -
- 5 replies
- 5.4k views
Сейчас для того что бы заказчику предоставить струткуру сайта используем Word в нем списком расписываем структуру. Может есть какие идеи получше что бы на крупных проектах заменить Word чем то поудобнее ?
Last reply by PacMan, -
- 6 replies
- 5.4k views
Добрый день формучане! Вот хочу задать такой вопрос, какие требование к верстке под WordPress? Чем отличается обычная верстка от верстки под эту CMS?
Last reply by rus, -
- 12 replies
- 5.3k views
Вот рисуем мы сайт, делаем, стараемся, в общем сделали. Все отлично. Знакомым дизайнерам показали - говорят отлично, молодца. Едете на встречу к заказчику, открываете на его компьютере сайт........ а у него на 19-ти дюймовом мониторе разрешение 1024х768. И Ваш дизайн похож на низкокачественную каку Кто что делает/говорит в таком случае? Я вижу несколько способов: 1. Говорим что у заказчика нестандартное разрешение, и в общем фиг что ему будет красивого на таком разрешении. "+" - четкая позиция web-дизайнера. И частично верная - т.к. извращаясь над разрешением - любой сайт может выглядеть какой. "-" - принципиальный заказчик может сказать "мне по_ на правила, я хочу что бы…
Last reply by odalex, -
Собственно недавно наткнулся на веселенький формат SVG, который даже поддерживается IE6 Собственно вопрос - будет ли толком работать альфа-канал в ie6 если картинка будет сделана в формате SVG?? зы: В общем хотелось бы услышать мнения экспертов,да и вообще про жизнеспособность данного формата
Last reply by rus, -
- 8 replies
- 5.2k views
Добрый вечер. Интересно собрать ваши мнения. Зачем на сайте указывать стили для ссылок во время нажатия и посещенных ссылок? (visited, active) Возможно, на каких-либо сайтах с большим количеством контента visited и нужен. Напоминания ради (где был, где еще нет). На каких-то сайтах эти свойства будут излишними. В каких случаях и почему вы не прописываете свойство visited? И мне вообще непонятно зачем нужно свойство a:active. В чем удобство для пользователя? Ваши мнения...
Last reply by rash, -
- 5 replies
- 5.2k views
Скажите пожалуйста как можно сделать чтобы видео выложенное на сайт нельзя было скачать не комбинациями клавиш не через меню. МОжет кактог можно его выложить на сервер и передавать на все компютеры. Мне такое нада сделать как в локальном сайте так и в интернете. Буду очень признателен за помощ.
Last reply by Ялекс, -
- 5 replies
- 5.2k views
Пишут, что на странице лучше указывать оба варианта указания ключевых слов: <meta name="keywords" content="" /> <meta http-equiv="keywords" content="" /> Что скажите? Обязательно ли оба? А также с точки зрения поисковых систем, поскольку именно исходя из того, что, мол, разные ПС понимаю разные варианты.
Last reply by EGORR, -
- 14 replies
- 5.2k views
Я вот задумался вот над чем, W3C катится в сторону XML. Достоинства этого формата ясны. Мир Web'a это (пока?) мир HTML. Его заслуги очевидны. Но время идет и заслуги заслугами, а достоинства тоже надо иметь. Что сейчас может дать нам HTML? Что потенциально может дать HTML? Может быть вопросы выше звучат однобоко, я просто пытался обозначить область рассуждений, конкретный вопрос в сопоставлении XML и HTML: XML vs HTML. Кто победит в Web'e, почему. ДОСТОИНСТВА одного и другого. Мне очень интересно. Пожалуйста.
Last reply by SelenIT, -
- 11 replies
- 5.1k views
подскажите какие критерии скорости загрузки есть и как их оценить, я так понимаю вес страницы - это не все, ещ? от чего-то зависит скорость загрузки (отдачи)? (естественно речь не идет о том с какой скростью он будет принята пользователем) Может есть какие-то сервисы, которые это оценивают?
Last reply by Alexx, -
- 1 reply
- 5.1k views
Подскажите, можно ли через такую команду скачать не весь сайт, а указать которые не нужно(или еще какой способ). При скачивании сайта на котором тысячи аккаунтов и каждый что то пишет и выставляет(в моем случае книги) делает НЕРЕАЛЬНОЕ для скачивания количество фалов. А мне к примеру нужно пару книг всего-то , да и пользователи мне не нужны... Есть какой то выход?
Last reply by Switch74, -
- 18 replies
- 5.1k views
Не знаю обсуждалось или нет... Проблема в том, что шаблоны, которые я делаю, по-разному отображаются в различных браузерах... Никак не могу воткнуть в ч?м причина((( Помогите, а)
Last reply by Vantoose, -
- 6 replies
- 5.1k views
недавно открыл для себя как регулировать длинну подвала, в этом браузере отображает в другом нет, и как решилась проблема в итоге- вот пример кода: ....................................................................................................................................................................................................................................................... **************Дизайн - Тимур Ярматов**************.......................................................................................................................................................................................................................................…
Last reply by SelenIT, -
- 7 replies
- 5.1k views
Можно ли как то обновлять отдельные элементы, например отдельный тег ДИВ... желательны варианты без использования фреймов и скриптов на стороне сервера.
Last reply by Nekromancer, -
Решил поискать вариант закругленных уголков, но без картинок или кучи вложенных тегов, т.е. на javascript. Для использования на полупрозрачных дивах с неоднородным бэком. Ну и вес желательно поменьше . Но как-то все грустновато выходит - толкового варианта так и не нашел. Все варианты не доделанные . Rounded corners - небольшой вес, но известная проблема - под закругленными уголками лежат квадратные , с неоднородным бэком не прокатит. Jquery corner - две библиотеки, да и таже проблема что и выше. Nifty Corners, Nifty Corners Cube - оба варианта не поддерживают бэк, только установка цвета, точно размер скругления задать нельзя. ShadedBorder - небольшой вес, куча возможност…
Last reply by Glebr, -
- 5 replies
- 5k views
Есть горизонтальное меню с rollover'ом на CSS. Меню чисто графическое, так как шрифт нестандартный, поэтому никакого текста нет. Есть какие-нибудь варианты добавления текста, чтобы видно было только, когда отключены картинки? А то юзеры с отключёнными картинками страдают, поисковые машины тоже страдают, но для них есть обходные пути...
Last reply by Reveal, -
- 10 replies
- 5k views
Поскажите, если делать карту чисто для поисковиков(а не для людей), то нужно-ли в ней указывать названия страниц, или можно просто ограничиться указание ссылки? Чтобы было понятней - пример HTML-кода карты сайта: Нужно делать так: <a href="index.html">Главная страница</a> <a href="faq.html">Часто задаваемые вопросы</a> <a href="forum.html">Форум</a> И.Т.П. или достаточно просто так: <a href="index.html"></a> <a href="faq.html"></a> <a href="forum.html"></a> И.Т.П. Повторюсь еще раз - карта ЧИСТО для роботов - видимой ссылки для того чтобы на нее заходили польователи нету.
Last reply by D.S.Denton, -
- 10 replies
- 5k views
Для одного заказчика занялся созданием фильтра (по работе) ... что из этого получилось: SELECT DISTINCT c.*, (SELECT GROUP_CONCAT(ss_c_params_acceptance.value SEPARATOR '<br/>') FROM ss_catalog_acceptance LEFT JOIN ss_c_params_acceptance ON ss_catalog_acceptance.ac_id = ss_c_params_acceptance.id WHERE ss_catalog_acceptance.item = c.id ) as acceptance_1, (SELECT GROUP_CONCAT(ss_c_params_voltage.value SEPARATOR '<br/>') FROM ss_catalog_voltage LEFT JOIN ss_c_params_voltage ON ss_catalog_voltage.vt_id = ss_c_params_voltage.id WHERE ss_catalog_voltage.item = c.id) as voltage_1, (SELECT GROUP_CONCAT(ss_c_params_out_signal.value SEPARATOR '<br/>…
Last reply by Tokolist, -
- 8 replies
- 5k views
Доброго времени Требуется помощь, подсказка... Прикрепляю скрин для наглядности! При наведении мышки на поле 1, поле 2... поле n 'из него' должно выезжать поле, с графическими файлами, ссылками Подкиньте ссылку на готовое решение спс ps. в долгу не останусь, скажу спасибо
Last reply by Wind, -
- 7 replies
- 5k views
Видел сайт при входе на который блокируются кнопки "Back" и "Forward" браузера ИЕ (и обратной их активации при выходе). Не срабатывали даже комбинации "Alt-стрелки курсора" и клавиша "BackSpace". Очень удобная штука при изменении Базы Данных в самый момент перехода между страницами. Хелп. Как это делается ? Единственное что мог узнать - изменение в Реестре Windows. Но для меня это не решение.
Last reply by Boris.d, -
- 6 replies
- 4.9k views
Есть ли возможность в Vista каким-нибудь образом тестировать страницы в IE6 и, возможно, IE5.5? Не используя виртуальных машин. Где-то видел упоминание утилиты, которая эмулирует несколько версий IE под висту, но найти никак не могу...
Last reply by Dimitry Wolotko, -
- 13 replies
- 4.9k views
Несколько лет никто (и я в том числе) не мог найти решение надоедливой проблемы, касаемой абсолютного позиционирования в ячейках таблицы, в браузере Firefox. Но, так случилось, что рывшись долгое время в поисках этого решения я на него всё таки наткнулся, и спешу поделиться им с вами в этой статье. Абсолютное позиционирование в ячейках таблицы, в Firefox Отдельное спасибо Илюхе (SelenIT). Пока писалась статья, мы с ним узнали много нового и интересного
Last reply by Yazon_Nile,
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number">
-
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-