Simpliste: засучим рукава


    После моего поста в прошлый четверг не осталось сомнений в том, что простой и бесплатный шаблон (кто-то даже называет фреймворк) с адаптивной версткой на HTML5 вызывает интерес у потенциальных пользователей. Пост даже собрал достаточно голосов, чтобы НЛО разрешило мне пригласить кого-нибудь на Хабрахабр.

    Нужно напомнить, что Simpliste — именно такой шаблон. И теперь работа по его развитию пойдет полным ходом.

    Одним из преимуществ Simpliste я считаю наличие готовых тем оформления. Сразу, в момент запуска существовало 3 темы. Постепенно я создал еще несколько.


    Уже понятно, что для пользователей шаблона такого количества тем будет не достаточно. Поэтому опен-сорсный проект Simpliste объявляет набор участников, желающих создавать темы оформления.

    Я уверен, что создать тему-другую — великолепная возможность для дизайнеров и верстальщиков не только сделать полезное дело, но попрактиковать навыки, которые, возможно уже давно просят внимания.

    Дизайнерам

    Создать минималистичный дизайн не так просто, как может показаться. Тут требуется и вкус и профессионализм. Так что при создании темы можно потренироваться, потратив не так уж много времени на каждый отдельный дизайн. Более того, существует макет стандартной темы, в котором есть все элементы шаблона. Так что останется только внести свои изменения. Если вы еще и пишете CSS, то для вас проект может открыть еще больше возможностей.

    Дизайн для мобильных устройств от вас не требуется, чаще всего он воссоздается без лишних усилий.

    Верстальщикам

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

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

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

    В помощь участникам

    Специально создана страница с правилами, которых нужно придерживаться, там же есть необходимые ссылки.

    Что это дает

    • Проект опен-сорсный. Кому-то ваш труд может помочь
    • Практика имеющихся навыков
    • Практика новых навыков, особенно интересны возможности новых браузеров
    • Респект и уважение
    • Потенциальная возможность узнать новых коллег, найти заказчиков
    • Возможность попасть на Хабрахабр*
    *По последнему пункту. Я уже упомянул, что прошлый пост принес инвайт. Его я готов отдать тому, кто принесет проекту Simpliste наибольшую пользу. Но я надеюсь, что если среди активных участников будет много незарегистрированных на Хабре людей, то могут найтись и еще желающие поделиться инвайтами.

    Как мы это сделаем

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

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

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

    Что потом?

    Задачей минимум является доведение числа готовых тем до 20 к концу этой недели. В конце недели я подведу итоги и назову лучших в нескольких категориях:
    • Самый продуктивный дизайнер
    • Лучший верстальщик
    • На все руки мастер
    • Самое оригинальное решение
    Если у вас есть советы, идеи либо возможность тестировать темы, то буду благодарен за помощь.

    upd В комментариях есть картинки со скриншотами тем оформления, но они почему-то перестали грузиться, хотя и лежат на рекомендованном Хабрахабром Хабрастоидже. Решено все скрин-шоты выкладывать на фейсбук, там же создана страница Simpliste
    Share post

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 47

      +7
      Humble.


      Fresh.


      Первые дизайны вниманию участников. Сам же автор. Пока не сверстаны.
        +7
        Кнопки не айс
          +1
          Спасибо за комментарий.

          Иногда элементы для тем переделываю уже в процессе верстки, точнее даже до этого не прорисовывал все элементы заранее. Если покажется, что дизайн кнопок не работает, можно и пофиксить по живому коду.
          +2
          Мне второй кажется симпатичным :)
            +1
            Тот дизайн, что есть на сайте, уже более, чем достаточен.
              0
              Сори, но дизайн выглядит как разработка из 2003 года.
                +1
                Буду рад, если предложите свои варианты дизайнов=)
                  +3
                  Нет, действительно буду рад. Дизайны должны быть разными, что и пытаюсь пока своими силами реализовать.
              +4
              Ну, так, интересно.
              Но я бы на вашем месте сделал бы эти шаблоны совместимыми с Twitter Bootstrap. Ведь по сути это то же самое, только шкурок больше.
              А было бы оно совсместимым — можно было бы темизировать при помощи ваших CSS бутстраповские страницы
                –1
                Ну не совсем. У Бутстрапа уже по сайту видно, что это большой и сложный фреймворк. У меня же целью было создать простой, готовый шаблон, который можно переделывать без необходимости удалить половину файлов. А темы оформления изначально как преимущество представлялись, вроде бы люди не против ими пользоваться.

                Насчет совместимости надо подумать.
                  +1
                  Спасибо за отсылку на Twitter Bootstrat — стоящая вещь. Нашел очень понятное видео с примером работы с фреймворком.
                    –1
                    Merci. Тоже немного французским занимаюсь. Но не уверен, что большинство читателей тоже
                  +1
                  А сетку трогать нельзя? На мой взгляд маловат отступ между колонками сетки. А проект интересен в целом, наблюдал за всеми движениями проекта, тестил на андроидофоне все отлично.
                    0
                    Если потом реально будет заверстать, то конечно можно. Сетка для ориентации просто, по ней дефолтная тема делалась.
                      +1
                      Вау, круто ребята в Subline шпарят. Очень, очень интресно
                      +1
                      Помимо самого сайта на сайте должны быть демо-страницы. Хотя бы одна со всеми элементами.
                        +1
                        Не совсем понял. Вроде бы, на сайте проекта практически все элементы представлены, как сможет еще одна отдельная страница помочь?
                          0
                          Отдельные страницы типа таких (например) позволяют увидеть элементы, не отвлекаясь на текст между ними.

                          Ну и являются более наглядной демонстрацией доступных элементов
                        –1
                        Может я такой единственный, но тема «Simple swiss» очень сильно режет глаз. Я знаю, что жёлтый он в моде, но помойму его нужно немного затемнить, потому что здесь он получился слишком едкий, включив его, у меня стали болеть глаза, не смотря на то, что у меня слабая яркость выставлена на мониторе.
                          0
                          Поэтому тем должно быть достаточно, чтоб было из чего выбрать.

                          Желтый, конечно, можно изменить на любой другой всего одной строчкой в CSS. Но как демонстрация как раз цвет и паказался «фишкой», которая может сделать дизайн этой темы интереснее.
                          +2
                          Есть же twitter bootstrap. В чем проблема-то?
                            –1
                            Простота, мобильность, темы.

                            Пока так формулирую. Когда благодарят, пишут, что все просто и понятно. Для этого и делал.
                              –1
                              Вы извините просто и примитивно — это два разных прилагательных.
                            0
                            Искал что-то похожее. Спасибо!
                              0
                              Как выяснилось, многие ищут. Спасибо за отзыв!
                              0

                              Night road.

                              Первая тема на темном фоне.

                              И можете отправлять предложения по верстке, psd готовы. Верстаются темы не долго, но я решил по одной в день верстать, и то когда основной работы не слишком много. Так что с вашей помощью куда быстрее пойдет.
                                +2
                                Моя версия тёмной темы:
                                  –1
                                  Спасибо.

                                  Правда, слишком много осталось от дефолтной темы (шрифты, форма кнопок). Нужно активизировать орган экспериментаторства.
                                  И не представляю, как сделать такой фоновый нойз без файлов картинок (темы будут верстаться чистым CSS).

                                  Отблагодарил кармовым методом)
                                    –7
                                    если бы не карма — ваше УГ никто бы не поддерживал.
                                      –6
                                      А чё ты минусуешь? Сучи свои рукава дальше…
                                    +1
                                    Вот такой мне и нужен на один из сайтов, есть сверстанный?
                                      0
                                      Судя по очереди, завтра до него доберусь (верстаю по 1 в день). Следите за новостями www.facebook.com/ruSimpliste

                                      Сегодня уже есть новые дизайны (и свои и присланные). Постараюсь все выложить на обозрение в скором времени
                                        0
                                        Тема Night road сверстана. Решил сегодня две сделать.
                                          +1
                                          Спасибо!
                                      +1
                                      мелочные придирки, конечно же, но в форме у инпута и лейбла для электронной почты id=name
                                        +1
                                        а еще макет скроллируется вправо довольно много, хотя у html и задано свойство overflow-x: hidden;
                                        скроллируется в FF9 и Chrome16 под mac os x.
                                          +1
                                          скроллируется только скин «Simple soft»

                                          простите, что несколькими постами написал это все.
                                            0
                                            Спасибо!

                                            Я так понимаю, это по теме Simple Soft. То же самое пользователь Гитхаба senyai писал, правда про Хром. Надо придумать, что делать с этим.
                                          –2
                                          Что за самодельная хрень? :D
                                            +1


                                            Не знаю, многие ли читали книгу “The Zen of CSS Design”, но именно она для меня лично стала поводом для глубокого погружения в CSS.

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

                                            Примерно такое же время настало, когда появился и распространился CSS3. Давно хотел поэкспериментировать с его нововведениями. Повод пришлось создать самостоятельно, но не всем же свой шаблон выкладывать… Поэтому, думаю, что для дизайнеров-кодеров самое время активизироваться и пробовать-пробовать.
                                              +1
                                              Хорошо, что долистал до этого комментария. Хотел написать об этом же. Это первое, что приходит в голову.

                                              Великолепная идея, очень много разных реализаций. Причем главным условием было оставить html-файл нетронутым, изменялся только файл стилей и картинки. Но зато как!

                                              До сих пор при воспоминании мурашки по телу. Вот это был стимул!
                                                +1
                                                Вот более правильная ссылка на дизайны, основанные на этой идее.
                                              0
                                              Решено постить все появляющиеся темы в альбоме на фейсбуке в специальном сообществе, там же можно добавлять вопросы и прочее.

                                              Спасибо тем, кто участвует. Файл .psd для начала работы уже скачали почти полторы тысячи раз.
                                                0
                                                Наметились кандидатуры на звания «Самый продуктивный дизайнер» и «Лучший верстальщик». Две категории пока свободны.

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

                                                Еще раз благодарю за интерес.
                                                  0
                                                  В галерее тем прибавление. На самом сайте тоже добавилась сверстанная тема.
                                                    +1
                                                    Жаль, что нет стилизации элементов формы. Или это недоработка дизайнеров?
                                                      0
                                                      Те темы, которые сам делал специально с дефолтными контролами оставлены, ведь чаще браузер (подход, когда везде дефолт) или будущий владелец сайта (кастомизируй как угодно) лучше знает, как поступить. А другие авторы тем оформления просто не стали формами заниматься.

                                                      Вообще, есть такое мнение, что дефолтные контролы лучше всего. Иногда я с этим мнением согласен.

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