Задать вопрос
  • Почему не получается поместить текст в рамках тега span?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    И, разумеется, <br><br> тут совсем ни при чем. Быть может стоит их убрать?
    Ответ написан
    Комментировать
  • Подключение шрифтов на сайт и форматы?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Достаточно ли этого для кроссбраузерности?

    Ну так можно посмотреть:
    caniuse.com/#search=woff (спойлер: IE9+ и все нормальные браузеры)
    caniuse.com/#search=eot (спойлер: решение для IE6-9)

    Определитесь с вашими критериями кроссбраузерности и сделайте вывод сами.
    Ответ написан
    Комментировать
  • Как вы "обрабатываете" контент и материал, который изучаете?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Я стараюсь всю информацию поделить на три категории:
    • нужно сейчас или в ближайшие дни
    • полезный практический навык
    • может быть когда-нибудь...
    Тут длинный текст, как я этим пользуюсь

    С последним вариантом все просто - стараюсь запомнить самые важные моменты и причинно-следственные связи, а про детали знаю только то, что "они вот в этой книжке". Соответственно мозг не загружен бесполезной на данный момент информацией, а в случае чего - открыл, посмотрел. Если это все в интернете - страница в закладках (ради интереса посмотрел - 837 закладок на данный момент), которые структурированы в дерево с большой вложенностью, в котором очень легко ориентироваться. Особенно уникальные материалы, которые проблемно загуглить, сохраняются в оффлайне на случай проблем с источником. Раз в год прохожу по закладкам и удаляю те, к которым уже никогда не вернусь (если все запомнил/ушел из области/источник потерян/информация сильно устарела). Обычно удаляются ветви этого дерева целиком.

    Полезные практические навыки запоминать бесполезно. Если есть возможность отработать сразу - делаю, если нет - они переходят в состояние "нужно в ближайшие дни". Факты, связаные с практикой запоминаются сами по себе в процессе работы, записывать их не нужно.

    Нужная на данный момент информация записывается на лист бумаги (а4), при необходимости сопровождается картинками. Картинки иногда очень важны. И стрелочки. Без стрелочек никак. Лист лежит на столе в течении недели, собирая важные термины, какие-то контакты, или что-то, что нужно загуглить или просто не забыть до вечера. Если лист лежит пару дней нетронутым - отправляется под стол и заменяется новым. Написанное собственной рукой хорошо запоминается (гораздо лучше, чем напечатанное), даже если сложно сказать "что было написано", всегда можно сказать "где именно это было написано". Если через пару месяцев лист не понадобился - в дальний ящик. Через год - уничтожается за ненадобностью. Необходимые на данный момент закладки кладутся в отдельную ветку дерева закладок и, когда их количество переваливает за 50 (примерно), сортируются. Часть попадает в основное дерево, часть удаляется.

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

    sfi0zy
    @sfi0zy Куратор тега HTML
    Creative frontend developer
    Это проблемы макета или верстальщик должен сам подбирать все? Сетки вроде нет; Отступы кажись на глаз надо делать.

    Я бы спросил это у самого дизайнера. Если он нарисовал все как попало и хочет pixel-perfect - это его проблема, нужно или потребовать переделать или попросить больше времени на работу. В перспективе - научить его делать стайлгайды. При их использовании вопрос "что-то тут немного поехало на макете" уже не стоит так остро - вы смотрите в стайлгайд и берете размеры, шрифты, цвета из него. Я как-то раз делал эксперимент по использованию упрощенно-извращенного подхода к вопросу размеров и могу сказать, что после написания статьи он более-менее обкатался (на нормальных сайтах, а не на надуманном примере) и вполне может применяться в условиях отсутствия дизайнера-перфекциониста.
    Ответ написан
    Комментировать
  • Что можно изучить до поступления в институт?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    хочу стать программистом в сфере IOS и Android и думаю что уже не поменяю это решение

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

    до поступления в институт?

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

    Я бы на вашем месте уделил определенное внимание (не всмысле бросить все и заниматься только этим, а именно в дополнение) алгоритмам, структурам данных, вопросам организации кода и архитектуры приложения в целом. Это общие знания, которые потом будут с вами долгое время, чем бы вы впоследствии не занимались. На тостере уже не раз спрашивали, что можно почитать по этим темам. Ну а так, выше верно сказали: программирование - это ремесло, здесь нельзя послушать теоретический курс и всему научиться, поэтому практика, практика и еще раз практика.
    Ответ написан
    Комментировать
  • Как пользоваться плагином postcss-scss в связке с gulp?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Почитайте, что народ пишет в issues на гитхабе, начать можете с первого вопроса по теме - Example of using scss parser with gulp. Там уже ответили на ваш вопрос.
    Ответ написан
  • Как сделать смену изображения через каждые 5 сек?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    /* There is no JS scripts! */

    На чистом CSS - никак. Просто потому, что CSS не позволяет "чекнуть" input. Вообще на CSS много чего нельзя сделать, я уже как-то раз приводил список аргументов в пользу слайдеров на скриптах.
    Ответ написан
  • Перебор с анимацией? Как сделать все стильно и останавливаться во время?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Первый вариант вполне неплох. Максимум, что можно еще попробовать добавить - это легкое размыливание (буквально 1px) для текста, который сереет и уходит на задний план. Я бы на вашем месте доделал возможность адекватно перемещаться по странице с помощью tab (а то фокус куда-то улетает постоянно) и подумал, что делать с этой красотой на touch-устройствах (кнопка "читать дальше" под ховером - плохая идея с точки зрения удобства использования).
    Ответ написан
    1 комментарий
  • Почему надо использовать веб - хранилище вместо обычных переменных для передачи данных?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    В основе Веб хранилища лежат два механизма:
    - хранилище сессии (sessionStorage) обслуживает область хранения данных для каждого домена, доступное на протяжении сессии. (пока браузер открыт, даже в случае перезагрузки страницы)
    - локальное хранилище (localStorage) делает тоже самое, но сохраняет данные даже в случае, если переоткрыть браузер.

    https://developer.mozilla.org/ru/docs/Web/API/Web_...
    Очевидно обычные переменные "погибнут" при перезагрузке страницы, не говоря уже о браузере.
    Ответ написан
  • Почему не адаптируется Slick слайдер в сетке на ФлексБоксах?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Убедительно прошу пройти мимо собетчиков из разряда "юзай флоат"

    Юзайте флоат! Или можете добавить width: 100% к элементу с классом .report__main (собственно этот элемент и расползается до невероятной ширины, а слайдер уже глючит вслед за ним).
    Ответ написан
    1 комментарий
  • Как сделана эта анимация? Библиотека?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Попробуйте VanillaJS. Этот фреймворк просто создан для того, чтобы добавлять и удалять CSS классы. А вообще - такое можно с помощью CSS анимации сделать (без скриптов).
    Ответ написан
    1 комментарий
  • Почему не происходит слопывания марджинов?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Вероятно у кнопки display: inline-block. Дайте ей display: block и все схлопнется.
    Ответ написан
    1 комментарий
  • Как правильно подключать ccs файл?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Critical CSS вставляется инлайново в начале страницы, а остальная гора стилей уже подключается в конце. Таким образом юзер сразу видит красивую страничку, а все, что не так важно (например стили для футера - пока он там еще до него доскролит...), уже потом подгружается.
    Ответ написан
    3 комментария
  • Как правильно подойти к самостоятельному обучению?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    С одной стороны нужно убрать раздражающие факторы: найти компьютер с плохим железом (чтобы никакие игрушки не запускались), кнопочный телефон (у моего даже камеры нет чтобы селфи делать), наушники (убирают шум), сказать домочадцам, что вы работаете (не сразу, но поймут).

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

    Если давно варитесь в какой-то области и все достало, но нужно что-то делать (у всех такое бывает), то есть вариант на несколько дней забить на все и погрузиться во что-то совершенно незнакомое (наконец попробовать выучить какой-нибудь haskell, ну или хотя бы common lisp, почитать про нейронные сети, купить губную гармошку и научиться на ней играть - простое, но прикольное занятие). Обязательно гулять (если не можете бесцельно гулять, то простой совет: пошли за хлебом - сходите не в ближайший магазин, а в магазин за пару кварталов) и много спать. Выключать компьютер и телефон после 9 вечера. Можно еду готовить - тоже не особо умственно сложное занятие, но хорошо отвлекает. Ну и вкусная еда еще никому плохо не делала. Мозг отдохнет и можно будет вернуться к основной деятельности.
    Ответ написан
    Комментировать
  • Как поставить блок вниз страницы, не закрепляя его?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Как поставить блок вниз страницы?

    Вот так.
    9
    Ответ написан
    2 комментария
  • Что значит "отличные знания html/css"?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Know it all.

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

    sfi0zy
    @sfi0zy
    Creative frontend developer
    theaigames.com - ресурс вполне себе живой, когда в последний раз туда заходил, там люди писали ботов для какой-то стратегии, техасского холдема и омахи, а потом они соревновались между собой. Теперь там и го, и большие крестики-нолики и еще какие-то игрушки.
    Ответ написан
    Комментировать
  • Почему так странно работает max-wdith в медиа запросе css?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Подобная фигня происходит из-за неправильных округлений (с браузерами такое бывает довольно часто, правда обычно проявляется в вещах вроде calc() в css). Вот тут есть статейка по теме media-запросов, и вывод из нее довольно простой - используйте или только max-width или только min-width и все будет хорошо.
    Ответ написан
    1 комментарий
  • Где элемент navmenu-v?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Хотел посмотреть как работает боковое меню , но не нашел в коде элемента navmenu-v который используется в строке

    Так его там и нет. Именно поэтому в консоли летят ошибки:
    Uncaught TypeError: Cannot read property 'style' of null at HTMLUListElement.onmouseover (doSite.php:43)


    Почему боковое меню работает а этого элемента в документе нет ?

    Меню работает на чистом CSS, без скриптов.
    Ответ написан
    4 комментария
  • Обучение в GeekBrains, перспективы?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Я не имею в виду 2-4 недельные программы, я про 6-12 месяцев, где они обещают научить всему и сделать портфолио

    (имхо) За 6 месяцев любой целеустремленный человек и без них научится многому и сам сделает себе портфолио, не говоря уже о 12. Говорю по себе - год назад я что-то писал на Си и немного администрировал линуксы, сильно заинтересовался фронтендом, начал гуглить, отвечать на вопросы на тостере, много практиковался, сейчас уже делаю очень прикольные вещи, фрилансю. А не целеустремленный и с курсами не сможет ничему научиться, поскольку слушать мало, нужно практиковаться. Если вы будете прикладывать усилия к своему самообучению, то курсы - это в лучшем случае знакомства (что тоже полезно, конечно, но учиться только ради знакомств несколько странно).
    Ответ написан
    Комментировать