Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 23 replies
- 15.8k views
Не смотря на браузер всеравно устанавливает UTF-8, что нада сделать чтобы браузер ставил кодировку "Кирилица (Windows)" ?
Last reply by Justnewone, -
- 12 replies
- 15.1k views
Собствено хотел поинтересоваться, есть ли где-то официальный полный список универсальных кроссплатформенных шрифтов
Last reply by lyapiss, -
- 23 replies
- 15k views
Здравствуйте, уважаемые форумчане! Увидел такую запись <meta name="keywords" content=""> Что происходит, если, как в данном случае, не прописать ключевые слова? Сайт, кстати, занимает лидирующую позицию в выдаче ПС.
Last reply by antmike, -
- 16 replies
- 14.1k views
И снова здравствуйте, друзья и коллеги по несчастью! Вот выдалась свободная минутка и я спешу поделиться с вами совсем недавно (30 минут назад) найденным решением для стилизации селекта. Не секрет, что для многих это очень большая проблема, особенно когда попадается тупой заказчик и такой же дизайнер Итак без лишних слов качаем картинку select_bg.gif и разбираемся в коде: <!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> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;ch…
Last reply by psywalker, -
- 6 replies
- 13.4k views
Пошло отсюда. http://absolvo.ru/2008-05-27/neskolko-sove...eznyj-fleshmob/ 1. Думай При решении задач верстки один и тот же результат можно получить множеством способов. Какой из существующих методов выбрать зависит от поставленной задачи, собственных знаний и затраченного времени. В итоге, все зависит от тебя, так что анализируй и думай над тем, как выполнить работу оптимально, и не переделывать ее впоследствии. 2. Используй накопленный опыт Велосипед уже изобрели, различные приемы верстки тоже. Так что больше знакомься с мировым опытом по части верстки и тебе не придется тратить время на разработку того, что всем давно известно. 3. Учи английский К сожалению и, увы, бо…
Last reply by Игорь Ермаков, -
тестирование под различные разрешения 1 2
by Guest Анна- 33 replies
- 13.2k views
Подскажите подробно пож, что и как я могу установить в браузерах, чтобы я могла просматривать html-странички при разных разрешениях экрана (800х600, 960х600, 1024х768). Ведь это можно как-то реализовать? Чтобы несколько щелчков и браузер автоматически устанавливался с разной диагональю. Заранее спасибо
Last reply by Tokolist, -
- 18 replies
- 12.9k views
Вот постоянно задаюсь вопросом, какие сайты любят поисковики. Точно знаю, что они любят семантику, релевантность, валидность, фавиконы, уникальные страницы 404, лёгкий и удобный дизайн, поменьше внешних ссылок, качественный контент. А что ещё любят поисковики?
Last reply by Great Rash, -
- 25 replies
- 12.4k views
Столкнулся с таким пожеланием дизайнера: - сайт должен растягиваться; - при этом у сайта есть поля слева и справа от области контента. При разрешении >= 1280px, эти поля составляют 8% от ширины. - при разрешении <= 1024 поля должны исчезать и всё пространство браузера должна занимать область контента. - при разрешении 1024 - 1280 с поля просто должны быть, видимо, какого-то переходного размера. Интересно, вообще возможно, чтобы поля то были, то не были? Разумеется, всё это без javascript'а.
Last reply by @LEXXX_NF, -
- 7 replies
- 12.2k views
У меня вот тут возникла довольно специфическая проблема - вставить контент, генерируемый скриптом, в определенное место на странице. Контент генерируется при помощи методов DOM createElement и appendChild поэтому вставить на странице его при помощи document.write не получится. Долго придумывал решение и наконец придумал такое: 1) назначаем скрипту id 2) в самом скрипте находим его же по id 3) вставляем нужный контент при помощи insertBefore Как это выглядит в коде: <body> <!-- задаем id скрипту --> <script type="text/javascript" id="script"> // ищем самого себя var self = document.getElementById('script'); // создаем тестовый элемент var tes…
Last reply by s0rr0w, -
- 20 replies
- 11.6k views
всем привет. подскажите что нужно для того чтобы саит отображался в поисковых машинах (гугл, яндекс, ... )
Last reply by bbsalex, -
- 33 replies
- 11.5k views
Появился такой вопрос.. какая разница, какой регистратор домена? Сейчас многие крупные компании предлагают регистрацию доменов по 500 - 600 рублей, а есть те, которые предлагают по 100 - 150 рублей. Вот я и думаю, есть ли хоть какой-то риск "попасть", если регить у более дешевых? Спасибо.
Last reply by moofx, -
- 23 replies
- 11.5k views
В браузере IE9 при нажатии на F12 есть возможность выбрать режим браузера. Это IE7, IE8, IE9 с режимами совместимости. И это отображение теперь очень похоже на честное, в отличие от всякого рода эмуляций. Ура, товарищи!
Last reply by zSpx, -
- 4 replies
- 11.5k views
Поскольку постоянно появляются в сети люди, являющиеся новичками в веб-программировании и при этом обладающие большими амбициями ?я хочу написать свой движок? меня это достало и я решил написать эту статью. Сразу предупрежу, что слово теория в заголовке не случайно ? в статье вы не найдете примеров кода, я буду описывать исключительно принцип работы сайта. Итак, начнем. Для того чтобы не разговаривать ?на пальцах? нарисовал небольшую пояснительную картинку: Итак, как мы видим ? у нас есть 5 основных компонент сайта: ЯДРО Пожалуй самым простейшим определением ядра станет ?транспорт для данных?. Так и есть ? ядро должно обеспечивать связь между остальными 4мя компонентами…
Last reply by D.S.Denton, -
- 12 replies
- 11.4k views
Я недавно закинул сай на Narod.ru, что мне зделать чтобы его можно было находить в посковиках?, подскажите пожалуйста????
Last reply by vazonov11, -
- 25 replies
- 11.1k views
Увидел у Лебедева интересное задание под ?3 на странице http://www.artlebedev.ru/studio/vacancy/web_tech_4/ Как бы Вы верстали такое дело? Я бы как то програмно вставлял распорки по строкам, но не уверен что это бы сработало...
Last reply by kiD, -
- 12 replies
- 11k views
Посоветуйте хорошую CMS для сайта музыкального портала, нужно ничего лишнего чтоб можно было удобно добавлять музвыку описние, чтоб были хорошие расширения, чтоб шаблон можно было перекроить не тяжело, про расширения я сказал, чтоб можно было чтоб зареганные юзеры могли залить.... Естестно моды как последнее добавленное новинки ну всё как пологаеися Ну чтот тип зайцев.нет, сортировка... я так на джумлю глаз положил, посоветуйте, покритикуйте.... наставьте в путь, спасибо
Last reply by stiffler, -
- 11 replies
- 11k views
На одном из сайтов увидела интересное решение для того, чтобы заставить IE понимать hover не только для ссылок. http://www.habrahabr.ru/blog/la_france/22751.html Я попробовала, действительно работает. Кто еще пробовал и какие отзывы может дать?
Last reply by xakki, -
Открытие=)) 1 2
by Yahoo!- 29 replies
- 10.9k views
Очень хорошо помогло такое свойства против IE 6 как * {zoom: 1} Если запихнуть в коментария, то + валидность и IE 6 делается послушным + самое безопасное свойство. Как вам идея? За перво-открывателя себя не считаю, но просто хочу узнать, что вы об этом методе думаете?
Last reply by Fenix, -
- 25 replies
- 10.7k views
Собственно хотелось бы узнать кто каким текстовым редактором пользуется для верстки И какие вообще требования вы предъявляете к редактору.
Last reply by Justnewone, -
- 27 replies
- 10.6k views
У меня есть готовая картинка сайта, так как я его себе представляю. Каждый элемент это новый слой. Могу ли я из этой картинки смастерить сайт, но без контента. Тоесть кнопки, фон... Если это всетаки возможно то обьясните как это осуществить. З.С. Извините если не по теме, и за глупые вопросы тож(в этой теме).
Last reply by kiD, -
- 15 replies
- 10.3k views
Здравствуйте, товарищи по несчастью! Я имею в виду тех верстальщиков, которым каждый день приходится сталкиваться с закруглением углов у различных блоков. И за что его так дизайнеры любят... Хочу поделиться с вами еще одним способом закругления углов, который я совсем недавно придумал. Он использует всего одну картинку, не использует background-position (так что .png24 будет нормально отображаться с хаком в ИЕ6) и полностью резиновый. Плюсы: - одна картинка; - тянется по ширине и по высоте (по контенту); - сменить дизайн можно очень быстро. Минусы: - блок не может быть резиновым по высоте; - 7 контейнеров; - использует .png24 картинку, так что для ИЕ6 нужен хак; - код стр…
Last reply by Great Rash, -
- 6 replies
- 10.3k views
На субдомене установлены движки os Commerce , а затем и dle, браузеры видят их только если после адреса прописано имя файла /index.php (или /install.php, например), иначе пишут ошибку 404 - "The requested URL /home/bestsafa/domains/bestsafari.org/public_html/index.php was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request." Как видно, они пытаются найти его не по прописанному в браузере адресу public_html/sub.domain/ , а в public_html/ , где его, естественно нет Через некоторое время, а скорее всего после установки аналогичного движка на другой субдомен сайта, на этом субдомене стало вс…
Last reply by WalterG, -
Веб-дизайн
by Vlad- 23 replies
- 10k views
Термин «веб-дизайн» достаточно широко используется применительно к сайтам, однако если попытаться расшифровать это понятие, то окажется, что многие люди вкладывают в него разный смысл. Ниже я описал четыре разных подхода, которые используются при упоминании «веб-дизайн». 1. Веб-дизайн как совокупность веб-технологий HTML, CSS, верстка и т.д. 2. Веб-дизайн как искусство Способ самовыражения и представления своего таланта. Пример http://art.teleportacia.org 3. Веб-дизайн как оформление Набор средств по оформлению элементов веб-страниц с целью эстетического и удобного представления информации. 4. Веб-дизайн как один из способов достижения цели сайта Или правильнее сказать: …
Last reply by Искатель, -
- 9 replies
- 9.9k views
Вот задумался как проверить код на кроссбраузерность. Можно установить все броузеры и проверять в них, но в win нельзя поставить IE 6 и IE 7. Что делать? А может есть мультиброузер где несколько броуз объединены.
Last reply by dandandan, -
- 25 replies
- 9.8k views
Сейчас большинство дизайнов оптимизируется под разрешение 1024х768. При этом часть из них далется статичными по ширине, часть "резиновыми". Но даже "резиновый" дизайн не спасет, если пользователь дотягивает до отметки 1600х1200 и более (знаю, что по статистике таких пока не много, но это пока). Представим ситуацию, что завтра все пользователи мира вдруг перешли на большое разрешение (болеше тех же самых 1600х1200). И практически на всех сайтах картинки и текст стали очень мелкими, да и вообще весь сайт превратился в маленький квадратик в центре браузера. Большинство пользователей не поймут что произошло и уйдут с сайта (а я в этом абсолютно уверен). НО! В современных брау…
Last reply by Justnewone,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-