Ответы пользователя по тегу HTML
  • Куда податься PHP программисту?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Вообще не вижу смысла в высшем образовании. Хотя бы для программиста. В 11 лет я взял в руки книгу "PHP за месяц", с тех пор прочитал ещё много подобных, много статей, изучал чужой код, много писал своего кода.

    Всякие школьные олимпиады, конференции и прочее - бесполезная трата времени. Я был вторым в области программистом. Всё. Эта информация никому ничего не даёт. Я закончил школу с отличием в изучении информатики - бесполезная бумажка.

    В университет я пошёл ради отсрочки от армии, спустя пару месяцев понял, что преподавание настолько дерьмовое, что лучше отслужить. В итоге после череды "временно не годен" меня списали.

    Долгое время я на фрилансе делал сайты. И это меня кормило. Сейчас я для двух клиентов пишу два крутых веб-сервиса и параллельно работаю над собственными двумя веб-сервисами.

    Высшее образование... Не знаю. У меня его не спрашивают. А фундаментальные знания есть и так. Вернее... А что такое "фундаментальные знания"? Высшая математика? Зачем? Очень сложная физика? Ну только если вы собрались кодить софт для физиков. С другой стороны, всегда можно нанять крутого физика, чтобы он вас как программиста консультировал по этим вопросам. Будет больше пользы.

    Обучение - фигня. Самообразование рулит.

    Вообще, я смог найти в Москве работу. Всего пара часов поиска, зарплата первые пару месяцев 60к, дальше уже сильно больше. И я прошёл собеседование. И меня взяли. Но я ушёл сам - скучно. Работать на дядю скучно. Я хочу работать на себя. Система образования нужна, чтобы вы подняли свою ценность в глазах работодателя.

    Вам шашечки или ехать? Вам диплом или знания? Вам непонятную фигню или опыт?
    Ответ написан
  • Можно такое реализовать на flexbox?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    align-items: stretch; на контейнер, так ваши карточки будут одной высоты.

    Ещё можно на те элементы, которые могут быть разной высоты повесить что-то вроде min-height: 2em;
    Так они будут занимать ту высоту, которую им нужно.
    Ответ написан
  • Экспресс обучение frontend разработке. Как подступиться?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Из SASS и LESS стоит выбрать что-то одно, в препроцессорах нет ничего сложного.

    Если речь о вёрстке макетов для небольшой вебстудии, то про все страшные слова по типу Angular, React, Backbone можно забыть, как и о необходимости в чём-то серьёзнее связки HTML+CSS+jQuery.

    Бустрап (любое другое творение для ускорения работы) будет плюсом не только для работодателя, но и лично для вас. Изучается за пару дней.
    Ответ написан
    3 комментария
  • Нормально ли сверстан слайдер?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    9c6db5174a1b4e308fc7550d812fa816.png

    Что-то явно пошло не так, после того, как прокрутка началась по второму кругу умерло переключение фоновой картинки.

    И, как по мне, было бы хорошим тоном было бы прокрутку задавать не в пикселях, а как-то иначе... в штуках, например :) И количество слайдов по идее должно высчитываться само, а не задаваться вручную.
    Ответ написан
    Комментировать
  • Как организован workflow фронтенд разработчика?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Рассказываю про себя (многие профи закидают камнями, но...).

    Две папки: images и assets. Внутри assets есть папки css, js, fonts, scss. Что в них лежит понятно из названия. В scss лежат исходники, в css всё компилируется.
    Для компиляции использую Prepros. Адепты других софтинок меня сейчас загнобят, но Prepros делает ровно то, что должен с удобным интерфейсом под виндой, с минимумом настроек и просто весьма неплох.

    До HAML и подобных моментам ещё не дошёл и не знаю... Меня более чем устраивает классический HTML.

    Вместо бутстрапа использую самописное творение.

    Ваша проблема, как и у многих начинающих, осознание, что творить придётся на ОГРОМНОМ стеке технологий. Нельзя просто знать CSS и HTML. Этого уже давно недостаточно. Нужны препроцессоры, постпроцессоры, обработка изображений... Всё...

    Попробуйте выделить свободный денёк и потихоньку заверстать какой-нибудь элементарный блог, но на полном стеке. Сделайте раскрывающееся меню, респонзив-сетку и основные стили. Всё. Так вы доберётесь до понимания как всё работает в комплексе.

    А затем уже можно переходить на более сложные макеты.
    Ответ написан
    Комментировать
  • Как относится Яндекс к динамическим меню?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Яндекс ТОЧНО проиндексирует и увидит все ссылки в меню. У меня на одном проекте он нормально отнёсся к ссылкам под display:none; которые открывались по клику на другом элементе. Так что не волнуйтесь.

    Слышал мнение, что тот же display:none или сокрытие любым другим способом лучше делать именно через JS, типо и поисковики лучше отнесутся, и будет хоть как-то работать, если пользователь вырубит у себя JavaScript (так у него все скрытые элементы будут открыты, некрасиво, но работает)

    Если ваши элементы легко становятся доступными при клики/наведении, то не волнуйтесь - поисковики нормально отнесутся. Насколько знаю, они даже переходят по ссылкам в nofollow и noindex, не передают на них вес, но всё равно заходят. Так что под скрытую ссылку тоже зайдут.
    Ответ написан
    Комментировать
  • Какие подводные камни веб разработки для мобильных устройств знаете Вы?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    iOS не умеет position:fixed; для фоновых картинок, нужно отлавливать iOS браузер и подсовывать ему что-то иное, например, position:scroll;
    Ответ написан
    Комментировать
  • Сколько времени уходит на создание приложения у человека-оркестра?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Если делать для себя (без времясжигателей в виде постоянных правок заказчика), иметь средства к существованию (чтобы не отвлекаться на другие проекты ради денег), иметь достаточный скилл во фронт и бэк енде, то реально уложиться в неделю с небольшим, грубо говоря, в 7 рабочих дней. Это будет сложно, но реально. Если включить перфекциониста, то 10-14 дней.

    Предполагается, что общая концепция приложения уже есть, а также есть понимание как всё должно работать, как должна быть устроена БД и так далее.

    Если бы делал аналог тостера для заказчика, то это заняло бы неделю на теорию (структура, концепция, уточнение деталей), неделю на серверную часть, неделю на админку, неделю на визуальную часть, неделю на доработки и тестирование, неделю на форс-мажоры. Итого 6 недель. Но лучше просить 2 месяца.
    Ответ написан
    Комментировать
  • Где можно показать свои знания верстки?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Сверстайте сложный макет и пару попроще. По-моему этого будет достаточно для демонстрации навыков.

    Идеально, если эти макеты вы сверстаете не просто так, а для какого-то заказчика. (то, что кто-то поверил в ваши навыки и заплатил вам за это - плюсик в глазах работодателя)
    Ответ написан
    Комментировать
  • Какой редактор для разработки вы используете?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Раньше сидел на PsPad, сейчас Atom
    Ответ написан
    Комментировать
  • Как оформить портфолио в таком виде?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Используйте FancyBox. Или любой аналогичный плагин.
    Ответ написан
    Комментировать
  • Какие самые актуальные разрешение экрана у различных устройств?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Заходим в любой компьютерный магазин, подходим к стойкам с ноутбуками и мониторами.
    Ноутбуки - почти все 1366х768. Дешёвые 17" - 1600х900, ноуты с 1920х1080 и больше уже достаточно дорогие и не по карману большинству. Ноуты с разрешение 2560х1440 и более фактически можно приравнивать к FullHD. Если 13" с таким разрешением, то 90% юзеров будет использовать увеличение.
    Мониторы - практически все идут FullHD, есть 1366х768, есть 2560x1440 и 4К, но они не всем по карману.

    Вот мы уже получили 3 основных современных разрешения (1366, 1600, 1920). Если целевая аудитория гики, то имеет смысл проработать отображение на 2560+.

    Затем, вспоминаем, что когда-то были очень популярны 22" мониторы с 1680х1050. Когда-то многие купили нетбуки, а там всего 1024х600. До сих пор часто у людей можно видеть квадратные мониторы 1280х1024.

    Итого: 1024, 1280, 1366, 1600, 1920 пикселей по ширине.

    Планшеты и смартфоны хоть и могут иметь чуть ли не 4к дисплеи, но методика отображения немного иная. Имеет смысл версия для смартфонов на 360-400 пикселей по ширине (старые смарты), хотя я обычно выставляю ширину сайта в 100% и задаю диапазон от 360 до 500-600 пикселей. Для планшетов 640-1024 пикселя.

    Как-то так.

    В любом случае, мои последние работы адекватно выглядят на старых андроид смартах, на iPhone 3G, на iPhone 6s, на разных айпадах и на всех мониторах.
    Ответ написан
    Комментировать
  • Как сделать контент локер?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    У вас с 26 октября ни одного ответа. Объясните нормальным русским языком, пожалуйста. Добавьте скриншоты. Трижды перечитал ваш вопрос - не понял о чём идёт речь.

    Вам нужно часть какого-то сайта вставить на другой сайт? Для этого либо iframe Для полного показа, либо ajax запрос, если нужно что-то конкретное.
    Или вам нужно просто на имеющемся сайте что-то скрыть? Тут я вообще не понимаю зачем вам iframe. И без доступа к коду будет невозможно что-либо сделать.
    Ответ написан
    Комментировать
  • Какой самый продвинутый wysiwyg редактор?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    CKEditor позволяет подгружать свои шаблоны и свои css. Поэтому в нём реально создать нужный вам функционал. Но всё это будет слишком неудобно. Выше написали, что большая часть задач - работа CMS. Примерно так я это и реализовал в своей CMS, движок генерирует разметку, а на каждый блок вставляется свой экземпляр CKEditor'a. Тоже не очень удобно, но другие варианты хуже.
    Ответ написан
    Комментировать
  • Как тестировать верстку под разные браузеры и экраны?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Проверяю вручную. На компе установлены все современные браузеры. iOS проверяю через iPad Mini брата, Android - прошу друзей глянуть :) Windows Phone - своя Люмия 1020. IE7,8,9 не поддерживаю. Но если понадобится - поставлю виртуальную машину и буду там проверять.
    Ответ написан
    Комментировать
  • На каких сайтах можно скачать шаблоны для HTML?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    templated.co
    html5up.net
    Хорошие источники хороших готовых шаблонов. Отличное пособие для изучения - не получается повторить самому, можно посмотреть как это решил автор.
    Ответ написан
    Комментировать
  • Какой посоветуете адаптивный слайдер для сайта с вставкой видео на всю ширину?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Owl Carousel, везде его использую
    Ответ написан
    Комментировать
  • Можно ли сделать красивый дизайн сайта без PSD шаблона?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    У меня даже фотошопа нет, но это не мешает мне с ходу выпиливать красивые сайты. Я и дизайнер, и верстальщик. Придумываю эффекты по ходу дела...
    Ответ написан
    Комментировать
  • Недостатки конструкторов сайтов, поможете сделать лучше?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Кому нужен "готовый дизайн, который можно просто инсталлировать и дальше просто править тексты", те качают готовые CMS и готовые шаблоны. А вот это "людям нужен конструктор дизайна, чтобы передвигать блоки местами и создавать новые блоки визуально" было бы весьма кстати.
    Ответ написан
    Комментировать
  • Как заработать знаниями html/css?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Изучать не просто html+css, а изучать уже конкретно вёрстку под определённые движки: Joomla, WordPress, Drupal, OpenCart. И на биржах фриланса выставлять себя как верстальщика под определённые движки. Для полноценной визуальной составляющей сайтов хорошо бы выучить основы JS (jQuery)
    Ответ написан
    Комментировать