Роман

www.mademyday.de/css-height-equals-width-with-pure...

могут взяться и те и те. и могут не взяться и те и те.
+ у фрилансеров может быть дешевле.

Ты с него предоплату взял?) ТЕПЕРЬ ТЫ КОРОЛЬ СИТУАЦИИ! :D

Ваще нормальная практика, заказчики они такие)
Ну, т.е. это конечно не нормально, но случается постоянно.

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

1. Разумеется дайджесты на Хабре (ссылка в ответе от Nikolay Talanov);
2. Если у вас вообще нет времени, то для вас подойдет lobste.rs, оставьте нужные теги и вы не пропустите ничего важного;
3. Есть такой молодой отечественный дайджест DigHub, возможно он подаст более большие надежды, чем develop.re, кстати основанный на лобстере;
4. Конечно сабредиты на Reddit.com, например такие как /r/webdev/, /r/javascript/ и далее по интересующим вас языкам. Например, я там смотрю Golang и не пропускаю ничего важного.

Как можно нарваться на ответ "сам дурак" просто не правильно формулируя для себя вопрос.
Ответ всех, кто считает себя исполнителем прост: мое время стоит денег, поэтому ешьте, не обляпайтесь. Но деньги вперед.
Вопрос заказчика: совсем ни о чем.
Ни та ни другая сторона не правы не разу.
Правильная постановка вопроса:
" Как мне выбрать дизайн, который решит мои проблемы и задачи?" Какая, нахрен, разница вам, как заказчику, нравится лично вам или нет, если новый дизайн решает главную задачу: повышает конверсию, привлекает клиентов, удобен для навигации и т.д. Вы, как заказчик должны четко сформулировать основную ЗАДАЧУ, а не рассуждать нравится / не нравится. Вы же не художественный критик и WEB дизайн не на стенку в спальне вешать будете.

Правильный ответ дизайнера: Вашу задачу может решить такой дизайн. А дальше убедительно объяснить и доказать - почему так! Вы же работаете за деньги в интересах клиента. А если Вы супер -круты и дизайн - самоцель, а не средство: идите в поля рисовать пейзажи и ждать мировой славы.
Не можете объяснить заказчику, как Вы успешно решите ЕГО!!! задачу, а не удовлетворите ваши амбиции - нафиг, закрыть тему. Либо заказчик - сплошная проблема, либо Вы - не того уровня работник, который требуется.

Прошу прощения за возможную резкость....
Кстати, я сам - заказчик.

Отвечу как дизайнер, за себя опять же. Может быть будет полезно другим дизайнерам, и заказчикам, конечно же.

В первую очередь - вы покупаете мое время. Сначала я выясняю у вас что там к чему. Зачем вам сайт, какие цели вы перед собой ставите. Короче, как вам помочь. Затем я определяю сколько времени я на это потрачу. Рассчитываю это исходя из прошлого опыта, по дням (рассчитывая что в каждом дне у меня 8 рабочих часов). Беру предоплату 50%.

Я трачу свое время на:
- research (анализ конкурентов, потребностей, разговор с клиентом итд)
- разработку и утверждение прототипа
- отрисовку сайта и утверждение экранов
- верстку (если необходимо)
- на переговоры, конечно же, во всех этих стадиях

В работе я использую InVision (проектирование, визуализация, анимация), Basecamp (обсуждение, планы, согласование), Photoshop, Sketch (визуализация)

Я стараюсь вовлекать клиента в то, что делаю, показывать ему весь процесс, максимально прозрачно. Как правило, вопросов "А за что я столько заплатил?" в конце не возникает. Дизайнер - не творец, а наемник, который помогает вашему бизнесу функционировать лучше и зарабатывать больше. Пожалуйста, не путайте его с художником, который рисует портрет вашей компании.

Это мой первый ответ на Toster, кстати )

Это будет самое креативное решение :D

