Идея для подарка коллегам: кружка веб-разработчика

    Прочитав как-то в начале года пост «Шпаргалка по С++11 для печати на кружке» загорелся сделать себе такую же кружку-шпаргалку, но по теме веб-разработки, которая мне ближе. Долго руки не доходили и тут в преддверии Дня программиста захотелось «подарить» себе её.



    Я решил поделится с хабра-сообществом картинкой и исходниками — вдруг кому-то понравится или он захочет таким образом поздравить коллег с нашим профессиональным праздником.

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

    Многим некоторые команды покажутся простыми или мало-используемыми, но мне хотелось иметь под рукой те свои команды (шорткаты), которыми пользуешься не часто, и вроде помнишь, но не точно, из-за чего постоянно тратилось время на поиск или чтение манов.

    Для тех кто загорится идеей, но нужен другой «набор шпаргалок» — есть исходный файл в psd. Так как исходные картинки больше чем 1920px и хабрасторадж не позволяет их загрузить, то оригиналы выкладываю на файлообменник.

    Оригинал в jpeg для печати
    Исходники в psd

    Картинка-превью:



    UPD: Файлы перезалиты с учетом исправлений опечаток. Спасибо за это v_decadence
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 52

      +2
      Круто конечно, но из web-разработки тут только Apache и (?)Mysql?
        +1
        по желанию ряд строчек можно заменить… например, apache->nginx, mysql -> pgsql -> mongodb
        не зря дали же psd
        +2
        Почему же, разве GIT и PhpStorm не используются в разработке для веб?
        И я не старался угодить всем тк это невозможно с учетом количества технологий, я просто решил поделиться вдруг кому-то окажется полезным. Также есть psd если возникнет желание сделать под себя.
          +2
          LINQ или regex-версии также были бы полезны )
            +15
            Для регекспов была идея, но для них сервиз из кружек придется делать
              +2
              боже, как представлю, как бы это выглядело ....)
                +4
                Очень просто: один регэксп — одна кружка :)
                  0
                  ещё короткая ссылка и qr-код, чтобы выражение можно было скопировать
                    0
                    Один регэксп — один сервиз.
                    0
                    шикарно бы это выглядело :)
                    0
                    сервиз не надо, а вот отдельня кружка не помешала бы
                    есть куда двигаться
                      0
                      Дану, базовые правила поместились бы)
                      Можно сделать две кружки: для начинающих и для продвинутых
                    +7
                    Потом на столе десятки кружек, одна с системами контроля версий, другая с HTML5 тэгами и т.п.
                    — Вася, ты не видел кружку с PostgreSQL?
                      +12
                      >— Вася, ты не видел кружку с PostgreSQL?
                      Видел, только ее нужно помыть :)
                        +9
                        «Из неё Васёк сейчас пьёт, базу бэкапит»
                        +3
                        Фраза: У нас упал PostgreSQL
                        Приобретает иной смысл :)
                          –5
                          Напомнило
                          image
                        0
                        Очень красивая и классная идея! А еще со временем после того как все эти команды уже знаешь «на зубок», можно напечатать новую кружку с новыми командами.
                          0
                          Да кстати, вы абсолютно правы. У меня такая же мыслЯ закрадывалась, что чем больше кружка перед глазами, тем рано или поздно эти команды станут «заучены». Ну а там глядишь и коллеги продолжат «выпуск»
                            0
                            Зачем останавливаться на кружке? Пишите сразу на трехлитровой банке!
                              +1
                              Не знаю, не знаю… Я, например, не могу сказать, что нарисовано у меня на кружке, не посмотрев на нее. А в то время как я что-то из нее пью, я на нее не смотрю вовсе, ибо незачем.
                            +3
                            А я нанесение на такие кружки делаю. :)
                            Рисунок наносится методом сублимации. Точнее так, в принтер (обычно простенький Epson формата А4) заправляются сублимационные чернила, берется сублимационная бумага и на ней в зеркальном отображение печатается данная картинка. Далее изображение вырезается, рисунок позиционируется на кружке и закрепляется термоскотчем. Далее кружку помещаем в термопресс на 90 секунд и ву-а-ля, краска переносится на кружку. Хим. процессы которые при этом происходят я не знаю, о чем жалею. Мини ликбез.
                              0
                              А не просвятите сколько будет «жить» картинка если мыть каждый день? Или все таки лучше как всегда по праздникам мыть?
                                0
                                На ваш век хватит. Вы её раньше потеряете/разобьёте чем сотрете с неё что нибудь.
                                Главное не мойте железной губкой, а так от фэри и обычной губки ей ни чего не будет. Технология очень надежная. С помощью сублимационных чернил и термопресса что только не делают. Кружки, тарелки, чехлы для телефонов, шильдики металлические, визитки металлические, нанесение на синтетическую белую ткань (можно кипятить, синтетика сварится, но краска не отстанет) и ещё тысячи вещей.
                                  +1
                                  Если есть возможность — попробуйте помыть в посудомойке, технология интересная, но у меня вот даже с кружек с заводским нанесением краски после 10 раз в посудомойке почти не осталось надписей. И это не я такой ленивый, у многих коллег в офисах стоят посудомойки, на сколько стойкая технология в этом случае?
                                    0
                                    К сожалению такой возможности нет, руки и губка, вот моя посудомойка.:)))
                              +1
                              В разделе Git на пятой строке опечатка или я что-то не так понимаю?
                              Должно быть ": ветка", а не «ветка:» вроде.
                                +1
                                Ну только без пробела в первом случае, Хабр почему-то сам его настойчиво ставит.
                                  0
                                  Да вы правы. Не все ошибки нашел после диза :( (А может и я ему в запаре так отдал).

                                  PS: и обязательно без пробела но перед " :" пробел (включил эту команду как раз из-за того что постоянно не видел пробела перед :)
                                    0
                                    Посмотрел в «исходниках» — мой косяк. Спасибо за то что заметили. Чувствую теперь эту команду запомню навечно :)

                                    PS: для тех кто вдруг решит печатать с png — не стоит.
                                    GIT: 5 строка должна выгяледть так git push origin :ветка
                                      0
                                      Если будете править, там ещё commit с одной m написан, но это не настолько критично)
                                        0
                                        Спасибо. С утра перезалью и jpeg и psd, без этих досадных ошибок. Правда на кружке останется в назидание :) (это как раньше на хабре было: Я буду всегда обновлять комменты прежде чем публиковать ,) )
                                          0
                                          Найденные опечатки исправлены. Обновленные файлы (jpeg + psd) перезалиты
                                          0
                                          А что запоминать-то

                                          git push [remote [[local_branch][:remote_branch]]]. Если опустить удаленную, то используется то же имя, что и локальной, если опустить локальную (двоеточие остается) — мы «пусто» передаем в удаленную (удаляем, собственно). Если опустить ветку, то используется записанный в конфиге «трек». Если опустить ремоут…
                                    +2
                                    Пусть меня заплюют, но разве не проще для контроля за всякими штуками использовать [sudo] service %servicename%, а не скрипты из init.d?
                                      0
                                      Кстати как раз на днях возникла довольно интересная штука — через sudo service apache2 start апач молча падал и я видел только строчку с failed.
                                      /etc/init.d/apache2 start оказался на этот счет более сговорчив и я узнал где проблема (банально закончилось место xD)
                                        0
                                        Если не изменяет память: а service везде доступен (в смысле FreeBSD, Linux)? помнится что через service не смог перезапустить, вроде как нет такой команды, а init.d без проблем
                                          0
                                          Хм, действительно, rhamdeew указал на очевидную выгоду от такого варианта, service не дает информации, если что-то идет не так.
                                          По поводу доступности, не скажу точно, потому и оговорка. Там, где мне приходилось что-то делать, service всегда встречался. Правда приходилось-то лишь с Debian-Ubuntu серверами.
                                            +1
                                            Попробуйте apachectl restart — такой вариант работает и в FreeBSD, и в Debian GNU/Linux.
                                        +5
                                        Отличная идея! Правда как вы уже заметили набор шпаргалок у каждого свой.
                                        Возникла теперь идея объединить сайт с популярными шпаргалками и сервис генерации индивидуальных наборов для печати на кружках — как с иконочными шрифтами, накликал нужных подсказок и получил свой уникальный набор =)
                                          0
                                          Да можно и печать кружек организовать централизованно. Самому или через всякие печатающие сервисы.
                                            +1
                                            Пока будет писать сайт — за это время уже кружки появятся, с жидкокристаллическими цилиндрическими дисплеями. И еще бы WiFi в нее — от vim идет сигнал, что пишешь на питоне — кружка питоновскую шпаргалку выдает. git ругнулся на ошибку в параметрах — кружка подсказку по git'у выдала, и баннер «не желаете ли перейти на SVN».
                                            –2
                                            А для asp.net идей набросаете?)
                                              –3
                                              Какой смысл в консолях гита, когда есть Cmd+T и Cmd+K в phpStorm?
                                              Ubuntu, centos, это круто, а почему не фря? мак? винда?
                                                +1
                                                >Какой смысл в консолях гита, когда есть Cmd+T и Cmd+K в phpStorm?
                                                О-о консоль это наше все :)

                                                >Ubuntu, centos, это круто, а почему не фря? мак? винда?
                                                Нужны были именно эти. Задачи сделать универсальной кружку не стояло, ибо невозможно на таком сжатом пространстве. И при «мастеринге» половину подсказок пришлось вычеркнуть, как раз из-за ограниченности пространства
                                                0
                                                Пожалуй, распечатаю себе как шпаргалку. Спасибо!
                                                  –1
                                                  Я веб-разработчик. Пользую Sublime Text 3, GitHub и свою CMS.
                                                  Получается, что такой кружке я не был бы рад.
                                                    0
                                                    Перезагрузка Apache (Ubuntu)
                                                    Перезагрузка Apache (CentOS)
                                                    А может, всё-таки apachectl? Он есть в Debian/Ubuntu, есть под FreeBSD. Может, и в CentOS есть?
                                                    Так универсальнее.
                                                      +3
                                                      Кажется это баловство… Но студентам-стажерам можно подарить, как стимул и шпаргалку два-в-одном
                                                        0
                                                        Да и не только студентам: у меня у отца (50 лет, программист с 25-летним стажем) в данный момент на рабочем месте красуется несколько листов А3 справочной информации в духе используемых методов и команд. Т.к. всё запомнить нереально при том объеме охваченных технологий. Да и возраст уже: память не идеальна.

                                                        Идея неплохая. Другое дело — что печатать. Хоткеи у меня после пары недель использования все на уровне моторики выучены (не помню комбинации в буквах, но вслепую пальцы «знают»). Такая кружка, возможно, может быть полезной, если используете нескольков языков / технологий. Я время от времени «подтупливаю» — пытаюсь вызвать метод, выполняющий идентичные действия из другого языка/либы.
                                                        0
                                                        Идеальная кружка для фронтэндщика
                                                        Сделали в свое время для верстальщика одного нашего такую же кружку.
                                                        Долго думали, что реально полезное напечатать, все либо очень много места занимает, либо крайне банально.

                                                        В итоге сделали специальную табличку — переделанные данные с CanIUse о поддержке практически всего нужного набора функционала. Долго геммороились с тем, как упихнуть, но человек на кружку вроде бы до сих пор периодически подсматривает.
                                                          0
                                                          image

                                                          Only users with full accounts can post comments. Log in, please.