• Сайты в портфолио веб-студии

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

      Когда скринов много — получается очень высокая страница. Можно попробовать сделать вот так:


      Увеличить

      Таким образом, скрин получаем один. А кликая по вкладкам, содержание скрина, соответственно, изменяется.

      Браузер, естественно, можно выбрать любой) Если кто-нибудь возьмется реализовать — буду очень рад. В общем, вот она, маленькая идейка. Берите, пользуйтесь, если кому-нибудь понравилось.
    • Всем фанатам TTD подарок — OpenTTD 1.0 beta

        imageВот что пишут разработчики:

        «В качестве маленького рождественского подарка мы представляем первую бету версии 1.0.0. В эту версию вы можете играть без использования оригинальных файлов из Transport Tycoon Deluxe (конечно, вы можете использовать их, если они вам нравятся больше).

        Благодарим всех, кто сделал это возможным.»
        Читать дальше →
      • SEO: Часть 2.2 Как оптимизировать сайт самостоятельно (внутренние факторы)

          Что-то не заладился у нас разговор о коде, пришлось удалить тот пост. Слишком уж близко к сердцу его восприняли. Но злопыхателей можно понять: какой-то SEOшник, пусть и с 10-летним стажем, вдруг начинает учить программистов, как грамотно писать код. Ладно, забудем про это. Будем считать, что код на ваших сайтах уже изначально корректен, все тэги проставлены грамотно и означают лишь то, что должны означать,
          Читать дальше →
        • Дизайн интерьера. 12 сайтов с которых следует начать.

            Кому это может быть интересно:
            — дизайнерам и интересующимся дизайном интерьера;
            — тем, кто ищет дизайнера для ремонта кватиры или загородного дома;
            — тем, кто собирается делать ремонт сам и ищет идеи.

            Каталоги дизайнеров и интерьерных проектов (в алфавитном порядке):

            designstory.ru — собирают информацию о частных дизайнерах, дизайн студиях, интерьерных салонах и школах дизайна в Санкт-Петербурге.

            infolios.ru — самый молодой, но активно растущий каталог дизайнеров интерьера с возможностью размещения проектов.
            Еще 10 сайтов
          • Магический круг: CSS головоломка

              Доброго времени суток, уважаемые хабравчане. Недавно Hugo Giraudel, он же CSS гоблин, SASS хакер и Margin псих опубликовал в своем блоге очень интересную CSS задачку на смышленость.

              image

              Сможете заверстать подобное учитывая следующие правила?

              • Круг в центре должен быть прозрачным, чтобы был виден background
              • Расстояние между левыми и правыми блоками, как между верхними и нижними должно быть одинаковое
              • При наличии потомков в блоке, содержимое должно отображаться
              • DOM должен выглядеть следующим образом: ul > li > section > header + footer
              • Нельзя использовать JavaScript и изображения
              • Дополню еще от себя: нельзя использовать CSS Shape и Clip Path

              Чтобы не было очень лень — каркас уже есть.

              Сделали?

              А тремя способами?
            • Серьезное проектирование серьезного магазина. Часть 2. Модули интернет-магазина

              • Tutorial
              В прошлый раз мы написали довольно популярную статью: «Серьезное проектирование серьезного магазина. Часть 1. Исследования», эта статья её логическое продолжение. В этой статье и в последующих мы опишем почти 60 функциональных модулей топовых интернет-магазинов мира, а также подробно разберем интерфейс многих страниц.

              Главная страница интрнет-магазина в axure
              Читать дальше →
            • PHP и различные виды NoSQL



              В последнее время набирают популярность различные NoSQL базы данных. Эта статья начиналась как изучение особенностей графитовой графовой базы данных Neo4j. Но, в процессе подбора информации, мне захотелось систематизировать информацию о NoSQL решениях и о графовых базах данных, в частности.
              В ходе этого небольшого исследования, были выбраны для подробного рассмотрения СУБД, успешно применяющиеся в области Web. И, поскольку в тегах присутствует «PHP», я выбирал СУБД, которые уже можно использовать с этим языком.

              Читать дальше →
            • Скрипт Automator, загружающий изображения на Habrastorage: второе пришествие

                Некоторое время назад я сделал скрипт, который загружает изображения на Habrastorage прямо из файлового менеджера. Но вот беда: после обновления он перестал работать.

                image

                Но вчера мне все-таки надоело загружать фотографии через веб-интерфейс, и я пошел чинить скрипт.
                За решение надо ставить плюсики в карму пользователю avalak, который рассказал как это сделать в моем вопросе на тостере. Тостер — торт!

                Итак, как теперь загружать изображения?
                Читать дальше →
              • Еще один шаг к идеальным закладкам

                  Привет всем! На хабре я уже более 5 лет и успел заметить множество стартапов которые были анонсированы здесь и успели дорасти до серьезных коммерческих проектов.
                  Мне всегда хотелось повторить их путь и следствием этого стал запуск Raindrop.io и публикации анонса.

                  image

                  Ваш последовавший отклик и интерес очень вдохновили меня, а замечания и идеи определили дальнейший путь развития проекта.
                  О том каким он стал и чего добился я хочу рассказать в этом посте.
                  Читать дальше →
                • Как я взломал Гитхаб еще раз

                  • Translation
                  Это история о том, как я соединил 5 Low-severity багов в один большой баг, с помощью которого можно было читать/писать в приватные репы на Гитхабе (опять).

                  Несколько дней назад гитхаб запустил баунти программу. За 4 часа я смастерил такой URL после посещения которого я получал доступ к вашему гитхаб аккаунту и репозиториям. Хотите узнать как?
                  Читать дальше →
                • Социальная сеть без сервера. История разработки iOS-клиента и backend

                    Интро


                    Я хочу рассказать об опыте разработки iOS-клиента для социальной сети и бэкенда реализованного с помощью BaaS Parse.com Нижe приведена архитектура, которая у нас получилась, некоторые tips&tricks и размышления по поводу работы с parse.com.
                    Изначально клиент думал о сервере на RoR, но, видимо, они не рискнули вкладывать сразу много денег. Мы подписали строгое NDA, поэтому ссылку на Appstore я дать не могу. По доброй традиции всех IT книг, хочу выразить благодарность заказчику Х и компании Y за то что мне довелось поработать над этим проектом и подчерпнуть весь этот опыт. Также спасибо А. за то, что написал часть про модуль для встроеных покупок.
                    Читать дальше
                  • TDD for Responsive Design. Или как автоматизировать тестирование отображения сайта для разных устройств с помощью Galen Framework

                    Трудно одним заголовком сформулировать, чем же является Galen Framework. Все началось с того, что у меня возникла потребность тестировать сайты в различных браузерах и проверять: не поехала ли разметка, например, в том же Internet Explore или Chrome. Затем возникла мода на Responsive Web-Design, и пришлось вручную менять ширину браузера и проверять, как отображаются сайты. И, хотя все это время были WebDriver и Selenium Grid под рукой, так и не получалось нормально тестировать верстку сайта в Java коде. Одна из идей была: делать скриншоты в разных браузерах в Selenium Grid и затем собирать их все в один большой отчет, по которому один из тестировщиков обязан пробежаться глазами и, в случае обнаружения несоответствий, рапортовать о дефекте. К сожалению, вся эта затея долго не продержалась. Тестировщикам стало лень листать огромный отчет и сравнивать скриншоты, и они все равно пропускали мелкие дефекты. А затем пошли требования внедрения во всех сайтах Responsive Design. И вот тут появился Galen Framework. Решение оказалось простым: проверять размер и расположение элементов относительно друг друга. Для этого понадобился специальный язык Galen Specs, который было бы легко читать и понимать.



                    Если коротко, Galen Framework — это специальный язык и инструмент для тестирования отображения сайта в браузере. Он позволяет тестировать адаптивный дизайн, а также проводить кросс-браузерное тестирование сайта.
                    Читать дальше →
                    • +26
                    • 17.7k
                    • 8
                  • Продающий дизайн интернет-магазина. Часть 3. Дизайн элементов

                    • Tutorial
                    Третья часть статьи из цикла «Продающий дизайн интернет-магазина». Для тех, кто пропустил первую и вторую, их можно прочитать тут: «Продающий дизайн интернет-магазина. Часть 1. Аналитика» и «Продающий дизайн интернет-магазина. Часть 2. Элементы интерфейса».

                    Страница товара


                    Попав на страницу товара, человек должен получить максимум информации о нем. Здесь не работает правило «краткость – сестра таланта». Так как мы имеем дело с онлайн магазином, то наш покупатель лишён возможности увидеть товар вживую, поэтому мы и должны предоставить ему максимум имеющейся у нас информации: детальное описание, технические характеристики, качественные фотографии, отзывы, видео или 3D-обзор. Отзывы для товаров, кстати, изобрел Амазон, внес социальность на сайт, сильно увеличив тем самым конверсию и продажи.

                    Расположение элементов на странице. Единой схемы расположения не существует, иначе все магазины были бы на одно лицо. Однако стоит придерживаться определенных правил на странице продукта: что более важно, а что менее, что выделять в первую очередь, а что оставить на втором плане и т.д. Поговорим об этом поподробнее.

                    image
                    Читать дальше →
                  • Извлекаем золото из старой электроники



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

                      Инженер и химик Джозеф Мурчинсон (Josehf Murchison) опубликовал на сайте Instructables пошаговую инструкцию, как выплавлять золото из старых электронных приборов, которые вы собирались выбросить на свалку: старые ноутбуки, телефоны, камеры, принтеры, сканеры и прочее ненужное барахло.
                      Читать дальше →
                    • Скрипты для управления виртуальными хостами на веб-сервере Debian

                      Хочу поделиться небольшой наработкой, которая упрощает администрирование веб-севера, работающего под управлением Debian-подобной операционной системы. Сразу оговорюсь, я далеко не гуру в этой области, просто в какой-то момент мне понадобилось поднять vsftpd, nginx, PHP-FPM и PostgreSQL. Ни для кого не секрет, что при добавлении виртуальных хостов, настройке пулов PHP-FPM и создании баз данных, приходится выполнять одни и те же действия. Удаление виртуальных хостов со всем, что с ними связано, а также создание резервных копий тоже весьма однообразны. Поэтому было бы неплохо обзавестись скриптами, которые автоматизируют все эти вещи.
                      Читать дальше →
                    • Опыт создания кроссплатформенной игры (iOS/Android)


                          Данный пост будет полезен разработчикам, которые только встали на радужный путь геймдева. В нашем недавнем посте уже было рассказано о первоначальных шагах нашей dream team в сфере игройстроя. Как и обещали, работаем в этом направлении дальше и решили попробовать себя в другом жанре игр. Далее будут кратко освещены некоторые моменты создания и публикации игры на двух платформах iOS и android.

                        Дать посту шанс...
                      • Ломаем iOS-приложение! Часть 2

                        • Translation
                        • Tutorial
                        В первой части мы изучили некоторые вопросы безопасности хранения и передачи данных. Теперь переходим к защите исполняемого кода. Мы будем модифицировать функционал iOS-приложения во время выполнения и проделаем реверс-инжиниринг. И снова, помните! Наша цель — не стать гадким взломщиком, а защитить ваше приложение и пользователей от злонамеренных действий. Для этого нужно понять, что может сделать взломщик.

                        Много текста и картинок
                      • Советы начинающим iOS разработчикам

                          Если не знаешь, надо не бояться, а узнавать.
                          Айн Рэнд “Атлант расправил плечи”



                          Добрый день, меня зовут Игорь Томич и я лектор курсов iOS-разработки и сооснователь онлайн курсов Master Up. Это мой первый пост в наш корпоративный блог, в котором я решил поделиться советами для начинающих iOS-разработчиков. Свое первое приложение для iOS я начал писать в начале 2009 года, а в мае 2012 году провел первый курс обучения по рарзработке под эту же платформу и к этому времени у меня скопилось достаточно “часто повторяемых ошибок” и путей их решения.
                          Читать дальше →
                        • Core Data для iOS. Глава №4. Теоретическая часть

                            Хабралюди, добрый день!
                            Сегодня хочу начать написание ряда лекций с практическими заданиями по книге Михаеля Привата и Роберта Варнера «Pro Core Data for iOS», которую можете купить по этой ссылке. Каждая глава будет содержать теоретическую и практическую часть.



                            Содержание:

                            Читать дальше →
                          • Унификация интерфейсов: опыт e-commerce-проектов

                              В начале 2012 года в Mail.Ru Group было реорганизовано e-commerce-направление, и перед нами встала задача провести обновление всех сервисов. В рамках обновления интерфейсы всех проектов были приведены к единому знаменателю. В этом посте я расскажу о том, что на практике дает унификация, и какими методами можно свести к минимуму затраты при работе с масштабными проектами.

                              Вводные данные

                              В направление электронной коммерции Mail.Ru Group входят Товары, Деньги, Недвижимость и Путешествия. Кроме них, в течение года мы работали над новыми продуктами — спутниками основных сервисов. Итогом стало появление новых проектов Авиабилеты, Финансы и Ремонт.

                              Нашей основной задачей было создать в сжатые сроки базовый интерфейс, который позднее можно и нужно будет совершенствовать и масштабировать.

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