• Акванотус — водяные знаки онлайн

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

        Вот посидел я с утра в новом Хабре и понял, что я скорее подправлю немножко user-стили, чем привыкну к новой шапке.

        Было:
        image

        Стало:
        image

        Меня лично задело перемещение личных линков на левую сторону. Мы же привыкли тянуться курсором в правый угол. Как так можно?
        Читать дальше →
      • Как учить английские слова

          Моя учительница по английскому языку когда-то говорила, что грамматика и аудиозаписи – это просто отлично, но без знания слов далеко продвинуться нельзя. Поэтому сегодня напишу небольшую заметку о том, как я учу английские слова.
          Читать дальше →
        • 8 простых способов улучшить типографику в вашем дизайне

          • Translation
          Множество людей, включая дизайнеров, думают, что типографика – это только выбор гарнитуры, размера шрифта и того, должен ли он быть нормальным или полужирным. Для большинства людей на этом все и заканчивается. Но для получения хорошей типографики нужно гораздо больше и как правило это детали, которые дизайнеры часто игнорируют.
          Эти детали дают дизайнеру полный контроль, позволяет ему создавать прекрасные и последовательные с точки зрения типографики решения в дизайне. Хотя все это применимо для различных типов носителей, в этой статье мы сосредоточимся на том, как их применить к веб-дизайну с использованием CSS. Вот 8 простых путей с помощью CSS улучшить типографику и, следовательно, общее удобство дизайна.
          Читать дальше →
        • Эволюция дизайна интерфейсов операционных систем с 1981 по 2009 годы

          • Translation

          Перевод «Operating System Interface Design Between 1981-2009»



          imageГрафический пользовательский интерфейс (GUI — Graphical User Interface) это средства позволяющие пользователям взаимодействовать с аппаратными составляющими компьютера достаточно комфортным и удобным для себя образом.
          В течении многих лет для большого количества операционных систем, таких как OS/2, Macintosh, Windows, AmigaOS, Linux, Symbian OS, и т. п., было создано еще большее количество графических интерфейсов.
          Давайте попробуем взглянуть на эволюцию дизайна интерфейсов этих систем, начиная с 80-х годов.
          Должен заметить, этот топик демонстрирует только значительные достижения и этапы в области графического дизайна (а не операционных систем в целом), да и не все системы существуют и по сей день.

          Я догадываюсь что там много графики, но все же хочу посмотреть.
        • Секреты Safari 4

            В новом Safari 4 достаточно много изменений. Но не всем они по душе.
            • Вкладки в заголовке не всем нравятся
            • JavaScript не имеет права открывать новые окна, только вкладки (на некоторых сайтах это вызывает сильные неудобства)
            • В адресной строке нет привычного индикатора загрузки
            Если с последним пока можно справится только ручным изменением (об этом рассказывается ниже), то остальное и многое другое можно менять налету.

            Оказалось, в Safari есть секретное меню с интересными настройками. Меню настолько секретное, что даже в Apple о нем не знали ;)


            Меню только для Mac. В Windows можно поменять некоторые настройки вручную.
            Читать дальше →
          • 10 прекрасных альтернатив Adobe Photoshop

              Adobe Photoshop — мечта любого дизайнера: он обладает профессиональным инструментарием для обработки фотографий. Но самая большая преграда — это его цена, часто непосильная. К счастью, существует ряд бесплатных open-source программ, реализующих практически все, что может Photoshop, а иногда даже больше.

              Читать дальше →
            • 30 высококачественных комплектов иконок

                Доброго времени суток, хабралюди! Сегодня я хочу представить вашему вниманию 30 комплектов иконок. Несмотря на то, что все иконки выполнены на очень высоком уровне, распространяются они абсолютно бесплатно. Превью для каждого пака внутри.
                Читать дальше →
              • 20 «НЕ» для веб-дизайнеров


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

                    В этой статье я рассмотрю метод создания блоков с одноцветным полупрозрачным фоном.
                    Например, таких:


                    Сразу оговорюсь, что я не буду использовать opacity и абсолютное позиционирование, чтобы разместить контент поверх полупрозрачного блока.
                    Читать дальше →
                  • «Как работает левитация в условиях сверхпроводимости (видео)» + напоминание о конкурсе научных видео

                      Представляю Вашему вниманию видео о новых технологиях, которые могут коренным образом изменить наши привычные представления о транспортных средствах! Будущее с его машинами и поездами “на магнитной подушке” — уже рядом! :)

                      магнитная левитация

                      Читать дальше →
                    • Favicon для любого сайта в PNG

                        Уже в нескольких проектах была необходимость показывать иконки для различных доменов (например, рядом с какой-нибудь ссылкой). Для этого был написан на PHP механизм, добывающий по требованию иконку со страницы по некоторому набору правил (так же, как её добывают браузеры), конвертирующий картинку в png и сохраняющий в специальном месте. Периодически эти иконки обновлялись.

                        После того, как я в третий раз скопировал этот механизм в очередной проект, я решил создать для себя (и других) сервис, который отдавал бы по запросу иконку в формате png для любого домена. Но ему не суждено было родиться, потому что я случайно наткнулся на аналогичную функциональность, реализованную гуглом. Достаточно набрать адрес www.google.com/s2/favicons?domain=habrahabr.ru и получишь сконверченую в PNG иконку этого домена. Решил, что многим это будет полезно — используйте :)

                        UPD: нашлись баги. конвертер не умеет работать с прозрачным фоном, а также грузит только те иконки, которые лежат в /favicon.ico, игнорируя мета-теги :( Так что мой сервис, видимо, появится :)
                      • Верстаем, верстаем и проверяем!

                          После того, как макет господина dinamyte был любезно сверстан господином curlybrace пришла очередь немного протестировать то, что получилось — похвалить, покритиковать и отработать некий механизм тестирования готовой верстки, для всех, кто в этом нуждается.

                          Наша задача:


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

                          Читать дальше →
                        • Делаем вращательный регулятор.

                            Этим топиком я продолжаю цикл статей о написании всяких вкусностей для MooTools. Сегодня мы на чистом JavaScript сделаем вращательный регулятор — контрол, который часто используют в работающих со звуком программах для регулировки громкости или баланса. Вот примерно такой:

                            Sample
                            Итак, поехали
                          • Skype 4.0 Beta 2 для Windows — критика не прошла даром

                              Это уже вторая сегодня новость по теме, но здесь я постараюсь более подробно описать изменения, которые коснулись Skype 4.0 при переходе от первой бета версии ко второй. Самое главное, что вызывает уважения – это реакция разработчиков на мнения пользователей. Ведь новый интерфейс вызвал настоящую бурю протестов и пожеланий. Основные из них и были учтены в данном релизе.

                              Собственно новость от Skypeclub.ru:

                              «1 октября компания Skype выпустила вторую бета версию клиента Skype 4.0 (релиз 4.0.0.166) в которой были учтены многочисленные пожелания пользователей, поступившие после выхода версии Skype 4.0 Beta 1.

                              Основные претензии пользователей после выхода Skype 4.0 Beta 1 были предъявлены к новому пользовательскому интерфейсу программы, который стал значительно шире и не позволял отображать главное окно Skype в виде привычного списка контактов. Вторая бета позволяет легко переключить новый интерфейс на привычное отображение, которое теперь называется Compact view или «Компактный режим просмотра». Работа клиента в компактном режиме практически ничем не отличается от привычного Skype 3.8 и более ранних версий и позволяет располагать окно узкой полоской с краю экрана.
                              Читать дальше →
                            • Вращающееся облако тегов на javascripte

                                Недавно на хабре был топик, в котром было рассказано об облаке на флеше. Посмотрел, понравилось, решил повторить на javascript-e. Вот что получилось: demo зеркало архив.
                                Создание облака происходит так:
                                var cloud = new Cloud(
                                   {
                                        radius:200,
                                      parent:document.body
                                   });
                                   cloud.addTag([
                                      
                                      {href:"#",w:"2",text:"нло"},
                                      {href:"#",w:"2",text:"общение"},
                                      {href:"#",w:"1",text:"по"},
                                      {href:"#",w:"1",text:"подкаст"}
                                   ]
                                   );



                                Не знаю, пригодится ли, при большом количестве тагов жутко тормозит.
                                Тестировал в Mozilla 3, IE7.

                                P.S. Если понравится, можно будет его еще как-то улучшить, но пока смысла не вижу :)

                                Вот хабра юзер Kron0S сделал плагин для wordpress на основе моего скрипта.

                                Судя по комментариям сильно тормозит, я провел не большую оптимизацию при тегах в количестве 100 штук на моей машине(ntel Core 2 Duo 2.3 с 2Gb Vista FF3) почти не тормозит жду ваших комментариев. Может кто предложит еще както оптимизировать код ( Фраемворки не предлагать только алгоритмы).
                              • Правильная прозрачность

                                  dfsdfs

                                  Однажды мне понадобилось сделать прозрачные боковые поля для одного дизайна. Я решил использовать прозрачность CSS.

                                  Но каково было узнать, что все элементы внутри прозрачного блока тоже становятся прозрачны и это никак не изменить :-(, тогда мне пришлось использовать прозрачный png.

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