SerzN1

С каких пор это вдруг стало равнозначным?

{{bikes.gallery[0]}}
и

<div ng-repeat="bikes in bike.gallery">
<img ng-src="{{ bikes }}" alt="">
</div>

Должно быть как то так:

<div ng-repeat="bike in bikes.gallery">
<img ng-src="{{ bike }}" alt="">
</div>

*здесь смайлик держащийся за голову*

Я точно знаю тот редактор который вы хотите!
Это Photoshop! Картинку потом можно воткнуть куда угодно!

типичный пример центрирования картинки в блоке заданного размера (можно в процентах)
jsfiddle.net/SerzN1/s3fLutz5/1

ИМХО:
IDE
brackets - для быстрых проектов (minify, coffee, less, autoprefixer и так далее)
webstorm - для серьзных проектов
sublime - ни туда ни сюда (не понимаю за что его выбирают, сам использовал обплевался, НЕ НАДО ПИСАТЬ МНЕ ЧТО НЕ УМЕЮ ГОТОВИТЬ)

Косметика
Photoshop (psd), Illustrator (svg), fireworks (векторные макеты), Clip2Net (отличная пипетка по Win+W и скриншотер с подсказками). а так же рекомендую смотреть в сторону визуальных редакторов с выдачей кода если позволяет техника и деньги , тк они в основном под мак (avocode, brackets extract, sketch и тп), так как простая нарезка стремных макетов с приветом из 90х во времена масштабиреуемой графики и ориентирования на контент никому не нужны.

Сервер
XAMPP или любой подходящий вариант под ваш стек от bitnami вплоть до MEAN

Гит!

htmlbook.ru/html/iframe/sandbox хороший параметр, но работает не везде

Пользуюсь конечно для этого Bootstrap'ом.

вот в этом весь подвох, пользоваться без понимания происходящего

https://developer.mozilla.org/en-US/docs/Web/CSS/M...
первая же строка дает пояснение как делать отдельный цсс (картинки, фоны и тп можно засунуть в этот цсс в дата-урл или просто грузить нужного размера) + srcset + модульная структура

в foundation есть спец функции foundation.zurb.com/docs/components/interchange.html, что в принципе не сложно самому написать как минимодуль

извиняюсь заранее. решил написать свое скромное мнение

- дисциплина
- качество
- проработка
- тех процесс
- чеклисты
- уровень проектов
- артдиректор задающий направление
- фидбэк от более опытных соратников
и еще что нибудь точно можно дописать

исходя из принципа 80 на 20 - 80% мягко говоря низкий уровень
весь фриланс - максимум средний уровень (исключения лишь подтверждают правило)

думаю не нужно говорить чему можно научится в офисе

если вообще что то там предлагают - это хорошо, другой вопрос если бы не предлагали вообще

и самое важное, что заметил - дизайнеры на фрилансе как правило полные лентяи делающие проекты за минимальный срок за баснословные деньги (UX UI ... много полезных но пустых слов)

все хотят РУБИТЬ бабло по быстрому

самый главный вопрос "стоите ли вы того что вам предлагают?", тк фрилансеры себя сильно переоценивают в большинстве своем. поэтому снижение ЗП применимо в вашем случае, но испытательныйы срок 4 мес - это никуда не годится.

да конторы горорящие "мы классные" или "мы номер 1" - это скорее бравада, нужно смотреть на подход к процессу, что удаленно врядли увидишь (как я не люблю эти картинки ожидание-реальность)
думаю очередной полученный опыт работы в передовой компании пошел бы любому человеку на пользу, но с другой стороны те единицы из топовых разработчиков уже не нуждаются в таком опыте

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

0. в таких чудесных случаях когда не нужна резина - вырезают просто jpg и кладут в фон
1. в случаях резины - режешь png и позиционируешь абсолютно в % (или left:50% и margin-left:) каждый слой отдельно, а по верху пускаешь интерактивные элементы (ссылки, hover) иногда возможно дублирование элемента (1н отвечает за функционал - ссылка с лого, другой за красоту - картинка лого)

не то и не другое

1. использовать REM для масштабируемых стилей
таким образом вы получаете изменение масштаба сайта 1 строчкой
html { font-size:125%;}

2. использовать % для резиновых стилей
получаем резину по ширине и прочее подобное

3. использовать em для стилей жестко зависящих от размера шрифта
(например вертикальное позиционирование тире перед списком и тп.)
получаем гибкость независимо от размера шрифта

да . в целом получается много и можно запутаться - но в некоторых момента оно того стоит
главное чтобы работало :)

По силам будет?
:) а то все не очень просто
1. stackoverflow.com/questions/153152/resizing-an-ifr...
2. https://github.com/davidjbradshaw/iframe-resizer

Категорически не разделяю свинячей радости некоторых здесь как все просто и быстро у которых получается. (знание -> умение -> способность)

1) чтобы использовать любую элементарную фишку - нужно знать как грамотно ее применить и где.
2) устал писать - есть паттерны которые нужно использовать (будь то css js или бекенд).
3) опыт опыт и еще раз опыт (практика рулит).
4) от основ к сложному - не надо учится оперировать модулями и ангулярами, если не знаешь как работает элементарное замыкание в js

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

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

радикально - никак. используйте какую нибудь фигню типа бутстрап

ЗЫ: к вопросу нужно еще "бесплатно" добавить, чтобы был полный набор - "быстро, качественно, бесплатно"!

ненавижу бутсрап! фондейшн лучше, все что угодно кроме бутстрапа

он хорош для тех кто не умеет верстать и кто не знает js для написания таких простых плагинов как там используются, а так же для создания простых формочек и шаблонных сайтов в wysiwyg сборщике- что по определению плохо

в реальном проекте от него ничего не останется кроме мусора, плохой разметки и сброса стилей
95% из него бесполезно в любом проекте.

Возьмите mediaqueri.es и найдите там бутстрап

вместо того чтобы изучить азы, изучают такое Гэ как бутстрап

как правило каждая такая фишка - это просто переключение класса. остальное сделает за тебя transition или animation

1. в случае с чекбоксом можно просто написать

input { clip чтобы скрыть базовый чекбокс }
input + label { лейбл }
input + label:before { стили чекбокса }
input ~ .dropdown { закрытый дропдаун }

input:checked + label:before { стили нажатого чекбокса }
input:checked ~ .dropdown { открытый дропдаун }

для этого чекбокс не должен быть вложен куда либо

<input id="ch1" type="checkbox"
<label for="ch1"
<div class="dropdown"

2. в случае с флагом - масштабирование , прозрачность, точка центра трансформаций и просто функция Безье (лучше их смотреть по кривым) с пиком выше 1
тут уже необходимо переключение класса типа @open@

PS готов сделать если нужно :)

Можно убрать атрибут ссылки и делов то. Кто мешает написать я кнопка. А вообще это бред. Не нужно менять семантику на хитрожопые штуки непонятного содержания. Ссылка должна оставаться ссылкой, если это пустой элемент управления то просто взять span.

Sara Soueidan рассказывает по порядку что к чему

https://www.youtube.com/watch?v=lf7L8X6ZBu8&list=P...
https://docs.google.com/presentation/d/1Iuvf3saPCJ...

если быстрее нужно то INLINE SVG
caniuse.com/#search=inline%20svg