mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Попиксельная верстка макета из Adobe Illustrator'а
mishka replied to MiReQ's question in HTML Coding
Вобщето попиксельная верстка -- это не значит что и шрифты один в один отображаются. Так как один и тот же шрифт при одинаковых условиях может незначительно отличатся в разных браузерах. Но вот если в макете 5 строк текста занимает определенную высоту, то и в верстке 5 строк текста должны занимать такую же высоту. -
http://www.jplayer.org/latest/demo-02/
-
Для любительского уровня сгодится. Главное критику не отметайте и следующая работа будет лучше.
-
Скажите какая польза от этого 3D? Вот включил, повертел и выключил. Никакой дополнительной инфы мне этот режим не дал. Да же по z-index не показал какой элемент выше какой ниже. Включаю старый привычный фаербаг и все видно что к чему.
-
Добавим окошко браузера или устройства к скриншоту.
mishka replied to wildhind's topic in Discussion of works
Кому этот сервис может пригодится? Вебстудии без дизайнера, чтобы в стиле Лебедева делать скрины сайтов? Про загрузку результата уже сказали, Было бы неплохо сделать в лайтбоксе предосмотр результата с размерами 1х1. Еще было бы просто супер, если бы была возможность просто вставить URL сайта и получить его скрин. -
http://www.xiper.net/
-
Расстояния между слайдами оставить как есть. Просто чем шире экран тем больше элементов видно. Сделать карусель цикличной. Сколько готов платить? Какие сроки?
-
Разве одно лишнее слово в одном браузере хуже, чем вообще них ничего нигде? Да я же написал что font-size: 0; исправляет. Тоже считаю этот способ лучшим, если пренебречь ие6-7.
-
Плох тем что в ие6-7 не работает. И вот что я получил в опере при отключенных картинках: Вот это слово "изображение" мешает. при таком коде: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>imageReplacent</title> <style> .logo { width: 128px; height: 128px; overflow: hidden; border: 1px solid #f00; } .logo a:before { content: url(logo.png); display: block; } </style> </head> <body> <div class="logo"> <a href="#">logo</a> </div> </body> </html> Вобщем выход -- font-size: 0; .logo a:before { content: url(logo.png); display: block; font-size: 0; }
-
4й вопрос Если html5, то код валидный, если html4, xhtml -- то правильного варианта ответа нету. Так как код не валиден, и никакие css свойства это не поправят.
-
Вроде понятно. Еще бы в текстовом виде продублировать. P.S. У тебя на сайте есть пункт "Вопросы — ответы". Разве это через тире писать нужно? Не дефис?
-
В реальном сайте блок "Welcome Note" будет содержать краткое описание. Вот где-то там вполне может разместится h1. повторюсь:
-
Плюсанул этот пост по всему кроме h1 и подчеркивания. 1. Сеошник сам вставит h1 куда ему надо, просто желательно чтобы он сам смог подправить стили или чтобы у него на подхвате был дежурный верстальщик. Както у нас тут с Максом стычка произошла по этой теме. Да меня тоже изначально приучили на логотип ставить h1. Я хоть и недоумевал от этого, так как не понимал кто же будет искать сайт по названию фирмы, вконце-концов не для ейпла или майкрософта верстаем сайты. Но вот не так давно сверстал пару страниц, и человек мне объяснил что негоже такой важный элемент как h1 переводить на логотип. Хорошо что верстаю через классы, поэтому им не составило труда поменять тег. Вобщем вставите в контент h1 или нет, но застайлить нужно. Подчеркивание. Если все дизайнеры будут рисовать для линок ховерное состояние, то конечно верстальщик это учтет. Но мне за несколько лет попалось пару таких макетов. А если я буду сидеть цвета придумывать, то боюсь получим что-то типа салатовые буковки на желтом фоне . Поэтому просто убираю подчеркивание. И ничего плохого в этом нет. Да и людям с проблемами зрения это будет более наглядным. Еще вопрос: неужели людям с проблемами зрения легче читать белый текст на черном экране? У меня с нормальным зрением от этого глаза слезятся через пару минут.
-
Даже немогу обьяснить. Просто в комоде мне больше нравится работа со сниппетами. Более понятна, чтоли. Нравится что кликая по ссылке с контрлом -- открывается файл на который ссылка. Так например легко и просто открыть нужный css/js. Вобщем он никак не хуже Sublime, но как по мне так даже лучше. Таже кроссплатформенность + бесплатный. Напрягает то что Sublime не финальный релиз. Уж выпустили бы финал, да начали 3й делать. А то вечно в доработке.
-
Сделал сайт в этом редакторе и закинул его. Теперь перешел на Komodo Edit 7. Отличная вещь могу заметить.
-
Темболее. Если новичек, то не принимай все в штыки, а слушай что тебе говорят более опытные. Ну не учитель я, немогу подобрать слов чтобы лучше обьяснить. Как по мне так я привел вполне веские примеры чтобы отказаться от id и юзать class. Более доходчиво врядли смогу обьяснить. Ты это сможешь понять только во временем, если будешь практиковаться. Так понятно что не увидел. Ведь сам говоришь что это твоя первая верстка. Это всегда просто по умолчанию, так как это само собою разумеющиеся вещи. Это "если бы" всегда может быть, поэтому юзай классы.
-
Автонастройка ширины блока в соответствии с шириной img
mishka replied to buddah's question in JavaScript
да. each для этих блоков. Внутри ловишь картинку, узнаешь ширину, задаешь родителю. типа так: $(window).load(function() { $("article").each(function() { var theWidth = $(".imgholder img", this).width(); $(".imgholder", this).css('width', theWidth); $(this).css('width', theWidth); }); }); Это очень черновой приближенный набросок. Надеюсь ты будешь юзать класс, а не просто $("article") -
Автонастройка ширины блока в соответствии с шириной img
mishka replied to buddah's question in JavaScript
По картинке можно только гадать что ты там делаешь. Первый вариант -- display: table-cell. ие6-7 идут лесом. Блоки не будут "падать" на несколько рядов, если ты вывидешь например 4 блока. (хотя если у родителя небудет display: table, то может и будут падать). Вобщем это теория, на практике надо проверять. Вариант второй: Изначально в css блокам этим задавать opacity: 0; А джсом, после загрузки картинки делать opacity: 1; для варианта когда JS отключен, можно прописать стили в <noscript> Дай пример кода. jQuery нормально ловит ширину имеющегося блока. Даже если ее явно не задавать. Вот с шириной картинки хуже. Вебкиты ее нормально ловят только после ее загрузки(в случае если на ней явно не заданы width/height). Тоесть скрипт должен работать не на $(document).ready а на $(window).load -
Автонастройка ширины блока в соответствии с шириной img
mishka replied to buddah's question in JavaScript
Как вариант, блоку опаситив 0. После загрузки картинки опаситив 1 -
Айди должен быть уникальным на странице. Вот возьми разширь свою верстку -- добавь еще одну карусель. Что теперь делать будешь? сделаешь #mycarousel-2? И продублируешь стили для #mycarousel-2? Сделай хотя бы 5 каруселей. div#main ul li { background: url("../img/listborder.png") repeat-x scroll center bottom transparent; } div#main ul span { color: #666666; font: italic 90% Georgia,"Times New Roman",Times,serif; letter-spacing: 0.02em; } Вот ты с чего решил что этот весь сайт одна страничка? Думаешь здесь больше никогда и нигде небудет списка? Простого маркированного списка. И что теперь будешь для простого маркированного списка цеплять еще один айди чтобы перебить div#main ul? Почему на эту улку не повесить класс и не застайлить через класс? И так куда ее не поставишь она везде будет одинаковой. То же самое про спан. Чего спану класс не написать и стили не сделать через класс? Или ты думаешь что больше никогда спана не будет в улке? Или опять новый айди и перебивание стилей? Дядьки действительно умные. Во пример: http://jsfiddle.net/dQYrY/1/ Показывает что элемент с айди carousel только один на страничке. Тоесть тебе прикручивать карусель уже надо не по айди а по классу. Так зачем стайлить по айди? тебе надо дать на верстку одну страничку. Когда ее сверстаешь, потом дать еще одну, продолжение. Похожую но всеже с отличиями. Вот тогда ты поймешь "прелести" своей верстки. И начнешь думать как этого избежать. БЭМ поможет. Мне может и показалось, но после твоего ответа: Мне тоже хотелось написать тебе что-то в духе:
-
MODx в плане интеграции верстки очень прост и удобен. Но я сочувствую тому человеку, который будет этот код интегрировать. Никак не структурирован. Там фиг разберешь что куда. Так еще при интеграции работать с кодом человек будет не в редакторе кода с подсветкой, а в обычном элементе формы textarea. Можно и через редактор, но это открывать дополнительную прогу и бегать из окошка в окошко. Лучше сразу писать структурированный код. Вот примерно так код должен выглядеть в редакторе: Хоть как-то код комментируй. Я пришел к тому что после блока надо ставить его название. Так проще ориентироваться. Начало блока всегда найдешь по классу или айди, а вот его окончание в полотне кода не всегда можно быстро заметить.
-
нажимаем Ctrl + U -- получаем исходный код. Сохраняем локально, открываем в браузере -- копируем нужный текст. Такой манипуляции можно обучить любую домохозяйку на 15 минут. Так зачем делать сайт ущербным, если это всеравно можно обойти?
-
Не знаю хорошо или плохо, но я пользуюсь не пробелами, а табуляцией для отбивки кода. Нелюблю когда код в перемешку табопробельный. А если не отображаются пробелы табы, то код такой и будет.
-
Q: Как сделать дублирование участка кода как в NPP по CTRL+D? A: Ctrl + Shift + D Так в винде. Дублируется либо линия, либо выделенный участок кода Выделение колонок, это то что через alt ты спрашивал? Да, это то что нужно.
-
Поставил dev версию. И немного разочаровался. Зачем делать сглаживание шрифта отличное от системного? Я полностью убираю ClearType, мне так удобнее воспринимать текст. И тут такой подвох. Выделение колонок работает, подсвечивание(обрамление) совпадений с выделенным словом вполне устраивает.
