• Можно ли рисовать сайт в InDesign?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    А зачем вы хотите программу, заточенную под полиграфическую вёрстку, использовать при построении макетов для веб? Бесспорно, у неё есть замечательная вещь — Pages, но на этом и всё.

    У Adobe есть купленная её когда-то в пакете программа с такой же крутой для макетирования возможностью. Это Fireworks. Создана для веб-вёрстки, которая в ней почти идеальна. Даже поголовная работа дизайнеров с Photoshop не помеха. Есть непонимание некоторых фильтров при открытии PSD в Fireworks.

    А ваш вариант экзотичен. Для макетирования сайта InDesign пойдёт, хотя для скетчей есть всевозможные Mockups, а для прототипирования есть Visual Studio и разные там Azure.

    Для обработки изображений вы всё равно будете использовать Photoshop (и правильно, ведь InDesign только для вёрстки).

    Из Adobe:
    Web: Fireworks + Photoshop (+ Illustrator для SVG)
    Печать: InDesign + Photoshop
    Видео: Premiere + AfterEffects + Photoshop
    Ответ написан
    Комментировать
  • Из каких людей состоит эффективная команда по веб-разработке?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    UX
    Любой проект начинается с проектирования. Для крутых проектов, когда у проектировщика нет возможности въехать, может потребоваться помощь бизнес-аналитика. Увы, в России таких людей крайне мало, так что это — редкость. Впрочем, и проекты такого рода — тоже редкость.

    Часто в компаниях эту функцию выполняет:
    Дизайнер
    Так в России называют тех, кто умеет воплощать в картинках замысел. Даже если дизайнер не занимается проектированием, он должен изучать эту область.

    Однако, если проектировщика нет, а дизайнер пока не в состоянии делать это сам, то вся надежда на:
    Фронтенд
    Человек, который будет реализовывать сложные взаимодействия, разработанные проектировщиком (или дизайнером, или им же самим). Без знания JS и ряда библиотек никому не интересен. Просто HTML и CSS уже редко кому требуются, только если работать на подхвате у фронтенда.

    Если и фронтенд не может проектировать, то уже совсем слабая надежда, что это сможет
    Бэкенд
    В этом варианте преимущественно получаются программерсонли решения. Работу бэкенда оценить бывает не просто трудно, а очень трудно, в отличие от фронтенда, работу которого могут оценить обычные люди (правда, критерии у обычных людей весьма странные и неожиданные).

    Ну и совсем невероятно, что проектирование сможет провести:
    Менеджер
    Его функции могут сильно варьироваться, от организации команды, до отбивания от клиентов (например, когда всё упало). Даже если не умеет проектировать (а кто в здравом уме от него это ожидает?), в стартапе он нужен. Практика показывает, что технические специалисты часто увлекаются деревьями, а лес идёт лесом.

    А вот и он — человек с большой буквы Б:
    SEO
    Сделать проект — только начало. Потом на него нужно приводить клиентов, а значит, требования SEO должны учитываться всеми и с самого начала.

    Для продвинутых
    Администраторы серверов (а то напридумывают всякое, а оно вызывает то самое падение)
    Писатели (контент становится очень важен)
    Тестировщики (чтобы косяки не всплыли после выхода продукта)
    Контент-менеджеры (кто будет лопатить тонны текста и графики)
    Возможно, технические дизайнеры с перспективой роста
    Ну и далее, вплоть до милых фей в баре, которые всегда нальют горячее кофе
    Ответ написан
    8 комментариев
  • CSS: почему футер на крепится к низу?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Причина тут
    div.container.wrap-slider{
    	margin-top: -120px;
    }


    Update: Почему разработчики не могут прочитать спецификацию? А окружающие начинают придумывать костыли. Я бы задумался, почему нужно подвинуть на 120 пикселей, если ровно такое же значение у отрицательного margin.
    Ответ написан
    4 комментария
  • CSS: почему футер на крепится к низу?

    У вас у футера position: absolute и bottom: 0
    Футер лежит внутри блока с классом "latest-work-fix" соответственно он позиционируется абсолютно по отношению к этому блоку.

    Попробуйте указать для футера bottom: -100px;
    Ответ написан
    7 комментариев
  • CSS: почему футер на крепится к низу?

    DeLaVega
    @DeLaVega
    Верстаю, фронтэндю =)
    У вас проблема в последовательности дивов. Элементарно отрываете FireBug и видите, что футер у вас лежит внутри блока с последними работами, а должен, я так понимаю по соседству с #wrap
    Ответ написан
    Комментировать
  • Как сделать появляющуюся черту с анимацией в CSS?

    Когда добавляете сверху border-top: 5px solid #fff;
    Добавьте также свойство margin-top: -5px;

    Либо можно изначально задавать
    border-top: 5px solid transparent;
    и при ховере указывать border-top: 5px solid #fff;
    Ответ написан
    4 комментария
  • Как сделать появляющуюся черту с анимацией в CSS?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    1. У рамки сделать цвет transparent, тогда и рамка будет не видна, и прыгать при смене цвета не будет.
    2. Можно использовать gradient, но накладно и не уверен в производительности.
    3. Псевдоэлементы, но тут ещё большая засада — при анимации псевдообластей на мобильных устройствах могут появиться тормоза.

    А вообще есть много подходов, включая совсем экзотические:)
    Ответ написан
    5 комментариев
  • С чего начать и как изучить веб-дизайн, дизайн интерфейсов в целом?

    ghaiklor
    @ghaiklor
    NodeJS TechLead
    htmlbook.ru
    Не воспринимайте за рекламу, но достойный самоучитель. Регулярно обновляется информация о css + html атрибутах, тегах и т.д. и т.п.
    В общем, если захотел что-то верстать свое, то это твоя Библия, Коран, неважно)
    Ответ написан
    4 комментария
  • Веб-дизайнер и верстальщик в одном флаконе

    CodeByZen
    @CodeByZen
    php, js, my/mssql, sqlite, html, css, it-consult
    Для себя я давно решил. Фотошоп — исключительно чтобы посмотреть концепцию. Я делаю набросок, ставлю элементы интерфейса на свои места, смотрю… Думаю… И начинаю верстать в статику. Если приходит какая-то идея, я (принтскриню) то, что сверстал, вставляю a фотошоп, рисую новый элемент, двигаю, смотрю, верстаю.

    Для себя или для мелких проектов это ускоряет разработку. Если надо показывать заказчику, то быстрее — нарисовать хорошо, чтобы не возникало вопросов — «почему тут криво?, где фон?» и т.д.
    Ответ написан
    Комментировать
  • WordPress и форум

    bbPress — это движок форума от создателей WordPress, основанный на веб стандартах, простой в использовании и интеграции.

    Основные характеристики bbPress:
    Быстрый и легкий
    Простой пользовательский интерфейс
    Изменение внешнего вида с помощью тем оформления
    Расширяемость с помощью плагинов
    Защита от спама
    RSS фиды
    Интеграция с блогом на WordPress
    Ответ написан
    Комментировать
  • Помогите подобрать стол для компьютера

    @lesha_penguin
    Расскажу как я сам для себя решал проблему организации рабочего места. Просто опишу критерии по которым я огранизовывал себе рабочее место и какие шаги я делал для реализации этих критериев.

    Первый критерий: Максимальная эффективная площадь использования рабочего стола.
    Не максимальная площадь, а максимальное эффективное использование площади. Т.е. сидя за столом, рука должна дотягиваться в идеальном случае до любого места. Слишком «глубокая» столешница в этом плане вовсе не так здорово, как кажется на первый взгляд. У меня уже были столы у которых «неиспользуемая глубина» превращала их в хламо-пылесборник.

    Второй критерий: Мониторы лучше поднять с уровня стола на уровень глаз.
    Шея при этом меньше искривляется, взгляд меньше устает. Таких штатных столов, к сожалению, просто нет. Но я просто купил два специальных кронштейна-крепления, которые поднимали мониторы, подвешивая их над поверхностью стола (кстати, поворотные). Как приятный побочный эффект — активная площадь стола увеличивается, поскольку мониторы подвешенны над столом, да и пространство стола за мониторами не покрывается вековой пылью.

    Третий критерий: Есть то, что ты используешь постоянно, есть то, что время от времени, а есть то, что редко.
    Поэтому я брал стол с тумбочкой с выдвижными ящичками. Куча блокнотов, тетрадок, папок для бумаг, канцелярки, проводов, запчастей, флешек и прочей радости замечательно и удобно разместилость в трех выдвижных ящичках. С одной стороны, всегда под рукой, с другой стороны — если бы это было все лежало «размазанным по столу» не хватило бы стола размером с полкомнаты. Из этого же критерия брался стол с верхней полочкой, где размещается принтер. Там же, на верхней полочке размещаются такие вещи как, пачка бумаги для принтера, чистящие средства и прочие предметы которые «чтобы заюзать, все равно вставать с кресла».

    Четвертый критерий: Хорошее, удобное освещение.
    Я установил две небольших настольных лампы которые «крокодилом» кретятся к столу на поворотных гибких длинных держалках. Одна из них, более тепло-желтая прикреплена к верхней полочке и дает общий «фон освещения», вторая холодного дневного света прицеплена к правой стороне столешницы и светит на те листочки которые на столе. За столом можно работать, не включая верхний свет. Само собой, мониторы не смотрят в окно, чтобы на экране не возникало бликов. Мониторы, кстати, два одинакового размера, одного разрешения да и вообще одной фирмы и одной модели (глаз не перестраивается когда взгляд переходит с одного на другой).

    Пятый критерий: Удобство уборки.
    Компьютеры (их несколько) стоят не на полу, а на подкатных подставочках, т.е. во время уборки можно откатить и пропылесосить.

    Шестой критерий: Удобное расположение в комнате.
    У меня рабочее место расположено рядом с книжной полочкой-министелажиком. То, что нужно — легко достать не вставая со стула.

    Седьмой критерий: Удобный стул.
    Я выбрал стул с регулирующейся поддержкой для поясницы. Когда сижу — спина прямо.

    Восьмой критерий: Когда я не занят работой, рабочее место не должно сьедать слишком много места в квартире.
    Т.е. стол должен быть оборудован выдвижной подставкой клавиатуры. Стул в неактивном состоянии задвигается под стол. Это еще один лишний агрумент против избыточной глубины стола.

    Девятый критерий: Совмещаем приятное с полейзным.
    Роль подставки для ног играют два стоящие под столом бесперебойника.

    Десятый критерий: Расширяемость.
    Правый монитор у меня подключен через четырехпортовый KVM-свитч, в который воткнуты два компа и ноутбук. То есть, сразу заложенно удобство работы на ноутбуке с нормальным экраном, нормальной мыщью и клавиатурой.

    Одинадцатый критерий: Удобная коммутация.
    Сами держалки мониторов прикрепленны не к столешнице а к небольшой конструкции-проводожержалке, которую я сам придумал и смастерил, куда частично утоплен сам KVM-свитч и она же служит для прокладки проводов. В глубину она с ладонь.

    Двенадцатый критерий: Минимум валяющихся на полу проводов.
    К задней стенке стола также прикреплена самопальная провододержалка.

    Тринадцатый критерий: Многоцелевое использование.
    Кронштейны крепления на которых мониторы подвешены над столом — поворотные. Крайний левый монитор можно, например развернуть и смотреть лежа на диване фильмы, а потом снова вернуть в исходное положение. Выступ верхней лампы служит крючком, на который повешены наушники, когда они не используются. Сами наушники, когда используются, воткнуты в колонки с USB-питанием.

    Четырнадцатый критерий: Доработки к расширению.
    В ту же настольную «провододержалку» выведены USB от компа, и RJ-54 от свича. К боковине прикреплен сетевой фильтр, в который всегда можно поставить сотовые на зарядку либо подключить ноутбук, когда кто-то ко мне приходит с ноутбуком.

    Пятнадцатый критерий: В рабочем мексте должно быть что-то что радует глаз, при этом не занимает места, и не тянет на себя слишком много внимания.
    Для меня это пингвинчики на верхней полке.

    Ну, вот, вроде ничего не забыл. Что из вышеперечисленного может пригодится лично вам-решайте сами. Скажу только, что я своим рабочим местом более чем доволен! И хочется чтобы вы тоже были также довольны рабочим местом, которое вы организуете под себя.
    Ответ написан
    2 комментария