• Где можно посмотреть список всех префиксов БЭМ?

    rockon404
    @rockon404
    Frontend Developer
    Спросите у старших коллег. Методология БЭМ не содержит соглашений по использованию определенных префиксов.
    Ответ написан
    1 комментарий
  • Что такое замыкание?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    В целом ты все верно понял. Почитал я тут ответы, термины, термины, термины...

    Я люблю простые объяснения, буквально на пальцах.

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

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

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

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

    Один из основных паттернов, для которых применяются замыкания - ограничение доступа к данным, их изоляция (ограничение их области видимости).

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

    В ответах есть пример со счетчиком, который наглядно демонстрирует этот принцип.
    Ответ написан
    2 комментария
  • Какие ресурсы/книги помогли вам в обучение вёрстке сайтов?

    @MoksS
    Значит смотри, html выучишь в процессе изучения других языков, документации для начала хватит хватит, вот на русском языке, web api изучать начнешь не скоро, а к тому времени уже сам разберешься с поиском материала.
    htmlbook.ru
    По css посоветую тебе книгу Девида Сойера https://www.ozon.ru/context/detail/id/135731189/ (если что найдешь на флибусте)
    JS лучше начинать учить на этом сайте https://learn.javascript.ru/, лучшего пособия по js на русском языке нету.
    Ответ написан
    1 комментарий
  • В IE 11 не срабатывают margin top, bottom на flex-box?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Потому что явно не задана высота.
    Ответ написан
    8 комментариев
  • Как сбросить файлы в инпуте?

    victory_vas
    @victory_vas
    Можно только пересоздать элемент инпута с помощью JavaScript, удалив старый и добавив на его место такой же (только новый и пустой). Изменять содержимое файлового инпута нельзя в связи с безопасностью.
    Ответ написан
    2 комментария
  • Регистр и кавычки в названии шрифта в CSS. Как правильно?

    iamd503
    @iamd503 Куратор тега CSS
    Верстальщик
    Пишу обычно так: font-family: 'Roboto', Arial, sans-serif;
    Ответ написан
    1 комментарий
  • Как бы вы сделали то что нарисовано на картинки? Каким бы способом?

    EPIDEMIASH
    @EPIDEMIASH
    Человек швейцарский нож
    flex-box используйте и все получится)
    Ответ написан
    Комментировать
  • Как с помощью CSS сделать обрезку картинки до определенного размера?

    bumbay
    @bumbay
    Node.JS, MongoDB, PHP
    <div class="crop">
        <img src="..." alt="..." />
    </div>


    .crop {
        width: 200px;
        height: 150px;
        overflow: hidden;
    }
    
    .crop img {
        width: 400px;
        height: 300px;
        margin: -75px 0 0 -100px;
    }
    Ответ написан
    Комментировать
  • Надо ли использовать неразрывный пробел?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Неразрывный пробел используется для чисто визуального улучшения контента.
    Использовать его можно и нужно, но не везде, а только там, где этого требует ситуация.
    Чаще всего используется во избежании "разрыва" в неуместных местах - перенос предлогов.

    Например, дан текст:
    Подскажите, как правильно использовать неразрывный пробел в верстке?

    В данном случае, неразрывный пробел может быть в 1 месте:
    Подскажите, как правильно использовать неразрывный пробел в&nbsp;верстке?

    Так как предлог "в" одиноко стоящий на строке, смотрится убого.
    В некоторых случаях (названия городов, имена собственные) это смотрится еще хуже.
    Когда предлог остается на первой строке, а на вторую переносится заглавная буква.
    Ремонт и отделка квартир в
    Саратове

    Чисто визуально, смотреться будет лучше с неразрывным пробелом.
    Ремонт и отделка квартир
    в Саратове // в&nbsp;Саратове

    Также, неразрывный пробел ставится между словами, которые по смыслу нехорошо делить на строки.
    Из головы прям вот так хороший пример не приведу, так как давно ничего подобного не было.
    Это могут быть названия брендов, городов, какие-то другие названия, которые не стоит разбивать.
    Дима купил в магазине Coca Cola.
    Конечно же, будем явно не уместным перести Cola не другую строку.
    Дима купил в магазине Coca
    Cola

    Можно ведь сделать более красиво, не разбивая название бренда.
    Дима купил в магазине
    Coca Cola // Coca&nbsp;Cola
    Ответ написан
    Комментировать
  • Каким мессенджером лучше пользоватся для работы, и общения?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Судя по тегу "фриланс", тем который используют заказчики. А это чёртов Скайп.
    Ответ написан
    Комментировать
  • Каким мессенджером лучше пользоватся для работы, и общения?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Телеграм. Остальные "бытовые" — дрочь, корпоративными не пользовался.
    Ответ написан
    Комментировать
  • Пожайлуста дайте советы по улучшению программного кода?

    @bromzh
    Drugs-driven development
    Фигнёй ты страдаешь. Сперва изучи работу со строками и числами, списки, кортежи, множества, словари, итераторы и генераторы. Потом функции поизучай, как они в питоне определяются и вызываются, как передавать аргументы, зачем нужны одинарные и двойные звёздочки в параметрах функции. Потом изучай ООП, какое оно в питоне, чем отличается от других реализаций. Зачем и когда вообще нужны классы, а когда нет. Потом всякие фишки питоновские касательно классов, что такое классовая переменная, метод класса, статический метод, property. Потом можно изучить декораторы и другие функциональные штуки питона. Заодно поймёшь, что это за лямбды у тебя в коде, что такое замыкание и контексты видимости переменных. Потом изучай стандартную библиотеку: работу с датами, с json, с сетью, файлами и сокетами, асинхронный ввод-вывод (надеюсь ты 3-ю ветку изучаешь).
    Попутно вызубри pep8. Ну и всё это естественно на практических примерах. Примеры есть на всяких codeacademy и других подобных сайтах.
    Потом можешь выбирать направление и изучать библиотеки и фреймворки, которые люди часто используют. Если это, например, веб - то это django, tornado и пр.

    А бездумное копирование кода с видео. который ты сам не понимаешь и простыни довольно однотипного кода tkinter не помогут тебе в изучении этого прекрасного языка.
    Ответ написан
    1 комментарий
  • С какого языка изучать программирования (с нуля)?

    @bromzh
    Drugs-driven development
    Ты ещё не умеешь программировать (и искать в интернете, ведь тут такие вопросы задают минимум по 1 разу в неделю), но уже решил, что питон - это несерьёзный несовременный язык. Видимо по этим причинам он самый популярный язык для обучения в технических вузах США.
    Зачем тебе чужое мнение? Ты вполне самостоятельный!
    Ответ написан
    8 комментариев
  • Как ставить нужное расстояние?

    @Za0r
    pop()
    когда задаешь float: left/right, то margin-left/right соответсвенно не работают,если хотите подвинуть,надо использовать padding-left/right.

    А вообще,изучите flexbox, всё-таки 2017 год на дворе :)
    Ответ написан
    Комментировать
  • Как сделать так чтобы вся страница прокручивалась?

    politon
    @politon
    HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
    Потому что здесь ошибка )) Знающие поймут.
    *{
      margin: 0;
      padding: 0;
    }
    
    html,body {
      height:100%;
      font-size: 100%;
      width: 100%;
      position: relative;
      overflow-x:hidden;
    
    }
    
    body{
        background: #eb2951;
    }
    a{
        background: #02C851;
        box-shadow: 2px 2px 10px #02C851;
    }
    a:hover{
        border: 2px solid #02C851;
        color:#02C851;
    }
    #burger span {
        background: #02C851;
    }
    
    h1,p{
        font-style: italic;
        font-variant: normal;
    }
    h1,a,p{
        font-family:   Arial, sans-serif;
        color:white;
    }
    h1{
        font-weight: 400;
        font-size: 2em;
        margin-left: 10px;
    }
    p{
        font-size: 2.5em;
        font-weight: 400;
        margin-left: 80px;
    }
    #content{
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 700px;
        height: 150px;
    }
    
    
    
    
    
    @media screen and (max-width: 640px) {
        h1 {  font-size:1.5em; }
        p  {font-size:2em;}
    }
    @media screen and (max-width: 480px) {
        h1 {  font-size:1.2em; }
        p  {font-size:1.7em;}
    }
    @media screen and (max-width: 400px) {
        h1 {  font-size:1em; }
        p  {font-size:1em;}
    }
    
    body{
        background: #02C851;
    }
    svg{
        margin: -4px;
    
    }
    svg path {
        fill: #ffffff;
    }
    h1,a,p{
        color: white;
    }
    header,#buttom,#top,#content{
        position: absolute;
    }
    header{
        margin-top: 20px;
        margin-left: 20px;
    }
    #buttom {
        width: 100%;
        bottom: 0;
        margin-top: auto;
    }
    #top {
        width: 60%;
        top: 0; right: 0;
    }
    
    a{
        background: #eb2951;
        box-shadow: 2px 2px 10px #eb2951;
        line-height: 2em;
        margin-left: 20px;
        text-align: center;
        display: inline-block;
        width: 100px;
        height: 30px;
        text-decoration:none;
        transition-duration: 0.5s;
    }
    a:hover{
        font-weight: bold;
        background: none;
        box-shadow: none;
        line-height: 1.6em;
        width: 96px;
        height: 26px;
        border: 2px solid     #eb2951;
        color:    #eb2951;
    }
    header a.visibility{
        display: block;
    }
    @media screen and (max-width: 960px) {
        header a{
            display:none;
            margin-top: 5px;
        }
    }
    header a.active{
        font-weight: bold;
        background: none;
        box-shadow: none;
        width: 96px;
        height: 26px;
        line-height: 1.6em;
        border: 2px solid     #eb2951;
        color:    #eb2951;
    }
    
    
    
    #burger-container{
        display: none;
        position:absolute;
        left: 10px;
        top: 10px;
    }
    @media screen and (max-width: 960px) {
        #burger-container {
            display: block;
        }
    }
    
    #burger{
        cursor:pointer;
        display:block;
    }
    
    
    #burger span{
        background: #eb2951;
        display:block;
        width:25px;
        height:3px;
        margin-bottom: 3px;
        position: relative;
        top:0;
        transition: all ease-in-out 0.4s;
    }
    
    #burger-container.open span:nth-child(2),
    #burger-container.open span:nth-child(3){
        width: 0;
        opacity:0;
    
    }
    
    #burger-container.open span:nth-child(1){
    
        transform: rotate(-45deg);
        top:9px;
    }
    
    #burger-container.open span:nth-child(4){
        transform: rotate(45deg);
        top:-9px;
    }
    Ответ написан
    Комментировать
  • Почему Flex элемент теряет свою ширину?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    1 комментарий
  • Почему образовалась белая полоса в правой части сайта?

    Да тут куча элементов надо убрать чтоб белая полоса изчезало
    Ответ написан
    3 комментария
  • Как сделать такой ефект для текста css?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Множественные text-shadow
    .box {
    text-shadow: 
      0 1px 0 rgba(0,0,0,.9),
      0 2px 0 rgba(0,0,0,.8),
      0 3px 0 rgba(0,0,0,.7),
      0 4px 0 rgba(0,0,0,.6)
     /* И т.д. */
    ;
    }
    Ответ написан
    Комментировать