• Фриланс. Рассматривать ли российские биржи?

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

    r3st1k25
    @r3st1k25
    Senior PHPomidor
    codepen.io/r3st1k25/pen/pjPLxV вот специальные теги для такого.
    Ответ написан
    Комментировать
  • Стоит ли работать программистом?

    @jackroll
    Сверхразум
    Ты сейчас делаешь следующее: "сейчас я хорошенько поузнаю, что мне нужно учить, а учить буду потом". Когда этот этап пройдёт, ты будешь думать "так сейчас надо найти самые лучшие книжки и курсы, а потом буду их читать и учить". Когда найдёшь - "так, нужно почитать программач ещё разок, чтобы быть в курсе, не изменилось ли чего". Потом "ага, надо ещё работы посмотреть на данный момент и сделать проекцию в будущее, чтобы предположить свой заработок". И после ещё десятка таких типа-как-небесполезных откладываний ты либо найдёшь какую-то другую великую цель для себя, либо попробуешь начать изучать то, что подготовил, но не протянешь дольше недели.

    Это я к тому, что из этого паттерна прокрастинации и фантазий нужно выбираться прямо сейчас, а не потом. Если ещё более прямо надо - бери любой язык и учи его месяц, не тратя время на всякую чушь. Иначе гроб.
    Ответ написан
    Комментировать
  • Как показать центральную часть < img > произвольного размера в блочном элементе с помощью CSS?

    @ssumatokhin
    Можно попробовать с помощь Flexbox верстки. Видосики на эту тему тут
    Ответ написан
    Комментировать
  • Как ускорить работу программисту?

    kumaxim
    @kumaxim
    Web-программист
    Главное что Вам нужно - писать меньше кода, который будет реализовывать поставленную перед Вами задачу.

    Перед началом выполнения задачи, Вам нужно декомпозировать ее. Сделали это, внесли конкретные пункты в свой product backlog(у меня для этого trello используется), начинайте выполнять. Ставите себе любой time-tracker, например toggl и замеряйте время исполнения. Работайте так 2-3 недели.
    Когда соберете какую-то статистику, увидите куда у Вас уходит время. Затем начинайте оптимизировать то, что у Вас повторяется из проекта в проект. Здесь есть два пути:
    1. Использовать готовые фреймворки
    2. Использовать скаффолдеры(см. Yeoman, grunt-init)

    Оптимизируйте рутину, т.е. Вам нужно постоянно собирать какие-то фронт-энд скрипты, загружать по FTP/SSH куда-то файлы, тут однозначно копать в сторону grunt/gulp. Если работайте с бэк-эндом, то может быть имеет смысл углубиться в возможности Вашей IDE, настроить автоматическое создание библиотек, пакетов, модулей и т.п.
    Ответ написан
    1 комментарий
  • Как ускорить работу программисту?

    27cm
    @27cm
    TODO: Написать статус
    Хотите открою секрет, как ускорить абсолютно любой процесс?

    1. Определите самую затратную по времени часть процесса (факторы, замедляющие процесс).
    2. Придумайте, как ускорить/автоматизировать/перепоручить/удалить эту часть (избавиться от факторов).
    3. Вернитесь к шагу 1.

    Например, если каждые два часа, вы отвлекаетесь всего на 10-15 минут на то, чтобы просто почитать чей-то твиттер, то в месяц это больше 13 часов потраченного впустую рабочего времени. Начните следить, на что тратите время.

    В вашем случае попробуйте из тех 40 задач вспомнить те, которые заняли наибольшее время. А ещё лучше - начните замерять время выполнения задач, которые будете делать. Проанализируйте, почему на одни задачи вы тратили больше времени, чем на другие. В итоге должны выявить конкретно вашу проблему, замедляющую работу, вот её и решайте.
    Ответ написан
    2 комментария
  • Существует ли краткое древовидное руководство по вёрстке?

    neoshinji
    @neoshinji
    Проектировщик простых интерфейсов
    Берёшь готовый HTML-шаблон, похожий под требуемую реализацию проекта на последней адаптивной версии Bootstrap. Меняешь классы у блоков до достижения необходимой структуры новых блоков/страниц. CSS желательно редактируя сразу на SASS. После тестирования на кроссбраузерность(основа Chrome) Десктопной версии переходишь к адаптивному мобильному виду.

    Всё время следуя правилу - Достаточно ли я чисто выполнил вёрстку данного элемента, не наделал ли я лишнего из-за недостатка знаний. Не делайте лишних блоков для оформления, используйте псевдоэлементы и CSS 3.

    Если необходимо создать новую страницу(если вы отвечаете за дизайн также), то до вёрстки желательно сделать её динамический прототип на Axure, утвердить данную страницу с программистами, директорами и только потом верстать. Таким образом максимум придётся дорабатывать готовую страницу 1-2 раза, а не 10-20 раз. Следовательно экономия времени.

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

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

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

    Древовидное руководство по вёрстке) Рекомендую побольше почитать про "шаблонизацию", думаю, вы про это хотите узнать.
    Ответ написан
    Комментировать
  • Как использовать emmet+бэм?

    kudesa
    @kudesa
    Проектирую и верстаю адаптивные сайты
    Непонятно, какой редактор использует ТС, но в саблайме это настраивается в preference → package settings → emmet → settings-user
    "preferences": {
            "bem.elementSeparator": "__",
            "bem.modifierSeparator": "_",
            "bem.shortElementPrefix": "-",
    },

    И еще в snippets должен быть указан bem в filters, вот так
    "snippets": {
            "html" : {
                "filters" : "html, bem",
    }
    }

    и правильно писать нужно так
    .page-header>.__top-menu
    Ответ написан
    3 комментария
  • Как использовать emmet+бэм?

    В emmet есть фильтр Yandex BEM/OOCSS
    В вашем случае будет:
    .page-header>.-top-menu|bem
    Ответ написан
    Комментировать
  • Каким CSS-препроцессором удобней пользоваться?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    LESS или SASS

    SASS имеет некоторые приятные плюшки, вроде циклов и условий, удобно работать с цветовыми палитрами и т.д.

    С другой стороны все это нужно далеко не всем и многим людям больше нравится css-like синтаксис (sass использует ruby-like синтаксис). В целом их возможности схожи, но различия идут в нюансах.

    Довериться его дальновидности?

    Я не думаю что у вас будут те же нужны что и у ребят из твиттера, так что тут как хотите.

    У какого препроцессора есть возможность на лету генерировать css-код

    Это никак не зависит от препроцессора, они все берут исходник и генерируют css. То что вы ищите - сборщик с отслеживанием изменений. Можете посмотреть в сторону gulp или использовать webpack/jspm. Так же многие IDE из коробки имеют ватчеры. Ну или вы можете в bash запустить inotify, но это путь красноглазых линуксоидов.

    полного процесса работы с использованием препроцессора

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

    @FranzK
    Чувак, тут нужен системный подход.

    Самое простое, необходимое, но не достаточное
    Для начала потребуется поднять боевой дух. Здесь нужна ударная доза гормонов счастья: серотонина и дофамина. Фактически, по теме серотонина уже успел высказаться Станислав Макаров: физическая нагрузка, сон, отдых. Но все равно, всегда есть что добавить.

    Что касается дофамина, он вырабатывается каждый раз, когда достигаешь успеха. Ставишь задачу, выполняешь, получаешь дофамин, такой вот нехитрый бартер. Так что, для надёжного повышения бодрости нужно поставить на поток выполнение а)частых мелких задачек и б)более редких крупных, весомых, значимых задачищ. Эти достижения не должны быть надуманными, себя не обманешь, а поэтому пора поскорее переходить от самообучения к практике. То есть нет, самообучение остается, но приоритет смещается от учения, в котором тяжело, - в сторону боя, где легче.

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

    И неправы снобы, говорящие: "Не нужно себя мотивировать. Оставайтесь в жопе". Сколько достойных людей оказалось в жопе в какой-то момент, и погибло, не сумев справиться с судьбой? Есенин. Высоцкий. Кафка, вот уж кто был главный кандидат, чтобы остаться в жопе: был издан после смерти, вопреки завещанию, и оказалось - гений, да каких поискать. Или Гоголь: я бы, вот честное слово, легко променял бы Артемия Лебедева вместе с его великой студией и Татьяной Никитичной на второй том "Мёртвых душ". В общем, много их было, кто в жопе и не вернулся. И никому от этого лучше не стало.
    Ответ написан
    2 комментария
  • Как вернуть мотивацию к обучению?

    При повторной потере мотивации алгоритм следующий:
    1) Идем высыпаемся. По-нормальному так, без будильников. Чтоб глаза вообще больше не закрывались.
    2) Если мотивация не вернулась (возвращается в 70% случаев) - берем велик (хотя можно и пешком) - и на улицу. Если есть приличный парк в городе - находим пару нестандартных физ. упражнений (можно боевых), пытаемся выполнить. Работа с телом и физические нагрузки - это совершенно другая часть вашего сознания, про нее нужно не забывать.
    3) Если мотивация не вернулась (уже где-то 85% случаев) - берем случайную книгу (не техническую), в идеале - из жанра который вам нравится. Читаем. Спокойно, страницы не считаем.
    4) Если не вернулась, повторить с п. 1 до пяти раз, не думая о времени и выполняя только самые важные дела (срочные задачи по учебе, работа, если есть), можно даже попросить родных/знакомых помочь по дому и бытовым делам, чтобы себя разгрузить.
    5) Если не помогло после 5 раз, задаем новый вопрос на тостере, подробно описываем что делали).

    Хотя бы один из п. 1-3 выполняем для профилактики каждый выходной.
    P.S. в принципе плохо сравнивать себя с кем-то - для "сравнения" на свете есть всякие соревнования и состязания, где есть правила и контекст. В жизни правил нет, один учится в MIT, другой учится в колледже в России - какие могут быть сравнения? Вы думаете тут большинство людей за один год все узнало и всего добилось? Вы глубоко заблуждаетесь) PHP-шники-выскочки не в счет, у них искаженное представление о реальности.
    Ответ написан
    11 комментариев
  • Как реализовать треугольник с border: dashed у div блока?

    Sprime
    @Sprime
    HTML-верстальщик
    Например вот так

    HTML:
    <div class="block">
        some text
        <span class="triangle"></span>
    </div>

    CSS:
    .block {
        width: 400px;
        padding: 10px;
        background: #fff;
        min-height: 100px;
        position: relative;
        border: 1px dashed #aaa;
        margin: 10px 10px 10px 40px;
    }
    .block span.triangle {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 30px; left: -30px;
        border-bottom: 30px solid #fff; 
        border-left: 30px solid transparent;			
    }
    .block span.triangle:before {
        content: '';
        width: 40px;
        display: block;
        position: absolute;
        top: 15px; left: -35px;
        border-top: 1px dashed #aaa;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
    .block span.triangle:after {
        content: '';
        width: 30px;
        display: block;
        position: absolute;
        top: 30px; left: -30px;
        border-top: 1px dashed #aaa;
    }

    jsfiddle.net
    Ответ написан
    1 комментарий
  • Bootstrap шпаргалка,есть ли такая?

    @Vlad_Svetlov
    Ответ написан
    Комментировать
  • В чем разница в подходах к проектированию страниц между БЭМ и GWT?

    qfox
    @qfox
    Ответы есть у меня
    Наверное тем, что в 2006 году никто не думал, как далеко зайдет веб.
    html vs bemhtml+bemjson, т.е. декларативная шаблонизация. Если чтото похожее есть в GWT (типа не html, а xslt, и на входе xml с данными), то в этом плане практически тоже не отличаются, просто осевременно и работает быстрее (xjst+json).
    В БЭМ-блоке вы можете складывать какой-то серверный функционал, документацию, и много чего еще — как с этим у GWT?
    Примешивания блоков — как с этим?
    Нативная поддержка js (как серверного так и браузерного) ?
    i-bem.js ?

    Думаю, половины из этого точно нет в GWT, но корни явно схожие, спасибо за освежение в памяти этого троебучия.

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