html {
        background: url(https://hsto.org/files/32f/eea/47c/32feea47cf134e02be7c55bcc9240b46.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

sorax канал. Где-то давно был пост с каналами для фронтендеров, уже забыл и искать влом. Через гошу найди "ютуб каналы для front-end". В короткие сроки вряд ли реально. Все тонкости только с практикой, а какие-то с глубокой практикой.
На счет бутстрапа - я забыл, когда им пользовался (обычно пишу чистый css даже без препроцессоров, но иногда с ними явно удобней)
На счет сборок - тоже редко, так как они больше для больших проектов (сорь за каламбур)
На счет адаптивной вёрстки - это тоже только практика. Сначала надо научиться верстать статичные шаблоны, а потом делать адаптив. На самом деле в media нет ничего сложного и страшного, просто мы будто бы выкидываем предыдущий файл стилей для прошлого экрана и заменяем его новым файлом стилей. Грубо говоря так, но там надо основательно всего учитывать, особенно наследование и перезапись правил.
Ну и на счет боевого проекта - готовь фотошоп, который нужно тоже так нормально знать, потому что плох тот верстальщик, который его не знает ровно как и плох тот дизайнер, который не представляет вёрстки. Идеальный вариант - уметь верстать и уметь рисовать дизайны сайтов ну и обрабатывать фотки, потому что это всё очень понадобится (всё больше встречаю криворуких дизайнеров, а о криворуких верстальщиках лучше вообще молчать).

Главное - при написании кода думайте о тех, кто будет его поддерживать, но если вы занимались бекендом - наверняка это и так знаете.

Из языков знаю C++, Java, C#, Python, неплохо ориентируюсь в Unix, базах данных.

Для начала сами для себя проясните, что это неправда. Плюсы "знает" Страуструпп. А вы, наверняка частично, знакомы с синтаксисом. А Торвальдс "неплохо" ориентируется в никсах.

Во-вторых, проблема в том, что у тех, кто работает с кодом, сегодня не может не быть опыта работы. Книги, форумы, бесплатные онлайн курсы, бесплатные виртуальные серверы, открытое ПО, совместная разработка ...

Все, что нужно - поставить цель и идти к ней. Что значит, работу ищите в основном по джаве? То есть, вам все равно, придется ближайшие пару месяцев посвятить статической типизации или динамической? Все равно, придется ли делать гуй для андроида или описывать бизнес процессы на сервере? Все равно, работать в банке над проектом в сотни человеко лет в команде, где список участников больше, чем ваше фамильное древо или в стартапе в гараже? Видимо, и работодателям по той же причине все равно.

а нету советов. нету тупо и всё. ногами ходишь .. голосом говоришь и лыбу давишь. а не тратишь время на говорильню на ресурсе для помощи в косяках.

Впринципе, размеры в Bootstrap'е вполне соответствуют реальности, поскольку в новых устройствах повышается количество физических пикселей, а не логических. Поэтому каким бы ни был экран, пусть хоть 4-5к, но при телефонном размере в 5" ему необходимо отдавать телефонную страницу на 360-480px.

не только лишь так

clip-path: polygon для современных вебкитов/блинков. Весьма легко кастомизировать, можно всякие параллаксы сделать и при этом производительность будет хорошая.
Svg clippath для более серьёзной поддержки.
Можно нашаманить что-нибудь с transform: skew, но чую что решение будет похоже на один большой хак + будет пиксельная лесенка.
P.S. - все написанное выше подразумевает, что вам это обязательно надо сверстать не с помощью картинки, то есть в этом должен быть какой-то смысл (эффекты/параллакс/что-то еще). Если то, что изображено на скриншоте, будет статичным (я про эти полигональные фоны), то проще сделать картинкой, у которой нижняя левая часть (там где обычный светлый фон) будет прозрачной.

У меня машина ездит на газу и на бензине. Можно так сделать, чтобы на всех передачах, кроме третьей, был бензин, а на третьей - газ?

Лучше всего проект может стилизовать хороший дизайнер)

Примерно так: jsfiddle.net/IonDen/3b6w1jLu
И никакого JS)

<div class='anim'>
    <div class='animated anim-bg-1'></div>
    <div class='animated anim-bg-2'></div>
    <div class='animated anim-bg-1 dop'></div>
</div>

<div class='page'>
    <p>Контент страницы</p>
</div>

.anim {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    overflow: hidden;
}

@keyframes GO {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(0, -200%); }
}

.animated {
  animation: GO 7s infinite;
}

.anim-bg-1 {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: red;
}

.dop {
    top: 200%;
}

.anim-bg-2 {
    position: absolute;
    top: 100%; left: 0;
    width: 100%; height: 100%;
    background: green;
}

.page {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    color: #fff;
}