Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 8 replies
- 5.9k views
приветствую. время от времени я слышу все новые и новые правила написания кода под SEO. я хотел б поинтересоваться... может кто скинет ссылочку... на статейку.. где описаны стандартные правила для написания "SEO-валидного" кода. зы: хотелось увидеть именно статейки.. а не линки на форумы
Last reply by freeneutron, -
- 18 replies
- 5.8k views
http://www.cys.ru/ я что-то до конца не могу понять, что этот сервис дает? Этот сервис вообще хоть что-то дает? P.S. Если он полезный, то можно будет потом добавить в полезные ссылки
Last reply by Maslakoff, -
- 3 replies
- 5.8k 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, -
- 6 replies
- 5.7k views
Сейчас, когда на дворе почти 2015 год, стало модно делать всякие эффекты без использования JS. Обычно для переключения состояний элемента используются следующие псевдоклассы: :focus :checked :active Вот про первый я и хочу написать небольшую заметку. Знаете ли вы, что в HTML можно сделать любой элемент способным получать фокус? Для этого достаточно просто добавить атрибут tabindex к любому тегу. Есть правда один нюанс - tabindex отвечает за то, в каком порядке пользователь будет переключаться между полями формы (используя клавишу Tab). По умолчанию индексы расставляются браузером автоматически по мере появления контрола в коде, но мы можем изменить порядок переключения…
Last reply by psywalker, -
- 13 replies
- 5.7k views
Да, да, я знаю, что этой теме стопицот лет в обед, что Якоб Нильсен до сих пор считает (до 2007-го считал как минимум) это одной из 10 страшнейших ошибок веб-дизайна, что Strict-разновидности действующих стандартов это тупо запрещают, что "удержать пользователя на сайте" таким макаром очень трудно (если вообще возможно), и т.д., и т.п. Лично меня вообще любые бесконтрольно размножающиеся окошки бесят, сам всегда открываю второстепенные ссылки колесом, и их target меня мало волнует. Но. Сегодня у нас с коллегами вышел жаркий спор по сабжу (началось с вопроса, нужен ли он в поддержке очень старого корп. сайта, где сабж исторически присутствовал года этак с 2003-го), и у са…
Last reply by Март, -
- 9 replies
- 5.6k views
И вот мой вопрос: имеется блок плавающей ширины (%), в нем размещаются, блоки новинок (часто встречается на сайтах). Необходимо сделать, так, чтоб в зависимости от размера главного блока, добавлялись новинки. (если ширина главного блока недостаточна, то пропадали с экрана ) Какие есть возможные способы решения…….очень интересны варианты….
Last reply by ermoha, -
- 4 replies
- 5.6k views
Это мой первый сайт, Google требует Sitemap, а нужна ли она для одностраничного сайта? Пробовал сделать - сложно.
Last reply by Dimitry Wolotko, -
- 15 replies
- 5.6k views
ГрамОтный народ, подскажите. с чего начинается веб дизайн?( если HTML в общем освоен), какой следующий шаг стоит предпринять, (если в будущем я хотела бы заниматься созданием сайтов для различных фирм и чп, те объять необъятное за раз , понятно не планирую) И вообще насколько профессионально считается создание сайтов (дизайн и тп) и кодов при помощи программ...ну логично, что я с ходу не выучила все коды CSS!?!
Last reply by psywalker, -
- 4 replies
- 5.6k views
Всем, Привет! Кто знает как H1 сделать картинкой, но чтобы текст тоже был. Давно где-то видел решения, но не найти. Подскажите ссылку или способ. Спасиб.
Last reply by imfate, -
- 7 replies
- 5.6k views
Привествую, господа! Может быть кто-то может поделиться советами по тому, как быстро осуществляет верстку? Часто вижу что люди пишут, чтоо верстают за 2-4 часа. У меня на макет уходит обычно 2-3 дня (ес-но от сложности зависит, но в среднем примерно так). Естественно я бы хотел улучшить эти показатели, но осавить/повысить качество. Поэтому кто чем может поделиться по этому поводу - пишите. И если есть желание - скажите, сколько у вас уходит на верстку мин./макс. сколько времени занимали первые шаблоны и как быстро освоили ремесло версти. Заранее всем спасибо, думаю не одному мне былобы интересно)
Last reply by Fu-tai, -
- 15 replies
- 5.5k views
взял слово "раскрутка" в кавычки в том числе и по тому, что под этим не подрузамиваю ничего глобального (первое место в top100 и т.п.). Меня пока интересует самое малое. Вопрос в следующем. Стоит ли уделять внимание, при верстке сайта, на приемы, позволяющие "раскрутить" сайт? Какие это приемы? Пожалуйста...
Last reply by t3s, -
- 9 replies
- 5.5k 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 Игорь Ермаков, -
- 13 replies
- 5.5k 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, -
- 8 replies
- 5.5k views
Если вас беспокоит то, что ваш посетитель, переходя по разным линкам с вашего сайта, - каждый раз открывает новое окно или закладку браузера; и если вы думаете что этот веер может переполнить его монитор, то вставте вместо "_blank" =>> "win2" и все новые окна или закладки откроются в одном и том же окне. Попробуйте, думаю что это вам понравится Узнала об этом с сайта www.netmechanichs.com
Last reply by Boris.d, -
- 6 replies
- 5.5k views
Даже не для обсуждения Простая эмуляция position:fixed; Минимум html-кода и css, все без JavaScript. Фиксированные блоки на web-странице Но на вопросы, разумеется отвечу.
Last reply by gordi, -
- 9 replies
- 5.4k views
Необходимо создать на сайте on-line трансляцию одного мероприятия. Необходимо видео в хорошем качестве. Что для этого нужно? На месте проведения мероприятия есть есть проводной интернет около 512 кб/c и wellcom(держит стабильно 1 мб/c) Так же есть: 1. видеокамера 2. ноутбук
Last reply by =Shaman=, -
- 2 replies
- 5.4k 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, -
- 15 replies
- 5.4k views
Подскажите какую нибудь простую программу для редактирования НТМЛ- кода прямо на сервере.
Last reply by bix, -
- 12 replies
- 5.4k views
Господа, интересует подробная пошаговая инструкция по созданию видео на Flash и дальнейшему использованию на странице. Как конвертировать видео в FLV, понятно. Вопрос в том, как все это поставить на страницу.
Last reply by KORN, -
- 2 replies
- 5.4k views
IE поддерживает ряд свойств позволяющих раскрасить полосы прокрутки на странице, в блоке или текстовом поле. Это scrollbar-arrow-color и ему подобные свойства. Опера с версии 7 тоже поддерживает эти свойства, но при соблюдении некоторых условий. В старых версиях надо было прописать в файле opera6.ini в блоке [user Prefs] такую строку: Enable Scrollbar Colors=1 В современных версиях это делается через настройки: Настройки > Общие настройки > Расширенные > Содержимое > Настроить стили > Включить стилизацию полос прокрутки У меня Опера 10.60, но эта настройка работает нестабильно. То появляется цвет на скролбаре, то исчезает. От чего это может зависеть?
Last reply by Vlad, -
- 17 replies
- 5.3k views
Занялся созданием сайтов, и вот хочу вас спросить: Кто из вас знает кульные программы, помощники при созданием сайтов
Last reply by klierik, -
- 8 replies
- 5.2k views
Как известно, невозможно оптимизировать сайт под все поисковые машины. А в том случае. когда делается усредненная оптимизация (всем и никому), Вы не сможете увеличить свой траффик, если не потеряете его вообще. как5 же быть с этой диллемой. авайте обсудим идеальный метод оптимизации сайта.
Last reply by злец, -
- 8 replies
- 5.2k views
Есть ли специализированные сайты на русском где можно было бы выставлять уже готовую верстку или тему для CMS на продажу? Какие вообще существуют сайты связанные с продажей любых работ связанных как с версткой так и с программированием? Интересны сайты где заказчик выбирает из предложенного.
Last reply by mrrFan, -
- 5 replies
- 5.1k views
Сейчас для того что бы заказчику предоставить струткуру сайта используем Word в нем списком расписываем структуру. Может есть какие идеи получше что бы на крупных проектах заменить Word чем то поудобнее ?
Last reply by PacMan, -
PSD макеты
by Onveg- 14 replies
- 5.1k views
Здравствуйте. Учусь блочной верстке - хотелось бы на реальных примерах. У кого есть дизайн сайтов в PSD - поделитесь пожалуйста (старых, ненужных и пр. ). Заранее благодарен.
Last reply by rmaksim,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-