• Грамотное адаптивное выравнивание шапки сайта

    • Translation
    • Tutorial
    Зачастую вроде бы простые задачи верстки требуют сложной структуры HTML-разметки и использования CSS-трюков. Центрирование элементов или выравнивание контента может быть очень утомительным. Одна из таких задач — это выравнивание элементов верхней части сайта так, чтобы логотип был слева, а пункты меню — справа. Можно использовать float и position:absolute, а для выравнивания по вертикали — добавлять margin и padding разным элементам. Вроде бы ничего сложного. Но если сайт должен корректно отображаться и на мобильных устройствах, возникает много проблем.



    Ниже описан лаконичный способ решения этой проблемы.
    Читать дальше →
  • Неэффективный программист или как взломать свой мозг за 2 дня



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


      Интернет сделал нас ленивыми!

      Почему? Кто в последний раз посмотрел видео больше 3х минут? Кто прочитал пост больше 2 страниц? Какой заголовок более привлекателен, «63 способа бла-бла-бла» или «3 проверенных метода бла-бла-бла»? А если эти три проверенных метода выделены от основного текста, то это вообще гуд (можно не читать текст вовсе, а просто пробежаться по выделенным подзаголовкам).

      В этом свои плюсы. Наш мозг эволюционировал, и обрабатывает информацию быстрее, чем, скажем, 15-20 лет назад (да и эволюционирует быстрее, чем это было возможно век назад). Как компании справляются с высокими нагрузками? Как процессор выполняет программу по возможности быстро? С помощью кэширования! (как вариант, но самый приоритетный). Что делает наш мозг, чтобы справиться с большой нагрузкой? Кэширует! Что именно и как — оставим на размышление ИИшникам (специалистам по искусственному интеллекту). В противном случае при увеличении размера обрабатываемой информации время «отклика» бы увеличилось в разы, и на ответ на «как добраться до ближайшей больницы?» уйдет больше времени, чем человек «в силе ждать». «Сила ждать» тоже уменьшилась, «размер» нашего терпения уменьшился, и мы быстро устаем, если продолжительность видео большая, размер статьи большой (на самом деле продолжительность может не влиять на терпение, больше всего влияет полезная информация, если «воды» меньше или вовсе нет, то и терпеть ничего не приходится, посему данный пост написан «эз лаконик эз посибл»).
      Убедиться в этом
    • Университет MIT выложил бесплатно лекции в Сеть



        Один из лучших технологических вузов мира опубликовал большинство своих обучающих курсов, лекций и семинаров в интернете на отдельном ресурсе.

        Есть аудио и видео-курсы, поиск по каталогу, по номеру курса, по наименованию дисциплины, все предметы и степень сложности разделены в отдельные рубрики.
        Читать дальше →
      • Наглядный жизненный урок


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

          Поговорив и с теми и с другими, я заметил, что студенты до последнего верят в «волшебное трудоустройство», которое ждет их сразу после окончания вуза.

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

          – А ларчик просто открывался.
          И.А. Крылов


          О чём эта статья

          В настоящей работе описываются способы автоматической организации нумерованных объектов при написании статей, рефератов, докладов, диссертаций и пр. При написании подобного рода материалов неизбежно возникает необходимость нумеровать те или иные объекты, например, формулы или пункты в списке используемой литературы. При этом многие авторы пользуются при написании текстовым редактором Microsoft Word.
          В случае тривиальной «ручной» организации, при которой каждый номер прописывается непосредственно руками (обычно, в самом конце, когда текст полностью готов), автор работы может ошибиться в каком-либо номере, и все дальнейшие номера окажутся неверными. Более того, после рецензии те или иные части работы могут быть вставлены в текст или убраны из него. Последнее, зачастую, требует полной перенумерации объектов в документе. Таким образом, цель настоящей статьи состоит в доведении до читателя способов автоматической организации нумерации объектов, позволяющих избежать вышеописанные ситуации.
          Предупреждение: в данную статью вошли лишь те приёмы, с которыми автор столкнулся при написании кандидатской диссертации. Описываемые способы организации нумерованных объектов не претендуют на единственность, полноту и оптимальность. Имеются другие интересные способы, например, в TeX. Несомненно, читатель сможет найти и иные способы достижения сформулированной цели. В любом случае, ознакомиться с подходами автора (хотя бы на досуге) следует любому заинтересованному читателю.

          Основы работы с полями MS Word


          В данном разделе описываются основные поля текстового редактора MS Word, необходимые для организации списков и ссылок на них, а также методы работы с ними.
          Поле MS Word – это объект, принимающий то или иное значение в зависимости от ключевых слов и параметров этого поля. Для вставки поля в текст необходимо нажать сочетание клавиш Ctrl + F9 или выбрать соответствующее меню на ленте.
          image
          После вставки поля в тексте появятся серые фигурные скобки.
          image

          Читать дальше →
        • Fakebook. Концепт здравомыслия

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

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

          Первый раз я пытался стать его пользователем году так в 2009, когда он вдруг стал «модным» и многие мои друзья перебрались туда из ВК. Но многие там не прижились. Меня, например, пугало абсолютно все: от сине-сиреневого цвета шапки до непонимания того, что произойдет при нажатии вон-на-ту-кнопку. В течение следующих нескольких лет мы молча наблюдали за усложнением интерфейса, когда весь мир стремился к простоте.

          Но моя статья не о том. Я хочу представить вашему вниманию свой труд, на который меня изначально натолкнул пользователь Klimentij, написавший статью «Юзабилити Facebook». Долгое время хотел им заняться и вот, наконец, появилось свободное время.

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

          Зачем это надо? Я хочу показать свой Фейсбук с простым и понятным интерфейсом, который будет дружелюбным по отношению к пользователю, повысить юзабилити и сделать его более трендовым. Хочу заметить, что это лишь мое видение проблемы, многие элементы могут нуждаться в переосмыслении, так что не судите строго.

          Весь УИ представлен на английском. Во-первых, ближе к оригиналу; во-вторых, в текущей версии его русификация некорректна.



          Читать дальше →
        • Система компьютерного зрения, разработанная в MIT, позволяет успешнее проходить собеседования

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



          Читать дальше →
        • HabraPack возвращается

            Я надеюсь тут остались люди, которые помнят старый и ужасный на вид HabraPack? В последнее время я начал натыкаться на свои жуткие иконки на большом количестве сайтов и даже в терминалах оплаты местной компании, в разделе «Социальная сеть». Также, совсем недавно, знакомые попросили чуть обновить иконки, что я собственно и сделал.

            image

            Я буду обновлять иконки раз в день, большим количеством иконок. А пока можете СКАЧАТЬ и спокойно пользоваться, если вдруг найдутся люди, кому понравится.

            .PSD файл прилагается.
          • Обзор архитектур сети ЦОД

              Часть 1. «Частица бога»

              Ушедший 2012 год был богат на знаковые научные прорывы — и расшифровка генома Денисовцев, и посадка «Куриосити» на Марс, и выращенная из стволовой клетки мышь. Однако самым важным открытием 2012 года все однозначно признают событие, произошедшее в июле в CERN-е (Европейский центр ядерных исследований) — практическое подтверждение существования бозона Хиггса, «частицы бога», как окрестил ее Леон Макс Ледерман.

              «Ну и причем здесь HP?» спросите вы. Компания НР давно и очень плотно сотрудничает с CERN, особенно в области сетевых технологий. Так, например, в CERN Openlab R&D ведутся перспективные разработки в области создания приложений под SDN-контроллер на базе НР, активным образом идут разработки систем сетевой безопасности и т.д. Поэтому в данном открытии компания НР принимала самое непосредственное участие. В буквальном смысле, помогала ловить бозон Хиггса с момента запуска LHC, т.к. сеть сбора и обработки информации с LHC построена на оборудовании HP. Чтобы понимать масштаб сети в CERN – это порядка 50 000 активных пользовательских устройств, более 10 000 километров кабеля, порядка 2500 сетевых устройств. Эта сеть переваривает каждый год примерно 15 Петабайт информации (огромное количество данных с детекторов — статистика от столкновений пучков частиц со скоростями почти равными скорости света). Вся эта масса данных обрабатывается в распределенной сети ЦОД. Именно там, в ЦОД-ах, на базе анализа гигантского объема статистики и «просеялась через сито частица бога».

              Читать дальше →
            • О ненависти к рыбе… и любви к осмысленному тексту. Часть 1

                Мы продолжаем публиковать стенограммы выступлений с нашего декабрьского Design Camp. Сегодня на очереди статья Алексея Кулакова из JetStyle. Видео-версия выступления доступна на techdays.ru, презентацию можно скачать там же.

                Как и ранее, это авторская статья и не отображает позицию компании Microsoft.


                Статья написана по мотивам доклада для дизайнеров (в основном).

                У меня есть объекты ненависти в нашем дизайн-процессе. Я хочу поделиться ими с вами, возможно, это что-нибудь изменит.

                Надеюсь, объяснять, что дизайн — это не «красивые картинки» уже никому не надо. Мы все понимаем, что на самом деле занимаемся выстраиванием эффективной коммуникации визуальными средствами.



                Все, о чем пойдет речь, исходит из того, что мы (дизайнеры) решаем задачи живых людей, что сами дизайнеры — живые люди. Сознательные, наделенные волей, ответственностью, выполняющие определенную функцию. Функция эта заключается в обмене содержанием с помощью экрана. Собственно, это и называется интерфейсом =)

                Интерфейс — это «оболочка», которая позволяет взаимодействовать с каким-то содержанием. Оболочка состоит из навигации, кнопочек, формочек, разной красоты и т.д. А есть то, что в этом интерфейсе «лежит», то, что пользователь из взаимодействия с ним извлекает — содержание. Интерфейс для того и нужен, чтобы его передать. Даже тогда, когда речь идет не о «контентных сайтах», а об инструментах, пользователь извлекает что-то из интерфейса, и что это надо очень хорошо понимать.
                Читать дальше →
              • Видеозаписи летнего аналитического фестиваля 2010-2012

                • Tutorial
                За 3 года существования летнего аналитического фестиваля мы накопили большое количество записей интересных выступлений. И сегодня хотим поделиться с вами подборкой:

                1. Предпроектные работы


                2. Выявление требований

                Читать дальше →
              • Киевские ITSM встречи

                  image

                  Требования и зависимость любого бизнеса от IT-сервисов продолжает расти. В этой ситуации крайне важно, чтобы IT-департаменты и организации могли повышать свою эффективность и эффективность своих сервисов — только так бизнес может оставаться конкурентно-способным, а качество сервисов и продуктов — высоким.
                  ITSM говорит о том, что улучшать сервисы необходимо постоянно и каждый несёт ответственность за это. Мало кто поспорит с этим, но что происходит на практике, когда одни срочные задачи сменяют другие, как в IT-департаменте так и в самом бизнесе? Как обеспечить постоянное соответствие IT-сервисов стандартам, а не внедрять изменения уже после критического инцидента или как раз перед приходом аудитора?
                  Чтобы ответить на эти вопросы, а также обменяться знаниями и реальным опытом в этой области, мы организовали конференцию ITSM-Days.
                  Первый ивент будет проходить 30 мая, в 18:00, в коворкинге «Часопис».

                  Читать дальше →
                • Как провести двухдневную онлайн-конференцию для разработчиков за $10?

                  • Translation
                  DotNetConf Logo

                  Мы только что завершили проведение конференции DotNetConf – нашей онлайн конференции сообщества разработчиков, которые любит платформу .NET и открытые проекты.

                  Все доклады конференции уже доступны по ссылке на официальном сайте.

                  Платформа конференции


                  Довольно забавно называть “платформой” наше ПО, на котором работала конференция, это звучит слишком “энтерпрайзно” и официально. В прошлом мы провели конференции aspConf и mvcConf с помощью спонсоров, которые оплачивали необходимые расходы. Мы использовали мощности Channel 9, студию и вещали видео из Сиэтла или через Live Meeting.

                  Однако, в этом году нам захотелось провести конференцию как можно проще, дешевле и более распределенно. Мы хотели пригласить спикеров из любой временной зоны. Насколько это было дешево? Примерно в $10. Точный счет будет подсчитан позднее, нам просто хотелось поднять мощности, провести мероприятие и затем отказаться от полученных ресурсов.
                  Читать дальше →
                  • +41
                  • 11.8k
                  • 6
                • Как компаниям захантить ИТ специалистов?

                    Этот вопрос мне задают очень часто. Очень часто. Как и вопрос о мотивации и способах удержания сотрудников.

                    «Создайте конкурентные условия», — отвечаю я как по учебнику.

                    А что значит «конкуретные условия»? Теннисные столы — есть, курсы по английскому языку — есть, гибкий график — есть, бассейн построили, стриптизерш на корпоратив пригласили. Что еще?

                    Вот тут уже отвечу из учебника по маркетингу: «Создайте бренд». Как? А вот тут уже нужно поподробней.
                    Читать дальше →
                  • Видеомануал по коммутатору Extreme x460: подключение и прошивка

                    • Tutorial
                    Видео базовое, для начального уровня.



                    В ролях:
                    Андрей Сальников, инструктор УЦ МУК, ENA
                    Евгений Слюсар, инструктор УЦ МУК, ENA
                    коммутатор Extreme x460

                    Собственно видео, смотрим, если будут вопросы — те кто снимались, Андрей и Женя — ответят на вопросы по теме в комментах.

                    Extreme на выставке MUK EXPO 2013 - 18 апреля
                    Доклад: Развитие технологий Ethernet и решения Extreme Networks
                    Демонстрация: Экстремально производительные сети Extreme Networks

                    Для посещения выставки необходимо зарегистрироваться (регистрация свободная).
                    Читать дальше →
                  • WikiLeaks представил поисковый механизм по более чем 2 млн. документам



                      WikiLeaks представил свой проект «Public Library of US Diplomacy (PlusD)» — поисковую систему по более чем 2 миллионам секретным или ранее секретным документам США. Как говорится на официальном сайте, «это самый большой объем геополитического материала, который когда-либо публиковался».
                      Подробности
                    • YouTube пришел в Украину


                        Вчера (13.12.2012) на блоге «Google Украина» появился пост о том, что ОН все-таки пришел.

                        Помимо нового домена youtube.ua, по которому ресурс теперь будет доступен с обновленным логотипом, стоит отметить одну (скорее всего, самую важную в данном событии вещь): теперь партнерка будет доступной и для украинских видеомейкеров.

                        В первую очередь, это открывает новую арену для монетизации контента, а именно — видеоконтента.
                        Также стоит отметить, что были заключены соглашения между YouTube и украинскими телеканалами: СТБ, Новый, ICTV, Интер, 1+1.

                        Что же, помимо появления массы леопардовых ковров на стенах новоиспеченных украинских видеоблогеров, лично я оптимистически ожидаю улучшения качества видеоконтента в стране.
                      • Курс лекций «Стартап». Питер Тиль. Стенфорд 2012. Занятие 12

                        • Translation
                        • Tutorial

                        Весной 2012 г., Питер Тиль (Peter Thiel), один из основателей PayPal и первый инвестор FaceBook, провел курс в Стенфорде — «Стартап». Перед началом Тиль заявил: «Если я сделаю свою работу правильно, это будет последний предмет, который вам придется изучать».

                        Один из студентов лекции записывал и выложил транскипт. В данном хабратопике astropilot переводит двенадцатое занятие.

                        Занятие 1: Вызов будущего
                        Занятие 2: Снова как в 1999?
                        Занятие 3: Системы ценностей
                        Занятие 4: Преимущество последнего хода
                        Занятие 5: Механика мафии
                        Занятие 6: Закон Тиля
                        Занятие 7: Следуйте за деньгами
                        Занятие 8: Презентация идеи (питч)
                        Занятие 9: Все готово, а придут ли они?
                        Занятие 10: После Web 2.0
                        Занятие 11: Секреты
                        Занятие 12: Война и мир
                        Занятие 13: Вы — не лотерейный билет
                        Занятие 14: Экология как мировоззрение
                        Занятие 15: Назад в будущее
                        Занятие 16: Разбираясь в себе
                        Занятие 17: Глубокие мысли
                        Занятие 18: Основатель — жертва или бог
                        Занятие 19: Стагнация или сингулярность?
                        Читать дальше →
                        • +29
                        • 36.3k
                        • 9
                      • Burn-in рутовый шелл в IP-камерах Vesta и не только

                          Так получилось, что передо мной встала задача записывать и хранить видео с IP-камер. Были закуплены и смонтированы камеры Vesta VC-6206 IR без представления архитектуры информационной системы на их основе. Совсем короткий период эксплуатации показал, что камеры имеют свойство зависать и неплохо бы их перезагружать периодически. nmap показывал, что у камеры доступен только telnet, http и rtsp. Ребутать камеру телнетом по крону показалось мне неплохим решением, но рутовый пароль техподдержка дать отказалась.
                          Читать дальше →
                        • Как LinkedIn делает локализации на 19 языков за 1 ночь

                          • Translation
                          “Я хочу, чтобы после того, как программист добавил новую строчку в интерфейс, она сама перевелась на 19 языков и сама положила себя в SVN и была готова к релизу утром” — это мечта любого разработчика, вкусившего запретный плод локализации продукта на иностранные языки. В Alconost мы помогаем если не исполнить эту мечту, то хотя бы приблизиться к ней. Да, решение, похожее на описанное в статье существует не только для разработчиков LinkedIn, но и для простых смертных.

                          О том, как процесс построен в LinkedIn — в этой статье (внимание — Java).



                          Читать дальше →