Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
Здравствуйте, столкнулся с проблемой оценки знаний у одного верстальщика. Для того чтобы определить узкие моменты - давал ему макеты для верстки, как, в принципе, делают многие. Но сверстаный макет говорит лишь о красоте кода и о паре моментов, иногда самого главного и не видно. Поэтому предлагаю разработать ряд небольших универсальных задач по верстке: типичных и экзотических. Задачи можно кидать по блочной, и по табличной верстке.
Last reply by psywalker, -
Здравствуйте, уважаемые жители сего форума. Я хотел бы сегодня украсть у Вас немного драгоценного времени и поговорить о всем нам известном браузере - Internet Explorer. Каждый разработчик рано или поздно начинает понимать: Internet Explorer - это браузер который не ориентируется на стандарты. Не поддерживает их и мало вероятно что будет их поддерживать на ровне ведущих, в по данному вопросу, браузеров. Помимо того, что браузер урезан в современных возможностях построения web-сайтов, имеет, довольно таки, много "дыр" в безопастности. Для примера можно взят взлом социальных сетей, которые произошли в недавнее время, насколько я знаю, благодоря Internex Eplorer (взлом vkont…
Last reply by Justnewone, -
Приветвую, ув. посетители форума и администрация. первым делом я заюзал поиск для поиска топа с подобныс сабжом, но он мне ничего не выдал. Соответственно хотелось б поднять данный вопрос на обсуждение. Использование хаков, как я понял прочитав некоторое кол-во статеек/блогов нерекомендовано использовать в силу того что неизвестно что они могут принести в будущем. Ведь, собственно css hack - это ошибки в программе, которые допустили разработчики при разработке браузера, что в свою очередь не факт что они остануться при выходе следующего патча, что в свою очередь приведет к неработоспособности хака, или вообще его использование в абсолютно иных целях, нежели кодил разрабо…
Last reply by mishka, -
- 59 replies
- 44.6k views
Народ, сколько можно мучатся со старыми глючными браузерами, тратить свои нервы и время. Надоело уже плясать под дудку мелко-мягких и их тупых ослов. Понятно что много еще юзеров пользуют их глючные браузеры и с этим приходится считаться, но загружают то они наш код и кто как ни мы веб-мастера можем сообщить юзеру , что он не прав ,что пользуется таким старьем, что уже давно есть более новые и современные браузеры, а тот отстой что у них, уже давно не справляется с современными сайтами и вообще дать ему понять то что он «лох» и отстал от жизни. Я думаю это должно сподвигнуть его на то, чтобы установить новый обозреватель. Да и для веб-мастера это еще способ сообщить юзе…
Last reply by inverno, -
Здравствуйте, у меня такая проблема, как отличить самописный движок от готового? То есть проблема в том, что думаю не разбираюсь в программировании настолько сильно ,чтобы это сразу отличить, но хочу сделать для сайта именно самописный движок, как мне проверить ,что сделано будет именно это, а не установлен обычный уже написанный движок?
Last reply by DMGaster, -
хак для Opera IE FF 1 2
by Emm- 28 replies
- 32.5k views
Нужно применить css свойство только для Оперы, может есть какой-то специальный подход?
Last reply by wwt, -
Учимся верстать 1 2
by Fu-tai- 27 replies
- 29.7k views
Долго у меня напрашивался этот цикл статей и вот наконец изливаюсь. А цикл этот вот о чём. Вёрстка и верстальщик. Основы профессии если хотите и логика действий при вёрстке. Решил разделить пока на две статьи. И предлагаю ознакомится с первой. Верстальщик кто-он? И так поехали. Не хотелось бы скатиться до популизма и повторения много раз описанных истин, поэтому постараюсь писать как можно понятнее и всё-таки передать мысль закладываемую в текст. В сети множество примеров статей и вообще материала о принципах вёрстки, инструментах, методиках написания кода, семантике и т.?д. Но я ещё ни-разу не встречал статьи рассказывающей о том с какого бока подойти к этому процессу, с…
Last reply by larionov-sphere, -
- 30 replies
- 29.6k views
Здравствуйте, помогите плиз: добавил себе javascript на страничку, и все русские символы заменились на мелкие прямоугольники (типа не поддерживаются) я думал, дело в этом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> изменил все EN на RU, но не помогает.. в чем может быть дело??
Last reply by DarkPrelat, -
- 72 replies
- 28.5k views
Часто верстальщики сталкиваются с проблемой – необходимо сделать графический блок, в котором может находиться любой контент, с возможностью его растягивания, как по высоте, так и по ширине. Предлагаю простой метод решения данной проблемы. На все про все два файла графики Статья Пример
Last reply by psywalker, -
- 27 replies
- 28.4k views
Копался в файликах с полезными решениями, которые я для себя сохраняю и наткнулся на интересную разработку (почти что собственного приготовления) Довольно часто, при верстке "резиновой" странички, возникает необходимость выровнять список со ссылками (допустим меню) по ширине. Казалось бы без таблиц тут никак не обойтись... Однако, около месяца назад (когда кто-то на форуме озадачился этой проблемой) я придумал довольно простое кроссбраузерное решение без использования таблиц. Без лишних слов привожу код: <!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" xml:la…
Last reply by SelenIT, -
движки или ? 1 2 3
by bald- 50 replies
- 26.3k views
доброго времени суток. —————————- недавно я пролистывал подобную тему на форуме но как-то не придал этому значения. а теперь мне стало интересно мнение людей опытных. 1)саит обязательно должен иметь движок(если да то посоветуйте, что хорошее и что нет) 2)или есть другие средства заменяющие движок я просто вообще не в курсе всей этой штуки.
Last reply by WINzero, -
- 39 replies
- 26.1k views
Вертикальное выравнивание. Часть 1. - для тех кто не в курсе. Только что пришла в голову еще одна идея, которая, на мой взгляд проще в реализации и опять же кроссбраузерна. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html, body { margin: 0; padding: 0; height: 100%; } .text { display: table; height: 100%; width: 100%; background: pink; } .inner { display: table-cell; text-align: center; vertical-align: middle; } </style> <!--[if lte IE 7]> <style type="…
Last reply by psywalker, -
- 15 replies
- 24.5k views
Да-да, оно возможно! Кроссбраузерно, без скриптов, без отрицательных магринов, для текста любой высоты! Совершенно случайно нарвался в гугле на этот способ и хочу поделиться с вами товарищи. Вот немного подрихтованный мной код: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { …
Last reply by SelenIT, -
- 7 replies
- 23.9k views
Давно (года полтора назад) натыкался на статью о том как создаются кнопки для сервисов гугля. Статью уже не найду, но те кнопки очень понравились и захотелось их повторить. Вот что вышло: <!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" lang="ru"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } html { font-size: 100.1%; } body { margin: 10px; font: 62.5% Arial, Tah…
Last reply by mishka, -
footer к низу 1 2
by tonik_spb- 32 replies
- 23.5k views
вот просто стало интересно кто какой способ использует, для начало мои размышления =): Гуляя по сети, общаясь с верстальщицами понимаешь, что у каждого свой метод, кадый любит делать так, кто то любит делать что бы попроще и тд и тп. и вот наверно только малая доля способов прижатия footerА к низу страницы: 1) Кто то смотрит на верстку блоками с опаской и говорит зачем мне лишние траблы мине и так хорошо, и верстает таблицами, и вправду действие с футер с помощью таблиц плевое дело. Но такие как я не переваривают табличную верстку + css лучше по всем известным причинам. 2) Один человек вообще мне сказал, что не парится по поводу футера, в последних 10 проекта…
Last reply by Dron79, -
- 74 replies
- 22.5k views
Не издеваюсь ) решил изложить своё (правильное) видение. 1. предложения должны иметь смысл. "срочное изготовление паспорта" - смысла не содержит. "изготовление паспорта за 10 дней" - содержит. 2. Минимизация количества слов. "Промышленный альпинист будет необходим, когда производятся высотные работы, включающие в себя спил или удаление деревьев." - плохо. "Промышленный альпинист необходим для спила и удаления деревьев." - лучше 3 Расстановка слов в предложении по релевантности. Если речь - о спиле деревьев, а не об альпинистах, то: "Для спила деревьев необходим промышленный альпинист" 4. расстановка предложений в тексте по релевантности. 5. Если какой-то элемент на сайте …
Last reply by s0rr0w, -
- 55 replies
- 22.4k views
Поговорим про моду. Мода бывает на одежду, на автомобили, на все что угодно. Веб-технологии не исключение. Сегодня царит мода на фремворки. Они рождаются как грибы после дождя. Каждый стремится сделать что-то эдакое, чего не делал до него никто, но по сути они все одинаковы. На форумах разгораются священные войны относительно того, какой из фреймворков лучше, удобнее, быстрее, компактнее. Тонны флуда генерируются каждый день, увлекая за собой все больше и больше людей. Люди носятся с фреймворками как курицы с яйцом. А теперь немного холодного душа. Давайте посмотрим на все со стороны. Мы слышим лозунг "Делай больше, пиши меньше". Казалось бы, полезное изречение. Но на д…
Last reply by s0rr0w, -
- 30 replies
- 22.4k views
Сразу оговорюсь, что всё, что будет здесь описано, будет описано максимально упрощённо и многие вещи лично у меня настроены иначе (разбивка диска, nginx на фронте...), но главное донести суть, а там уже тонкости. Для начала нам понадобится домашний интернет с выделенным «белым» IP. Да, есть аозможность сделать и без этого, но я считаю этот вариант плохим и недостойным рассмотрения. Теперь нам нужен сервер. Понятно, что всё зависит от предполагаемой нагрузки, но я не вижу смысла держать дома нагруженные (а, значит, важные) проекты — для этого лучше подойдёт хороший ЦОД. Я выбрал себе девайс под названием DNS Porto — это такой типа неттоп российской сборки http://ekaterinbu…
Last reply by ApPosum, -
- 36 replies
- 19.9k views
Начинал я сайты делать с таблиц. Это были простенькие и не оч красивые сайты, одно слово - первые Вот сейчас пытаюсь перейти на стили и вместо таблиц использовать слои. Открытым для меня остается вопрос "тягучести" сайта со стилями. И имеет ли смысл полностью отказываться от таблиц и переходить на стили? Сейчас творю на xhtml 1.0 Transitional + CSS. вот для примера последняя работа полностью на CSS http://www.reichauto.com.ua/ , но он не "резиновый".
Last reply by Ялекс, -
- 12 replies
- 18.2k views
Если кто-нибудь хоть раз сталкивался с такой проблемой, как вставка некой формулы в html, но без таких хитростей как типа: 1234 X=——- 5678 и не вставкой обычной картинки. Просто я попробовал в word'е написать несколько формул в MS Equation, а файл сохранить как html. Сразу конечно же интересно было посмотреть на код полученного, ну и что вы думаете? Он там такого понаписал, за всю жизнь не разбер?шся. Как я понял он каким то образом просто вставил в html MS Equation как некий обьект, но он там столько понаписал. Так вот я хотел бы узнать можно это сделать как-нибудь по другому.
Last reply by Furius, -
- 32 replies
- 16.9k views
Вот, нашел такой вот браузер, Amaya называется!:| Создали его ребята из W3С похоже задолбались ругаться с мракософтом и остальными!!!! :) Юзать в качестве основного не советую, посколку разочарунтесь и в браузере (слишком навороченный инструментами) и в страницах веб мастеров с громким именем (яндекс кладет на лопатки с пол-пинка, смотреть жутковато!!!) :mad::/ Но в качестве проверки себя на соответствие вполне пригодная вещь. Посмотреть сие чудо техники мона здесь http://www.w3.org/Amaya/User/BinDist.html Что скажете господа присяжные и заседали?
Last reply by Иван Шумов, -
- 24 replies
- 16.2k views
Так порой случается, что необходимо в PHP сформировать «человекопонятную» дату. То есть что-то в виде «4 февраля 2010 14:35:48». Представим, что у нас есть какие-то новости на сайте и у этих новостей должна быть дата, когда новость была добавлена. Новости хранятся в БД MySQL. Наиболее подходящий, как я раньше считал, для преобразования даты вариант хранениея: UNIX_TIMESTAMP в поле типа INT, так как, если бы это был DATETIME, то перед преобразованием даты при помощи функции PHP date(), нам бы приходилось делать strtotime(). Однажды оказалось, что следующая конструкция отнимает слишком много времени: $months=array('01'=>'января', '02'=>'февраля', '03'=>'марта', '0…
Last reply by Plaurnereag, -
- 3 replies
- 15.8k views
AnchorScroller.js: function anchorScroller(el, duration) { if (this.criticalSection) { return false; } if ((typeof el != 'object') || (typeof el.href != 'string')) return true; var address = el.href.split('#'); if (address.length < 2) return true; address = address[address.length-1]; el = 0; for (var i=0; i<document.anchors.length; i++) { if (document.anchors[i].name == address) { el = document.anchors[i]; break; } } if (el === 0) return true; this.stopX = 0; this.stopY = 0; do { this.stopX += el.offsetLeft; this.stopY += el.offsetTop; } while (el = el.offsetParent); this.startX = document.documentElement.scrollLeft || win…
Last reply by prodesign, -
- 29 replies
- 15.6k views
Приветствую. Никогда не интересовался подобными вопросами, по этому прошу у вас помощи в данном вопросе. Допустим есть портал. Меня интересует как происходит его раскрутка? Какие есть варианты? На что лучше обратить внимание? Собственно сами методы раскрутки сайта с нуля и до, хотя б , 500 -1000 посетителей в день. Что можно подучить и сделать самому, а что лучше отдать заниматься проф? Так же интересует затратная часть В общем подскажите плз чаво и как оно tnx u.
Last reply by 10488, -
- 23 replies
- 15.2k views
Не смотря на браузер всеравно устанавливает UTF-8, что нада сделать чтобы браузер ставил кодировку "Кирилица (Windows)" ?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-