red4pony
-
Posts
260 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Posts posted by red4pony
-
-
1) Названия классов транслитом - плохо.
2) Кнопка в навигации не отцентрованна по вертикали. Или так было в макете?
3) <div id = "footer"> --> <footer>
4) Можно использовать псевдоклассы, а не задавать лишние классы. (для IE можно подключить Selektivizir)
-
1
-
-
background: -moz-linear-gradient(center top , #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent;
Удалите позицию center.
Зачем Вам repeat scroll 0 0 transparent? (Вы скопировали код из Firebug'a?)
Перепишите первое правило с префиксом -webkit-
P.S. Опоздал...
-
Посмотрите через Firebug или другой инструмент. <center> генерируется вашим хостером и вставляется ссылка внизу страницы. Тут уже никак не изменить.Только приобрести платный аккаунт. (моя невнимательность второй раз за сегодня меня подводит, извините)
Доктайп <!DOCTYPE html>
-
В исходном коде <br> нет, но если посмотреть через Firebug, то перед тегом <center> генерируются два <br>.
<center> - устаревший элемент, замените его на <div> и выровняйте его по центру с помощью CSS (magrin: 0 auto;)
Про разбиение на логические блоки (семантика).
<header>
<h1 class="logo">Мой логотип<h1>
<nav class="menu">
<ul></ul>
</nav>
</header>
<section>
<!--тут помещаете основное содержимое сайта-->
</section>
<footer>
<!--Подвал-->
</footer>
<!--Ниже как правило ничего не размещают-->Имена классов задавайте исходя из предназначения элемента, а не положения на странице(оно может измениться).
-
Для создания горизонтальных разделителей лучше использовать <hr>. <br> - для переноса текста, а не для создания отступов (посмотрите эту тему). Нет логического разбиения элементов по блокам (header, main). Все в одной оболочке, не очень удобно для глаз. <center> замените на <div> или <span>
P.S. Первое предложение ошибочно. Поторопился.
-
Либо span dispay: block, либо заменить на блочный элемент(исходя из кода приведенного в комментарии)
-
5. Не хорошо класть <figure> внутрь тега <a>, так как <figure> - это блочный тип данных, а <a> строчный.
HTML5 разрешает
-
Тогда это. Они лихо его таскают
-
Устранится ошибка в семантике и котенок не умрет. Шутка. С рекламой все равно ему не выжить.
P.S. Я бы убрал рекламу или это блок (сместил бы его в левый сайдбар).
-
А почему на рассматриваете варианты 2х27 дюймов? imac 27 + 27 дюймов монитор. По деньгам выйдет как macbook + 3 Dell U2413
-
Два монитора к ноутбуку. HDMI + VGA. А какже OS X, видит оба порта? Не будет ли плясок?
-
А зачем три монитора? 1 - разбить на две IDE(если горизонтальное положение), 2 - браузер(тем более писал что проверяешь только в Хроме). Не будет ли внимание рассеиваться на три экрана?
-
Да, Adobe позиционирует себя так что можно обойтись только их продуктами. Макет создать - фотошоп, илюстратор, индизайн. Код написать - дреамвивер, эдж код. Не любите писать код - мюс и анимейт. Файлы в облаке - пожалуйста. Меня интересует есть ли кто на форуме кто обходится этими продуктами и радуется жизни?
-
В идеале именно так. А в жизни в макетах дизайнеры пишут как им виднее.
Вспомнилась статья.
P.S. Думаю вопрос относится к теме. Есть ли кто активно использует Adobe CC + Edge инструменты? Какие впечатления? На демонстрационных роликах выглядит красиво.
-
Вертикальные отступы тут предугадать никак.
Если дизайн построен с помощью сетки то это утверждение не верно. Сетка это не только вертикальные колонки, но и горизонтальные полосы - базовые линии(допустим 12 px). Высотой они со шрифт основного контента. Заголовок будет 3 базовых линий (36 px), отступ под ним 2 базовых линий(24 px). Отчет идет относительно одной известной величины.
P.S. Хорошая книга на эту тему Чои Вин - Как спроектировать современный сайт (Библиотека специалиста)
-
Сомневаюсь что можно дважды открыть один и тот же проект в PhpStorm.
Я конкретно про PhpStorm не писал. ST может в разных окнах открыть один и тот же проект.
Форматирование CSS можно осуществить с помощью CSScomb
Sublime Text взял для примера, а не для того чтобы ввергнуть во всеобщую эйфорию от этого редактора.
Я ниразу не встречал такого редактора, в котором, личном мне, было бы писать html коди стили одновременно.Это субъективно, я не собирался никого перетянуть на сторону зла и менять ничьи привычки.
Я зачастую могу заметить несоответсвие дизайну даже на 1пк.Это действительно круто
Но имеет смысл если дизайн построен не на сетке. А так посчитал количество базовых линий или колонок, перевел в свои единицы измерения (%, em, pt, px) и пишешь код.особенно если макет сдержит огромное множество мелких деталийВот тут да, логика построения может измениться.
Но
И появляются магические числа (отступ в 23 пикселя)?Не смущают числа не поддающиеся логики? Откуда именно такое значение? Потому что работает?
Я не ставлю под вопрос твою компетенцию и профессионализм.
Прошу прощения если фраза
Ну это же ужас, подгонять просто так.обидела (но останусь при этом же мнении).
У всех свое удобно.
-
Потому что у меня открыто допустим 10-20 HTML шаблонов и 20 - 30 Less файлов. Мне они в рамках одной среды разработки вообще не нужны ибо это не удобно. В итоге для каждого дела свой самый удобный редактор. Каждый из них на отдельном мониторе что позволяет одновременно видеть и HTML и CSS -- а это очень-очень удобно!
Так можно же запустить еще одну версию программы. Но тут дело вкуса и удобства. Это твой вариант.
Все что не на Apple - это хакинтош. ИМХО. (и ИМХО самой компании Apple и over 9000 юристов)
На глаз?Я замеряю все отступы при нарезке макета. Да и если дизайн сделан по сетке, то глаз не подводит. И предпочитаю ставить все размеры отступов в относительных единицах. (горизонтальные в процентах, а вертикальные в em'ах). А попиксельное соответствие считаю глупым капризом заказчика/дизайнер. Думаю что дизайнер и верстальщик это должно быть одно лицо(но тут может загореться жестокий спор), чтобы не было ситуации аля "у меня на макете не так" или "я не буду это делать".
-
Подниму ка я старую темку и, возможно, что-то освежу
Спасибо за пост.
IDE для написания HTML кода JetBrains PhpStorm ,IDE для написания CSS Sublime Text 2А почему не использовать одну/один IDE/текстовый редактор? Sublime text - не IDE.
Я работаю Front-end разработчиком под Mac OS XТак Хакинтош же (извините, но принципиально).
Основной и самый полезный аддон PerfectPixel by WellDoneCodeНу это же ужас, подгонять просто так. И появляются магические числа (отступ в 23 пикселя)? Адаптивность все подгонки убъет и сведет на нет Ваши пустые старания.
-
Грузить такой image для простой тени думаю не лучшее решение
Лучшее решение это box-shadow. А по поводу IE, используйте подход прогрессивного улучшения. То есть, браузеры которые не поддерживают какую-то технологию не будут ее отображать и при этом пользователь не будет знать что чего-то не хватает, но оформление не будет намного хуже от этого смотреться. А пользователи с современными браузерами получат дополнительное визуальное преимущество, тем самым Вы будете стимулировать пользователей переходить на новые версии браузеров (к слову, IE 10 поддерживает практически все). И этим Вы поспособствует наступления светлого будущего, когда умрут слова "кроссбраузерность" и "костыли".
P.S. Вас многие будут отговаривать бросить архаизм с изображениями.
-
-
просто тень ограничена в возможностях
Ограничена фантазия и способность ее применения. Линк. Захотите поменять размытие/цвет/форму на пару пунктов и Вам придется перерисовывать все Ваши 5 изображений.
-
Насколько я понял проблема во флэш - радио. Считаю что это не категорично и можно на это не обращать внимание, тем более все отлично работает. Но лучше дождаться людей разбирающихся во флэше может кто объяснит эту особенность.
Вот тут ругается на ошибки CSS
-
Ну тогда кличте лекарей-телепатов или дайте ссылку которую Вы скармливаете валидатору
-
А ссылка ведет не на локальный сервер?
Оцените пожалуйста мою вёрстку
in Discussion of works
Posted
Не стоит отчаиваться.
Не то чтобы ужасно. Структуры нет. Разделите на блоки <header> <section> <footer>. Чтобы можно было понять что к чему относится, а не в одной оболочке. Подумайте над семантикой.
Тень можно сделать с помощью box-shadow (в верхнем левом углу тень не правдоподобная). Посмотреть как делать можно тут
P. S. Зачем панель pixLayout (есть специальные дополнения к браузерам)?