Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 8 replies
- 6.5k views
Вот делал пару сайтов, всюду нужны были большие картинки на бэкграун. Сайт подгружается не сразу, отсюда задался вопросом, как же решают такие проблемы? Картинка весит где то 240kb. Как это, ок? Может есть при?мы как решают такие проблемы? Если через photoshop картинку уменьшать, то качество падает сильно, что есть плохо.
Last reply by Иван Шумов, -
- 8 replies
- 6.4k views
приветствую. время от времени я слышу все новые и новые правила написания кода под SEO. я хотел б поинтересоваться... может кто скинет ссылочку... на статейку.. где описаны стандартные правила для написания "SEO-валидного" кода. зы: хотелось увидеть именно статейки.. а не линки на форумы
Last reply by freeneutron, -
- 6 replies
- 6.3k views
Сейчас, когда на дворе почти 2015 год, стало модно делать всякие эффекты без использования JS. Обычно для переключения состояний элемента используются следующие псевдоклассы: :focus :checked :active Вот про первый я и хочу написать небольшую заметку. Знаете ли вы, что в HTML можно сделать любой элемент способным получать фокус? Для этого достаточно просто добавить атрибут tabindex к любому тегу. Есть правда один нюанс - tabindex отвечает за то, в каком порядке пользователь будет переключаться между полями формы (используя клавишу Tab). По умолчанию индексы расставляются браузером автоматически по мере появления контрола в коде, но мы можем изменить порядок переключения…
Last reply by psywalker, -
- 15 replies
- 6.3k views
взял слово "раскрутка" в кавычки в том числе и по тому, что под этим не подрузамиваю ничего глобального (первое место в top100 и т.п.). Меня пока интересует самое малое. Вопрос в следующем. Стоит ли уделять внимание, при верстке сайта, на приемы, позволяющие "раскрутить" сайт? Какие это приемы? Пожалуйста...
Last reply by t3s, -
- 3 replies
- 6.3k views
Рассматривал я бутстрап и пришла в голову идея по стилизации селекта. HTML <span class="select"> <span class="select__wrap"> <select name="options"> <option value="option-1">Option 1</option> <option value="option-2">Option 2</option> <option value="option-3">Option 3</option> </select> </span></span>CSS .select,.select__wrap { display: inline-block;}.select,.select__wrap,.select__wrap select,.select__wrap option { font-size: 14px; line-height: 1em; vertical-align: bottom;}.select { border: red 3px dotted; border-radius: 5px;}.select__wrap { overflow: hidden;}.select_…
Last reply by Great Rash, -
- 15 replies
- 6.2k views
ГрамОтный народ, подскажите. с чего начинается веб дизайн?( если HTML в общем освоен), какой следующий шаг стоит предпринять, (если в будущем я хотела бы заниматься созданием сайтов для различных фирм и чп, те объять необъятное за раз , понятно не планирую) И вообще насколько профессионально считается создание сайтов (дизайн и тп) и кодов при помощи программ...ну логично, что я с ходу не выучила все коды CSS!?!
Last reply by psywalker, -
- 9 replies
- 6.2k views
И вот мой вопрос: имеется блок плавающей ширины (%), в нем размещаются, блоки новинок (часто встречается на сайтах). Необходимо сделать, так, чтоб в зависимости от размера главного блока, добавлялись новинки. (если ширина главного блока недостаточна, то пропадали с экрана ) Какие есть возможные способы решения…….очень интересны варианты….
Last reply by ermoha, -
- 13 replies
- 6.2k views
Да, да, я знаю, что этой теме стопицот лет в обед, что Якоб Нильсен до сих пор считает (до 2007-го считал как минимум) это одной из 10 страшнейших ошибок веб-дизайна, что Strict-разновидности действующих стандартов это тупо запрещают, что "удержать пользователя на сайте" таким макаром очень трудно (если вообще возможно), и т.д., и т.п. Лично меня вообще любые бесконтрольно размножающиеся окошки бесят, сам всегда открываю второстепенные ссылки колесом, и их target меня мало волнует. Но. Сегодня у нас с коллегами вышел жаркий спор по сабжу (началось с вопроса, нужен ли он в поддержке очень старого корп. сайта, где сабж исторически присутствовал года этак с 2003-го), и у са…
Last reply by Март, -
- 13 replies
- 6.1k views
Приветствую, Вас, жители сего форума. Мне вот стало интересно - под какие браузеры мы верстаем странички и под каким стандартом? Если быть точнее - в каких браузерах вы проверяете сделанную работу. Так же стало интересно, с выходом каждой новой версии браузера, поднимается ли стоимость верстки ориентируясь на его поддержку. Да и вообще, сколько на сей день стоит верстка среднего по сложности проекта(1 топовая страница + 2 внутрених) под все распрастраненные браузеры. Приведу список браузеров: - Internet Explorer 6 - Internet Explorer 7 - Internet Explorer 8 (beta) - FireFox 2 - FireFox 3 - Opera 9.2 - Opera 9.5 - Safari 3 for Windows Вроде никого не забыл. В общем есть п…
Last reply by Old Nick, -
- 7 replies
- 6.1k views
Привествую, господа! Может быть кто-то может поделиться советами по тому, как быстро осуществляет верстку? Часто вижу что люди пишут, чтоо верстают за 2-4 часа. У меня на макет уходит обычно 2-3 дня (ес-но от сложности зависит, но в среднем примерно так). Естественно я бы хотел улучшить эти показатели, но осавить/повысить качество. Поэтому кто чем может поделиться по этому поводу - пишите. И если есть желание - скажите, сколько у вас уходит на верстку мин./макс. сколько времени занимали первые шаблоны и как быстро освоили ремесло версти. Заранее всем спасибо, думаю не одному мне былобы интересно)
Last reply by Fu-tai, -
- 9 replies
- 6.1k views
интересует мнение. 1. когда количество строк css становится более 4000, есть ли смысл разбивать их на отдельные файлы согласно разделам? (news.css, comments.css и т.д.) 2. (возможно не в тему) когда на большом проекте стили уже разбиты на файлы согласно разделам. но имена классов совпадают. Пример .news.css -- .nav {color: red;} .comments.css -- nav {color: green;} есть ли какое-то программное решение для того, чтобы объединить стили в один файл, а имена изменить на .news_nav и .comments_nav соответственно? 3. Насколько пример из пункта 2 можно считать злом?
Last reply by Игорь Ермаков, -
- 8 replies
- 6.1k views
Если вас беспокоит то, что ваш посетитель, переходя по разным линкам с вашего сайта, - каждый раз открывает новое окно или закладку браузера; и если вы думаете что этот веер может переполнить его монитор, то вставте вместо "_blank" =>> "win2" и все новые окна или закладки откроются в одном и том же окне. Попробуйте, думаю что это вам понравится Узнала об этом с сайта www.netmechanichs.com
Last reply by Boris.d, -
- 4 replies
- 6k views
Это мой первый сайт, Google требует Sitemap, а нужна ли она для одностраничного сайта? Пробовал сделать - сложно.
Last reply by Dimitry Wolotko, -
- 12 replies
- 6k views
Господа, интересует подробная пошаговая инструкция по созданию видео на Flash и дальнейшему использованию на странице. Как конвертировать видео в FLV, понятно. Вопрос в том, как все это поставить на страницу.
Last reply by KORN, -
- 8 replies
- 6k views
Есть ли специализированные сайты на русском где можно было бы выставлять уже готовую верстку или тему для CMS на продажу? Какие вообще существуют сайты связанные с продажей любых работ связанных как с версткой так и с программированием? Интересны сайты где заказчик выбирает из предложенного.
Last reply by mrrFan, -
- 4 replies
- 6k views
Всем, Привет! Кто знает как H1 сделать картинкой, но чтобы текст тоже был. Давно где-то видел решения, но не найти. Подскажите ссылку или способ. Спасиб.
Last reply by imfate, -
- 15 replies
- 5.9k views
Подскажите какую нибудь простую программу для редактирования НТМЛ- кода прямо на сервере.
Last reply by bix, -
- 17 replies
- 5.9k views
Занялся созданием сайтов, и вот хочу вас спросить: Кто из вас знает кульные программы, помощники при созданием сайтов
Last reply by klierik, -
- 9 replies
- 5.9k views
Необходимо создать на сайте on-line трансляцию одного мероприятия. Необходимо видео в хорошем качестве. Что для этого нужно? На месте проведения мероприятия есть есть проводной интернет около 512 кб/c и wellcom(держит стабильно 1 мб/c) Так же есть: 1. видеокамера 2. ноутбук
Last reply by =Shaman=, -
- 2 replies
- 5.9k views
Как и было обещано. Основываеться на принципе работы выпадающего меню без использования js (http://forum.htmlbook.ru/index.php?showtopic=6181) Единственный минус, таблица должна быть фиксированной ширины. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> /*<
Last reply by Vlad, -
- 6 replies
- 5.8k views
Даже не для обсуждения Простая эмуляция position:fixed; Минимум html-кода и css, все без JavaScript. Фиксированные блоки на web-странице Но на вопросы, разумеется отвечу.
Last reply by gordi, -
PSD макеты
by Onveg- 14 replies
- 5.8k views
Здравствуйте. Учусь блочной верстке - хотелось бы на реальных примерах. У кого есть дизайн сайтов в PSD - поделитесь пожалуйста (старых, ненужных и пр. ). Заранее благодарен.
Last reply by rmaksim, -
- 8 replies
- 5.8k views
Как известно, невозможно оптимизировать сайт под все поисковые машины. А в том случае. когда делается усредненная оптимизация (всем и никому), Вы не сможете увеличить свой траффик, если не потеряете его вообще. как5 же быть с этой диллемой. авайте обсудим идеальный метод оптимизации сайта.
Last reply by злец, -
- 11 replies
- 5.7k views
Это нормально, если сайт без куков не пашет, точнее пашет но без авторизации, а то я задолбался парсить URL и проверять SID, тем более что ничего почти не вышло... P.S. заметил что этот форум без куков не авторизирует.
Last reply by Victor Ananiev, -
- 2 replies
- 5.7k views
IE поддерживает ряд свойств позволяющих раскрасить полосы прокрутки на странице, в блоке или текстовом поле. Это scrollbar-arrow-color и ему подобные свойства. Опера с версии 7 тоже поддерживает эти свойства, но при соблюдении некоторых условий. В старых версиях надо было прописать в файле opera6.ini в блоке [user Prefs] такую строку: Enable Scrollbar Colors=1 В современных версиях это делается через настройки: Настройки > Общие настройки > Расширенные > Содержимое > Настроить стили > Включить стилизацию полос прокрутки У меня Опера 10.60, но эта настройка работает нестабильно. То появляется цвет на скролбаре, то исчезает. От чего это может зависеть?
Last reply by Vlad,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-