Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 46 replies
- 15.2k views
В одной школе попросили сформулировать требования, которые необходимо предъявлять к школьникам, изучающим HTML и другие веб-технологии. Причем, в школе оперируют понятиями "знания", "умения" и "навыки", поэтому требования должны содержать эти термины. Что они означают точно никто сказать не может, поэтому сформулирую от себя. Знания Свод необходимых знаний по выбранной теме. Умения Способность применять полученные знания на практике и решать стандартные типовые задачи. Навыки Аналогично умению, но уже применительно к решению задач, которые ставятся в реальной жизни, т.е. нестандартных. Также можно понимать, как способность разбить нетрадиционную работу на ряд типовых зада…
Last reply by SkyFlash, -
- 12 replies
- 14.8k views
Собствено хотел поинтересоваться, есть ли где-то официальный полный список универсальных кроссплатформенных шрифтов
Last reply by lyapiss, -
- 23 replies
- 14.6k views
Здравствуйте, уважаемые форумчане! Увидел такую запись <meta name="keywords" content=""> Что происходит, если, как в данном случае, не прописать ключевые слова? Сайт, кстати, занимает лидирующую позицию в выдаче ПС.
Last reply by antmike, -
- 16 replies
- 13.8k 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.2k views
Пошло отсюда. http://absolvo.ru/2008-05-27/neskolko-sove...eznyj-fleshmob/ 1. Думай При решении задач верстки один и тот же результат можно получить множеством способов. Какой из существующих методов выбрать зависит от поставленной задачи, собственных знаний и затраченного времени. В итоге, все зависит от тебя, так что анализируй и думай над тем, как выполнить работу оптимально, и не переделывать ее впоследствии. 2. Используй накопленный опыт Велосипед уже изобрели, различные приемы верстки тоже. Так что больше знакомься с мировым опытом по части верстки и тебе не придется тратить время на разработку того, что всем давно известно. 3. Учи английский К сожалению и, увы, бо…
Last reply by Игорь Ермаков, -
- 18 replies
- 12.4k views
Вот постоянно задаюсь вопросом, какие сайты любят поисковики. Точно знаю, что они любят семантику, релевантность, валидность, фавиконы, уникальные страницы 404, лёгкий и удобный дизайн, поменьше внешних ссылок, качественный контент. А что ещё любят поисковики?
Last reply by Great Rash, -
тестирование под различные разрешения 1 2
by Guest Анна- 33 replies
- 12.3k views
Подскажите подробно пож, что и как я могу установить в браузерах, чтобы я могла просматривать html-странички при разных разрешениях экрана (800х600, 960х600, 1024х768). Ведь это можно как-то реализовать? Чтобы несколько щелчков и браузер автоматически устанавливался с разной диагональю. Заранее спасибо
Last reply by Tokolist, -
- 25 replies
- 11.8k views
Столкнулся с таким пожеланием дизайнера: - сайт должен растягиваться; - при этом у сайта есть поля слева и справа от области контента. При разрешении >= 1280px, эти поля составляют 8% от ширины. - при разрешении <= 1024 поля должны исчезать и всё пространство браузера должна занимать область контента. - при разрешении 1024 - 1280 с поля просто должны быть, видимо, какого-то переходного размера. Интересно, вообще возможно, чтобы поля то были, то не были? Разумеется, всё это без javascript'а.
Last reply by @LEXXX_NF, -
- 7 replies
- 11.8k 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, -
- 4 replies
- 11.3k views
Поскольку постоянно появляются в сети люди, являющиеся новичками в веб-программировании и при этом обладающие большими амбициями ?я хочу написать свой движок? меня это достало и я решил написать эту статью. Сразу предупрежу, что слово теория в заголовке не случайно ? в статье вы не найдете примеров кода, я буду описывать исключительно принцип работы сайта. Итак, начнем. Для того чтобы не разговаривать ?на пальцах? нарисовал небольшую пояснительную картинку: Итак, как мы видим ? у нас есть 5 основных компонент сайта: ЯДРО Пожалуй самым простейшим определением ядра станет ?транспорт для данных?. Так и есть ? ядро должно обеспечивать связь между остальными 4мя компонентами…
Last reply by D.S.Denton, -
- 23 replies
- 11.2k views
В браузере IE9 при нажатии на F12 есть возможность выбрать режим браузера. Это IE7, IE8, IE9 с режимами совместимости. И это отображение теперь очень похоже на честное, в отличие от всякого рода эмуляций. Ура, товарищи!
Last reply by zSpx, -
- 20 replies
- 11.1k views
всем привет. подскажите что нужно для того чтобы саит отображался в поисковых машинах (гугл, яндекс, ... )
Last reply by bbsalex, -
- 12 replies
- 11.1k views
Я недавно закинул сай на Narod.ru, что мне зделать чтобы его можно было находить в посковиках?, подскажите пожалуйста????
Last reply by vazonov11, -
- 33 replies
- 10.7k views
Появился такой вопрос.. какая разница, какой регистратор домена? Сейчас многие крупные компании предлагают регистрацию доменов по 500 - 600 рублей, а есть те, которые предлагают по 100 - 150 рублей. Вот я и думаю, есть ли хоть какой-то риск "попасть", если регить у более дешевых? Спасибо.
Last reply by moofx, -
- 12 replies
- 10.7k views
Посоветуйте хорошую CMS для сайта музыкального портала, нужно ничего лишнего чтоб можно было удобно добавлять музвыку описние, чтоб были хорошие расширения, чтоб шаблон можно было перекроить не тяжело, про расширения я сказал, чтоб можно было чтоб зареганные юзеры могли залить.... Естестно моды как последнее добавленное новинки ну всё как пологаеися Ну чтот тип зайцев.нет, сортировка... я так на джумлю глаз положил, посоветуйте, покритикуйте.... наставьте в путь, спасибо
Last reply by stiffler, -
- 25 replies
- 10.7k views
Увидел у Лебедева интересное задание под ?3 на странице http://www.artlebedev.ru/studio/vacancy/web_tech_4/ Как бы Вы верстали такое дело? Я бы как то програмно вставлял распорки по строкам, но не уверен что это бы сработало...
Last reply by kiD, -
- 11 replies
- 10.6k views
На одном из сайтов увидела интересное решение для того, чтобы заставить IE понимать hover не только для ссылок. http://www.habrahabr.ru/blog/la_france/22751.html Я попробовала, действительно работает. Кто еще пробовал и какие отзывы может дать?
Last reply by xakki, -
Открытие=)) 1 2
by Yahoo!- 29 replies
- 10.4k views
Очень хорошо помогло такое свойства против IE 6 как * {zoom: 1} Если запихнуть в коментария, то + валидность и IE 6 делается послушным + самое безопасное свойство. Как вам идея? За перво-открывателя себя не считаю, но просто хочу узнать, что вы об этом методе думаете?
Last reply by Fenix, -
- 25 replies
- 10.2k views
Собственно хотелось бы узнать кто каким текстовым редактором пользуется для верстки И какие вообще требования вы предъявляете к редактору.
Last reply by Justnewone, -
- 27 replies
- 10.1k views
У меня есть готовая картинка сайта, так как я его себе представляю. Каждый элемент это новый слой. Могу ли я из этой картинки смастерить сайт, но без контента. Тоесть кнопки, фон... Если это всетаки возможно то обьясните как это осуществить. З.С. Извините если не по теме, и за глупые вопросы тож(в этой теме).
Last reply by kiD, -
- 15 replies
- 10k views
Здравствуйте, товарищи по несчастью! Я имею в виду тех верстальщиков, которым каждый день приходится сталкиваться с закруглением углов у различных блоков. И за что его так дизайнеры любят... Хочу поделиться с вами еще одним способом закругления углов, который я совсем недавно придумал. Он использует всего одну картинку, не использует background-position (так что .png24 будет нормально отображаться с хаком в ИЕ6) и полностью резиновый. Плюсы: - одна картинка; - тянется по ширине и по высоте (по контенту); - сменить дизайн можно очень быстро. Минусы: - блок не может быть резиновым по высоте; - 7 контейнеров; - использует .png24 картинку, так что для ИЕ6 нужен хак; - код стр…
Last reply by Great Rash, -
- 9 replies
- 9.7k views
Вот задумался как проверить код на кроссбраузерность. Можно установить все броузеры и проверять в них, но в win нельзя поставить IE 6 и IE 7. Что делать? А может есть мультиброузер где несколько броуз объединены.
Last reply by dandandan, -
Веб-дизайн
by Vlad- 23 replies
- 9.6k views
Термин «веб-дизайн» достаточно широко используется применительно к сайтам, однако если попытаться расшифровать это понятие, то окажется, что многие люди вкладывают в него разный смысл. Ниже я описал четыре разных подхода, которые используются при упоминании «веб-дизайн». 1. Веб-дизайн как совокупность веб-технологий HTML, CSS, верстка и т.д. 2. Веб-дизайн как искусство Способ самовыражения и представления своего таланта. Пример http://art.teleportacia.org 3. Веб-дизайн как оформление Набор средств по оформлению элементов веб-страниц с целью эстетического и удобного представления информации. 4. Веб-дизайн как один из способов достижения цели сайта Или правильнее сказать: …
Last reply by Искатель, -
- 6 replies
- 9.3k views
Заказчик: Переверстал кроссбраузерно десятки страниц с формами пользуя эту конструкцию ? ни разу не испытывал трудности и проблемы. Значит, заместо конструкции и нормальных человеческих стилей для каждого уникального случая предлагается пользовать файл reset.css(код привожу ниже) Глядя на конструкцию выше и на код ниже, так и хочется сказать: У буржуев не хватает ума: 1.При *{margin:0; padding:0; border:0} разверстать форму. 2.Понятно, что с одним CSS файлом работать удобнее, и универсальных стилей, особенно на сложных страницах, быть не может и никогда не будет. Все согласны? П.С. Типично западный идиотизм..
Last reply by Walk, -
- 25 replies
- 9.2k 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-