• Правильно ли я организовал процесс верстки?

    k12th
    @k12th
    console.log(`You're pulling my leg, right?`);
    Советую посмотреть на yeoman, чтобы не делать ручной работы.
    Ответ написан
    1 комментарий
  • Где изучить фотошоп для верстальщика?

    @Chekhoved
    Понятно и без воды (видео для htmlacademy):
    https://www.youtube.com/watch?v=xXv93EpWeyA&list=P...

    Здесь описан полезный плагин для фотошопа CSS Hat (с какой минуты не помню):
    https://www.youtube.com/watch?v=tdRuZfZW99A
    Ответ написан
    1 комментарий
  • Какие есть книги по принципам работы языков программирования?

    valent_in_habrahabr
    @valent_in_habrahabr
    Такие книги есть, но они вам не понравятся т.к. рассчитаны не на новичков и читаются не так просто как учебники по программированию на языке 'X'.
    Ознакомится можно, но без фанатизма. Почитайте по диагонали и не тратьте время, если не понимаете, потом вернетесь.
    Вот книги на русском:
    1. Введение в компьютерные науки. Общий обзор
    2. Языки программирования. Концепции и принципы
    3. Введение в теорию языков программирования
    4. Компиляторы. Принципы, технологии и инструментарий
    5. Код. Тайный язык информатики
    6. Построение компиляторов (Вирт)
    7. Разработка операционной системы и компилятора. Проект Оберон
    8. Классика программирования. Путешествие по исторической статье Тьюринга о вычислимости и машинах Тьюринга


    Но мне на ум приходит только одна мысль - посоветовать к тому, что посоветовал в соседнем вопросе лучше почитать книги: Алгоритмы и структуры данных(Н. Вирт) и Структура и Интерпретация Компьютерных Программ.
    Ответ написан
    2 комментария
  • С какой книги стоит начать изучать html5 и css3?

    @Za0r
    pop()
    1)Идешь на htmlacademy.ru и проходишь все бесплатные курсы.
    2) На этом пункте,невольно задаешься вопросом,как тебе использовать эти знания. Смотришь как верстать простейший макет https://www.youtube.com/watch?v=vFjRVugE030 на float.
    3)Проходишь все платные курсы.
    4) Читаешь https://www.ozon.ru/context/detail/id/22435909/ эту книгу. Можешь найти на просторах в инете.
    5) Берешь самостоятельно простенький макет и верстаешь его на флексах и адаптивно( на этом пункте будешь знать что это.
    6) Читаешь https://www.ozon.ru/context/detail/id/137213400/ .
    7) На этом этапе ты знаешь что существуют предпроцессоры,и хочешь изучить,советую https://youtu.be/H4cG4tbc-xQ для знакомства.
    8) читаешь такое и присматриваешь что учить дальше:
    1) glivera-team.github.io/how-to/2016/05/02/how-to-st...
    2)https://coggle.it/diagram/52e97f8c5a143de239005d1b...
    3)https://github.com/zualex/devmap
    4)blog.flppv.me/all/frontend
    5)https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    6)krekotun.ru/ui-developer-skills.html
    7)Как быстро подтянуть свой уровень веб-разработчика, чтобы соотвествовать требованиям работодателей?
    8)webmasters.teamdev.com/#html

    9) Дальше думаю сам разберешься,Удачи!
    Ответ написан
    Комментировать
  • Как тестировать верстку?

    alone_lion1987
    @alone_lion1987
    Веб-разработчик
    Статья habrahabr.ru/post/114256

    1. Проверка соответствия макету.
      Допускается расхождение до 5px для текста. Разрешены и даже приветствуются правки размеров и расположения криво нарисованных блоков (разница размерах в 1-2px на разных страницах).
      В качестве инструмента можно использовать Pixel Perfect (см. статью).

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

    4. Проверка на всех необходимых устройствах.
      Даже сайты, не адаптированные под мобильное устройство, должны на нем более-менее корректно смотреться. На мобильных устройствах следует проверять хотя бы в двух браузерах.
      Интересный сервис: webmark.com.ua/mobile
      Можно средствами браузера.
      Адаптивная верстка - рекомендую бутстрап, getbootstrap.com

    5. Отсутствие js-ошибок. В консоли браузера не должно выдаваться ошибок.
    6. Валидация html - validator.w3.org/. Наличие предупреждений (Warning) при проверки возможно. Ошибок не должно быть.
    7. Валидация css.
    8. Корректная работа при вбивании реального текста, надёжность вёрстки.
    9. Оптимизация скорости загрузки.
      https://gtmetrix.com/
      https://developers.google.com/speed/pagespeed/insights/

    10. Наличие Win/Mac/Linux-аналогов шрифтов. При использовании нестандартных шрифтов (определить подгрузку таких шрифтов - также в консоли на закладке Network), проверить, что в случае их незагрузки сайт нормально смотрится.
      Как эмулировать их незагрузку? Например, если шрифт грузится с google fonts, закрыть к нему доступ через файл hosts. Сайт будет смотреться иначе, но ничего не должно слишком сильно разваливаться.

    11. Label и input/select должны быть слинкованы
    12. Проверка корректности заполнения форм на JS. В верстке формы должны валидироваться: обязательные поля подсвечиваться, поле email проверяться на корректность и т.п. Поля для ввода телефона должны иметь маску (если телефон, скорее всего, российский), возможно маски на другие поля (дата, время).

    13. Переключение между элементами форм по кнопке tab
    14. Лого на внутренних страницах должно вести на главную страницу (должно быть ссылкой)
    15. Интерактивность соответствующих элементов - реакция на наведение и нажатие
    16. Skype-плагин не должен ломать вёрстку
    17. Ресайз textarea не должен ломать вёрстку
    18. Ссылки на сторонние сайты должны быть с target=”_blank” (открываться в новой вкладке)
    19. Проверка орфографии, в том числе автоматизированными средствами (Word'ом)
    Ответ написан
    1 комментарий
  • Какими инструментами пользуйтесь Вы фронт/бэкендеры?

    Yesley
    @Yesley
    Front-end/Smart TV developer
    Моё front-end/Smart TV окружение:

    Процесс разработки
    • WebStorm (IDE лучше не встречал, стоит своих денег)
    • Gulp (сборка проектов)
    • Yeoman (скаффолдинг)
    • Bower (управление используемыми библиотеками)
    • LESS (CSS-препроцессор)
    • Spy-js (JavaScript трассировка)
    • CSSComb (сортировка и форматирование стилей)
    • JSDoc (создание документации)
    • weinre (удалённая отладка)
    • Chrome DevTools (инструменты разработчика)
    • Adobe Photoshop / Extract (макеты)

    Приложения и расширения для Chrome
    • Postman (HTTP/REST-клиент)
    • Cacoo (прототипирование и построение диаграмм)
    • IcoMoon (иконки)
    • RegExp Tester (тестирование регулярных выражений)
    • Google Docs (замена Windows Officce для документов)
    • Cookies (работа с cookies)
    • Emmet Re:View (тестирование брейкпоинтов вёрстки)
    • Fontface Ninja (позволяет узнать название шрифта на странице и скачать его)
    • JetBrains IDE Support (live-reload для WebStorm)
    • Perfmap (профилирование загрузки ресурсов с использованием Resource Timing API)
    • qSnap (скриншоты страницы + хостинг скриншотов)
    • Tape (инструмент для измерения расстояний на странице, линейки, сетки)
    • Web Developer Checklist (чеклист для front-end разработчика)

    Разное
    • preloaders.net (генератор индикаторов загрузки)
    Ответ написан
    Комментировать
  • Принцип взаимоотношений front & backend?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Если коротко, то в наши дни, по сути, бэк нужен для двух вещей - отдать статику для SEO, и отдавать данные по API (REST, GraphQL, и иже). Отдавать может как по AJAX (fetch, xhr, axios, ...) так и по вебсокетам.

    Фронт, в свою очередь, если SEO нужно, изоморфно рендерится беком (вебпак?), потом отдается и связывается на клиенте. Если SEO не нужно (закрытое SPA) то отдается минимальный бойлерплейт и весь UI генерится динамически, например React.

    Разработка вся удобная, модульная, собирается вебпаком в бандл.
    Ответ написан
    Комментировать
  • RESTful API и MVC — что это?

    Основной посыл использования RESTful API - применение основной идеи Паутины для взаимодействия автоматических агентов (приложений), а не только людей.
    Основная идея Паутины - построение распределенной информационной системы путем публикации неких абстрактных ресурсов, выдачи им идентификаторов (в сегодняшнем вебе - иерархических), определения ряда простых и широко известных операций над ними, не зависящих от содержимого ресурса (те самые GET, POST, PUT и т.д.), и связывания этих ресурсов ссылками (это называется гипермедиа, и в частности, гипертекст, если речь идет о текстовой информации).
    Как люди с появления Веба публикуют информацию в нем для потребления другими людьми, так и RESTful веб-сервисы публикуют иерархически структурированные ресурсы для потребления клиентами. Разница только в представлении - для людей это plaintext/HTML, для автоматических агентов - это JSON/XML/прочие форматы, которые удобно обрабатывать.
    Таким образом, если вы хотите какую-то информацию опубликовать как RESTful API, вам необходимо представить ее как набор ресурсов, а все операции над этой информацией выразить через набор предопределенных операций. Фишка в том, что во многих задачах этих предпопределенных операций вполне достаточно, главное правильно определить ресурсы.
    Важно понимать, что "ресурс" это обычно некоторая сущность, "существительное". Как правильно заметил Антон Жуков , ресурс /getItems хоть и может существовать в принципе, говорит о неудачно спроектированном API (действие представлено как ресурс).

    Есть и другие подходы к архитектуре распределенных приложений, например архитектуры, основанные на RPC (удаленный вызов процедур). Информация в таких архитектурах также представлена в виде некоторого набора сущностей, однако операции над ними определяются конкретной задачей, и для каждой сущности будет свой набор. Это больше соотвествует классическому ООП-подходу. Таким образом, RESTful следует подходу много сущностей (ресурсов) - мало операций (и эти операции известны заранее), а RPC - немного сущностей, но много операций над ними.

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

    Сама архитектура REST не привязана к конкретным технологиям и протоколам, но в реалиях современного Веб, построение RESTful API почти всегда подразумевает использование HTTP и каких-либо распространенных форматов представления ресурсов, например JSON, или, менее популярного сегодня, XML.

    Смысл использования REST в том, что принципы, хорошо показавшие себя в "человеческом" веб и позволившие построить самую большую распределенную ИС, применяют и для "веба машин".

    Ответ длинноват, но как короче объяснить, чтобы не исказить понимание, не представляю. Если что непонятно - спрашивайте.
    Ответ написан
    7 комментариев
  • Что почитать по созданию RESTful API новичку ?

    @Elkaz
    Да там читать особенно нечего.
    Советую статью из английской википедии: en.wikipedia.org/wiki/REST
    А мне в своё время помогла вот эта статья (англ.): ajaxpatterns.org/RESTful_Service
    Ответ написан
    Комментировать
  • Кто такие тестировщики игр и чем они занимаются, что нужно для того что бы научиться этому и какие знания?

    BFG1992
    @BFG1992
    iOS Game QA
    Я сам попал в Game QA чисто по везению - одна крупная международная компания по разработке мобильных игр открывала новое подразделение, и набирала большой штат тестеров. Из требований были лишь знание английского на уровне не ниже Upper Intermediate, аналитическое мышление, внимание к деталям, умение работать в команде, базовое знание iOS, базовое знание теории тестирования и любовь к мобильным играм. У меня ещё был небольшой опыт QA-фриланса (веб в основном) и опыт работы в команде на одном из конкурсов по созданию игры за три дня. Может, потому и взяли.

    Как работается.
    Есть билд игры, есть документация на игру, есть средства общения с твоей командой тестирования, и, наконец, есть багтрекер (туда заносятся все баги). Могут быть также различные документы, которые надо заполнять, и ещё могут быть инструменты для ковыряния уделённых данных игроков на сервере. В начале дня тебе дают задание протестировать конкретный участок игры, причём это может быть всё что угодно: от конкретного уровня, до совместимости на разных устройствах и аж до рекламы и соцсетей. Ты, взяв (или сев за) устройство, открываешь документацию, читаешь части, которые относятся к заданию, и, не забывая поглядывать в чат команды (и слушать, что говорят вокруг тебя), "играешь", проходя по пунктам, которые указаны в задании и/или документации, чётко проверяя всё и не забывая деталей. Если тебе показалось, что ты нашёл баг, ты сперва смотришь в багтрекер, не находил ли кто такой баг. Если нет, то консультируешься с коллегами, и если всё ок, то заводишь баг в багтрекере по чётко заданным правилам и формам, не забывая отметить в прочей документации по заданию номер заведённого бага.
    Кажется, что вроде бы всё просто, но вот задания бывают очень комплексными, непонятными и однообразными (а времени - очень мало), описания в документациях - расплывчатыми или отсутствующими вовсе, а коллеги подвержены человеческому фактору. В результате - "что мне делать, я не понял?", головная боль и волнение из-за того, что баг, который ты пропустил как слишком мелкий или не приоритетный по указанию вышестоящего QA, обнаружат пользователи... И да, если ты закончил задание раньше времени - тебе просто дадут новое, для тестеров всегда найдётся работа :P Ах, да, ещё game QA платят обычно меньше, чем остальным QA...

    Работать игровым тестировщиком ещё не перехотелось? Вот что, по моему, нужно для того, чтобы были шансы побольше:
    1. Знание английского. Хотя бы Intermediate (реальный), а лучше - Upper Intermediate. Нужно почти везде, говорю из своего опыта поиска работы на QA длиной в 7 месяцев. Где учить - не знаю, у меня он как-то сам собой выучился, благодаря игре в игры на языке оригинала и просмотра англоязычных фильмов с субтитрами.
    2. Теория тестирования. Нужно, чтобы хотя бы приблизительно представлять себе, как проходит процесс коммерческого тестирования. Прочитай Савина "Тестирование Дот Ком", например, эта книга даст тебе основы. Можно ещё найти бесплатные курсы (как делал я, например). А ещё можно порегаться на сайтах вроде BugFinders/uTest/testIO и попробовать свои силы там. Не то, чтобы тестирование всяких интернет-магазинов сильно помогало в накоплении опыта тестирования игр, но процесс слегка похож, да и немного долларов/евро/фунтов подзаработать изредка можно. Я начинал именно с этого.
    3. Компьютерная грамотность - без комментариев. И в iOS/Android тоже желательно бы разбираться, сейчас в большинстве вакансий если не веб, то мобилки.
    4. Игровой опыт - не настолько обязателен, как может показаться, но он поможет быстрее вникнуть в игру и позволит во многих случаях понять, где баг, даже ещё не сверяясь с документацией. И да, как написал Saboteur выше, тестировать, с большой вероятностью, придётся "унылые флешки", так что если не играл в мобильные/браузерные социальные казуалки с донатом - самое время ознакомиться.
    5. Навыки общения и красноречивость - бывает, необходимо кратко и в то же время ёмко описать то, что ты нашёл, и почему это баг, а также его значимость. В том числе и на английском, если придётся. Впрочем, в команде это быстро наверстается (если коллектив нормальный).
    6. Любить игры и ковыряние в них - обязательно, потому что иначе работа быстро осточертеет :P

    Как-то так. Надеюсь, хоть чем-то, да помог. Желаю удачи в поисках работы :) (Да, начинай искать уже сейчас!)
    Ответ написан
    Комментировать
  • Где найти бесплатные текстуры и т.д для создания простенькой игры?

    JohnZoidberg
    @JohnZoidberg
    1. Kenney.nl

    Этот находящийся в Нидерландах сайт предлагает разработчикам замечательную графику. Присутствуют материалы, признанные Общественным достоянием. А это значит, что вы можете использовать их где угодно, не беспокоясь об авторских правах. Так же есть поиск графики по категориям, что значительно ускоряет процесс.
    Кроме того, на сайте представлены подборки бесплатной музыки.

    2. OpenGameArt.org

    Наверное, один из лучших сайтов в своём классе. OpenGameArt.org огромный сайт, предлагающий все виды графики, необходимые для разработки игр. Так же на сайте имеется бесплатная музыка (звуки). Основными плюсами данного ресурса являются наличие оживленного и весьма полезного форума, а так же постоянное обновление материалов за счет пополнения самими пользователями и рейтинговой системы оценивания. Так что вы всегда сможете быстро выбрать самое лучше и свежее.

    3. Untamed.wild-refuge.net

    Отличный ресурс для тех, кто задумывает или уже создает свою RPG.
    При переходе по ссылке справа вы увидите колонку ресурсов. Персонажи, предметы, локации и тому подобное, при нажатии на которых все-все объекты появятся на одной странице, что упрощает и ускоряет выбор. При клике на понравившегося персонажа, открывается ссылка на .png файл, со всеми 3d-проекциями и движениями, что идеально подходит для создания собственных спрайтов.

    4. Crateboy.itch.io

    Отличительная особенность данной коллекции - 8-битная графика городов. Вся библиотека совершенно бесплатна, и всё, о чём просит автор - упомянуть о нём в своей игре (credits).
    Цветовая гамма данной библиотеки является её отличительной особенностью, и при использовании в исходном виде вполне может определить дизайн всего проекта.

    5. Bagfullofwrong.co.uk

    Коллекция материалов, созданных и использованных в различных проектах дизайнером Робом Фероном для Вашего личного пользования.

    6. Gameart2d.com

    Вебсайт, запущенный индонезийским разработчиком игр, с отличным вкусом в области дизайна игр. Хотя большая часть материалов сайта является платной, так же присутствует и бесплатная, в которой Вы можете найти симпатичные изображения. Помимо спрайтов на сайте представлены наборы для создания уровней, GUI и прочее.

    7. Wigdetworx.com

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

    8. Glitchthegame.com

    Создатели проекта Glitch, закрытого в 2012 году решили сделать всю её графическую часть Достоянием общественности (никакие авторские права для использование не требуются). К Вашим услугам более 10,000 изображений восхитительного качества собранные воедино и доступные по одному нажатию.

    9. Dumbanex.com

    Идеально для сайдскроллеров и платформеров
    Множество графики от дизайнера-фрилансера Брента Андерсона. Всё бесплатно при условии упоминания в приложении (Credits).

    10. Reinerstilesets.de

    Бесплатная графика от разработчика игр разработчикам игр. Помимо библиотек на сайте есть неплохие туториалы.

    11. Sharecg.com

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

    12. Roenica.com

    Отличный сайт с графикой для инди проектов и казуалок.
    Всё разбито на категории по типу игры и упаковано в ZIP архивы. Есть и 2D и 3D графика, но так же как и в предыдущем случае стоит внимательно смотреть на лицензию, под которой распространяется контент.

    13. Blogoscoped.com

    Сам сайт - форум про Гугл и всё, что с ним связанно, но в 2006 году его участник Philip Lenssen выложил на нем около 700 спрайтов, которые теперь распространяются под Creative Commons License

    14. Lostgarden.com

    Сайт немного отличается от рассмотренных выше. Это блог игрового дизайнера, в котором время от времени появляется бесплатная графика для разработчиков игр. Так же интерес представляет и сам блог, в котором дизайнеру можно найти уйму важной и интересной информации.

    15. Subtlepatterns.com

    Безумное количество фонов и текстур для Ваших игр и приложений. Всё как и прежде бесплатно - только не забудьте поблагодарить автора.

    16. Openclipart.org

    Обширное сообщество с огромными объемами графики. Всё, что сможете найти на этом сайте, совершенно бесплатно. Правда вот поискать придется как следует.
    Ответ написан
    12 комментариев
  • Столкнулся с трудностью в процессе описания игры крестики- нолики на JavaScript: как реализовать проверку на выигрыш?

    @krll-k Автор вопроса
    for(i=0; i<3; i++)  /* проверка строк */
        if(matrix[i][0]==matrix[i][1] &&
           matrix[i][0]==matrix[i][2]) return matrix[i][0];
    
      for(i=0; i<3; i++)  /* проверка столбцов */
        if(matrix[0][i]==matrix[1][i] &&
           matrix[0][i]==matrix[2][i]) return matrix[0][i];
    
      /* проверка диагоналей */
      if(matrix[0][0]==matrix[1][1] &&
         matrix[1][1]==matrix[2][2])
           return matrix[0][0];
    
      if(matrix[0][2]==matrix[1][1] &&
         matrix[1][1]==matrix[2][0])
           return matrix[0][2];
    Ответ написан
    Комментировать
  • Как ускорить вёрстку?

    @architawr
    "Ok, Google" и все твои проблемы решены
    1) SASS и сетку для него(типа bootstrap)
    2) GULP для компиляции , а также его LiveReload и AutoPrefixer, и BrowserSync с его локальным сервером, и Bower (закачка либ)
    3) GIT
    4) Emmet
    5) BEM (БЭМ)
    6) Используйте gist от github
    Ну и прямые руки
    Ответ написан
    16 комментариев
  • Литературу по верстке?

    @XimikS
    Посмотрите на эту www.ozon.ru/context/detail/id/4265917/
    Почитайте статьи:
    habrahabr.ru/post/119127/
    habrahabr.ru/post/156645/ — облегчите себе написание CSS с препроцессором. Я рекомендую SASS или Stylus, если понравится Node.JS
    habrahabr.ru/post/125247/
    А так, для вдохновления читайте:
    tympanus.net/codrops/ (Переводы бывают на css-live.ru)
    dribbble.com

    htmlbook.ru/samcss — ну это само собой :)
    Ответ написан
    Комментировать
  • Какие этапы верстки сайта?

    PretorDH
    @PretorDH
    HTML5, CSS3, PHP, JS - люблю в чистом виде.
    1. Пишеш полностью контент, текст и ставишь инлайн рисунки. Смотришь в браузере. Это будет то, что увидит клиент если вдруг при загрузке слетит CSS, такое бывает довольно часто у клиентов и при правильном кешировании страница останется в таком виде у клиента. Клиент должен увидеть весь контент. Обязательно прописываем viewport;
    2. Ставим обнуление: reset.css или normalize.css их великое множество, на ваш выбор;
    3. Пишем Таблицу блочной модели: для html, section, article, aside, header, footer именно так без класов, она должна быть универсальна. Здесь можно задать отдельно представление для первой и последней секций, и например для чередующихся, если нужно. При сборке эта часть должна быть сразу за reset.css;
    4. Пишем таблицу модели управления: для "menu", "input", "button", "a" (во всех ипостасях) и т.д. Навигацию я делаю через анчоры, дивы по образу Л.Артема. "Li" и не использую для меню в принципе! Они по логике ложатся в таблицу представления. Использовать их нужно для списков в тексте, а не для навигации (только лишние элементы разметки. Лично моё мнение - никого к этому не принуждаю).;
    5. Дальше таблица представления: h1, ... , ul, li, p, blockquote, addr, figure, table... Задайте базовый шрифт и размер в блоке html. Дальше у вас все шрифты ИСКЛЮЧИТЕЛЬНО в "em"-ах.

    Теперь Сайт должен смотреться довольно неплохо на всех устройствах, включая іМафоны...

    6. Только теперь, можно крутить модель оформления - её можно верстать сверху в низ, или по-элементно. По ходу дела прописывая класы в HTML. Это вашая рабочая таблица. Если сделали все правильно - возвращайться к предидущим вам не придется.
    7. Таблицы адаптирования: на основе таблицы блочной модели и модели оформления, пишем правила для каждой ширины в сторону возрастания.

    Графику фоны, красивости рекоментую заводить в векторном SVG. Лично я не рисую в фотожопе. Только вектор. Картинки автоматически приобретают любое разрешение, с минимальным трафиком. Фотки, а без них не обойтись, проганяйте через панду. Формат для картинок с прозрачностями png, все остальное в JPG.

    Все. Ваша страничка ПЭРФЭКТНА.
    Ответ написан
    Комментировать
  • Как сделать адаптивную e-mail рассылку?

    XXX
    @XXX
    Решение где-то рядом
    Fedor Kolenoff посмотрите на хабре:
    Адаптивные email'ы
    Верстка email рассылок от А до Я для чайников
    Верстка рассылок — что мы имеем?

    Еще полезно: The Ultimate Guide to CSS

    Ну и самое простое это использовать mailchimp, там можете без кодинга слепить нужный дизайн и посмотреть его стили.
    Ответ написан
    Комментировать
  • Что же такое сторителлинг?

    otradny
    @otradny
    Могу ответить на вопрос с точки зрения маркетинга и (или) презентаций.

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

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

    Создать историю по канонам сценарного искусства, где есть своя завязка, конфликт и развязка - сложно, но овчинка того стоит. Любой мусор, если завернуть его в более или менее интересную историю, слушать/читать/видеть становиться куда интереснее.

    В США учат делать презентации с детства. И с детства же учат сторителлингу, чтобы преподносить публике свои мысли в интересной, интригующей и понятной форме.

    Очень рад, что у нас это направление набирает обороты. Реклама становиться интереснее, посты в интернете становяться интереснее, статьи и тд.

    По сути, сторителлинг это мастерство написания сценариев. Если хотите разобраться в сторителлинге - рекомендую почитать что-нибудь из этого мира, мира кино.

    Вот литература которую могу порекомендовать:
    John Truby, The Anatomy of Story
    Scott McCloud, Understanding Comics
    https://www.lynda.com/Business-Skills-tutorials/Wr...
    https://postoronnim.wordpress.com/%D1%80%D0%B8%D1%...
    История на миллион долларов. Макки
    Break Into Screenwriting, 5th Edition: A Teach Yourself Guide, Ray Frensham
    Цикл книг Save The Cat! (Blake Snyder)

    Подчеркну: сторителлинг это не рассказ, а история.

    Не понимаю, чем отличается пафосный сторителлинг от короткого написанного рассказа и рассказанного оратором?
    По большому счету, если смотреть через вектор литературы - ничем.
    Ответ написан
    Комментировать