• Лучшие бесплатные Photoshop плагины для веб-дизайнеров

      Divine Elemente


      image
      Один из самых потрясающих проектов, которые я встречал за последнее время. Плагин Divine Elemente дает возможность дизайнерам создавать WordPress темы без каких либо навыков фронт/бэк-енда. К сожалению у меня не было возможности поработать с ним. Он доступен только для Windows. Для того что бы все работало необходимо создавать макет в соответствии со встроенным blueprint — это некий Bootstrap, Boilerplate или даже набор инструкций по наименовании слоев и групп. Разработчики обещают множество всего хорошего, в том числе: SEO friendly, валидную и семантичную верстку, читаемый код. Впечатляет!

      Читать дальше →
      • +58
      • 142k
      • 9
    • Лучшие плагины Photoshop для веб-дизайнера

      • Перевод

      Divine Elemente



      Это, пожалуй, один из лучших проектов, которые я видел. Divine Elemente позволяет дизайнерам создавать тему WordPress без знания каких-либо frontend/backend. К сожалению, у меня не было возможности опробовать этот плагин в действии, так как он сущетсвует только для Windows. Для работы дизайнов необходимо создавать их в точности с предустановленными шаблонами. Выглядит оно все почти что как Twitter Bootstrap. Разработчики предоставили нам все: SEO, семантичные названия классов и легко читаемый код. Замечательно!
      Читать дальше →
      • +7
      • 14,8k
      • 1
    • Механические клавиатуры

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

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

      Итак, некоторое время назад я озаботился сбором информации о клавиатурах, и даже начал готовить информацию для статьи, но к сожалению (к счастью?) нашлась исчерпывающая статья о всех нюансах сразу, которую я решил перевести.

      Механические клавиатуры. Путеводитель.

      Читать дальше →
    • Поднять уровень английского легко!

        Чувак отлично рассказывает и подробно показывает.
        Например, за 1 минуту можно выучить 50 тысяч английских слов, не верите?

        В русском языке существует около 50 тысяч слов оканчивающихся на «ция» и «сия».
        Так вот, почти все слова оканчивающиеся на «ция» имею окончание tion, а на «сия» — sion.
        Т.е. из слова вы подставляется все до окончания «ция», «сия».
        Модернизация — Modernization
        Делегация — Delegation
        Корпорация — Corporation
        Абстракция — Abstraction
        Профессия — Profession

        1 урок


        Остальные 3 видео доступны в плейлисте или на странице пользователя DjonikNSK
        torrent: rutracker.org/forum/viewtopic.php?t=3904361
      • Как IT-фрилансеру стать предпринимателем. Часть 2

          Всем привет! В предыдущем посте мы рассказали, зачем фрилансеру ИП и почему ИП лучше, чем ООО. Сегодня вы узнаете, как зарегистрировать ИП самостоятельно и что делать потом.



          Всё для самостоятельной регистрации ИП на сайте «Я люблю ИП»
          Читать дальше →
        • Unity3d. Уроки от Unity 3D Student (B00-B03)

            Добрый день. Предлагаю свой вариант перевода уроков по Unity3d от www.unity3dstudent.com

            Введение.


            Данная статья представляет из себя первый набор базовых (из раздела Beginner) уроков. Уроки в основном нацелены на изучение скриптинга и использование компонентов.
            Поэтому предполагается, что с основами работы в GUI Unity вы слегка знакомы. Если нет, изучите вводный раздел на этом же сайте.
            Уроки достаточно ясные и короткие, так что трудностей в процессе их изучения должно возникать минимум.

            PS: А хорошо это или плохо — вопрос достаточно сложный.

            В некоторых местах уроков есть минимальные косметические изменения, не затрагивающие основную суть.

            Перейти к урокам
            • +52
            • 219k
            • 9
          • Корректный переход со старого домена на новый

              Добрый день.
              Хочу поделиться своим опытом по переводу сайта на новый домен с сохранением всех параметров старого.

              Задача

              Есть домен site.com с определенными показателями ТИЦ и PR, но мы хотим перенести проект (сайт) на новый адрес не теряя уже полученные кровью и потом результаты в поисковиках.

              Решение

              Сделать на старом домене site.com файл .htaccess, с содержанием:

              Options +FollowSymLinks
              RewriteEngine on
              RewriteCond %{REQUEST_FILENAME} robots.txt$ [NC]
              RewriteRule ^([^/]+) $1 [L]
              
              RewriteCond %{HTTP_HOST} ^site\.com
              RewriteRule ^(.*)$ http://site.org/$1 [R=301,L]
              RewriteCond %{HTTP_HOST} ^www.site\.com
              RewriteRule ^(.*)$ http://site.org/$1 [R=301,L]
              

              Читать дальше →
            • MySQL. Выбор случайных строк в один запрос

              Что имеем?


              Есть слабенький ноутбук, таблица на несколько миллионов строк и нужно выбирать разное количество случайных строк в одном запросе. Дальнейшие выборки нас не интересуют.

              Таблица(test) имеет следующую структуру:
              • — pk_id ( первичный ключ )
              • — id ( поле заполненное разными числами )
              • — value ( поле заполненной с помощью rand() )

              Первичный ключ не имеет дыр и начинается с 1.
              Читать дальше →
            • JavaScript — полезные материалы

                Хочу поделиться набором ссылок на нексолько полезных, интересных и, возможно, не самых известных материалов по JavaScript. Из них вы узнаете немного больше об истории появления языка, о его настоящем, тонкостях реализации в различных браузерах, и о будущем развития стандарта ECMAScript. О различных способах наследования в том числе об эмуляции «классического» ООП, множественном наследовании и миксинах. О функциональном стиле программирования в JavaScript: чистые функции, map, reduce, частичное применение и композиции функций. И, наконец, что если бы Хемингуэй писал на JavaScript?
                Читать дальше →
                • +123
                • 76,6k
                • 29
              • Подборка роликов о создании макета дизайна и сайта в Adobe Fireworks

                  Что такое Fireworks и зачем он нужен


                  Fireworks и HabrahabrВ нашей стране данный графический редактор не снискал популярности. Так уж сложилось, что стоимость пакета Adobe Creative Suite у нас в среднем равна стоимости интернет-трафика на его скачивание, либо стоимости носителя, на который его записывают. Отчасти поэтому все используют Adobe Photoshop и Adobe Illustrator для создания веб-дизайна. Ну вот сейчас, лично для меня, пришло время задуматься о лицензионности софта.

                  Я сам не являюсь веб-дизайнером, я программист. Основные задачи, которые я решаю с помощью графического редактора — это минимальная модификация растровой и векторной графики, нарезка готового дизайна, оптимизация изображений, создание прототипов и т.п. Photoshop и Illustrator без проблем решают эти задачи, однако их в состоянии решить и Fireworks. А теперь вспомним про стоимость Photoshop + Illustrator (700$ + 600$) и сравним со стоимостью Fireworks (300$).

                  Частенько бывает, что Fireworks не справляется с отображение родных файлов Photoshop и Illustrator. Возникают глюки с отображением некоторых эффектов. В таких случаях обычно помогает эталонный скриншот, который позволяет понять где проблема и при возможности исправить ее. Также есть альтернативные редакторы (Gimp, Pixelmator), которые открывают исходный файл, но уже со своими глюками, которых нет в Fireworks.

                  Таким образом, вряд ли Fireworks заинтересует дизайнеров, уже работающих в Photoshop, его основные пользователи — это программисты, верстальщики, проектировщики и небольшая часть дизайнеров (во всяком случае в России).

                  Подборка роликов о Fireworks


                  Покопавшись в рунете на предмет наличия видео о Fireworks на русском языке я наткнулся на некий вакуум. Все имеющиеся ссылки вели на Youtube. Вот к нему я обратился, а результаты поиска под хабракатом. Кому будут интересны эти ролики? Прежде всего программистам, отчасти верстальщикам, которые хотят понять как создается веб-дизайн и почему им не всегда нужен Photoshop.
                  Читать дальше →
                • FLAC-декодер на Javascript

                    Ребята из Official.fm Labs задумали совершить настоящую звуковую революцию в вебе: две недели назад они выпустили FLAC.js — декодер аудиофайлов формата FLAC (Free Lossless Audio Codec), а также Aurora.js — фреймворк на CoffeeScript для простого подключения декодеров и создания веб-приложений, работающих со звуком. Таким образом, через Web Audio API теперь можно слушать музыку в идеальном качестве, и все веб-приложения могут обращаться к звуковой карте стандартным образом.

                    Демо

                    JavaScript уже так могуч, что браузер декодирует звук, потребляя менее 5% ресурсов CPU. Можно представить, какие крутые звуковые редакторы, миксеры и прочие аудиоприложения появятся в вебе в ближайшее время.
                  • Обзор зарплат WEB программистов

                      После длительного перерыва мы вновь публикуем результаты нашего исследования рынка труда в IT индустрии. Напомним, что в предыдущих наших постах мы рассказали о зарплатах «Мобильных» разработчиков, Дизайнеров, Руководителей проектов по разработке ПО, Системных администраторов windows и даже описали из чего состоит социальный пакет в IT компании.



                      Это пост мы решили посвятить отцам интернета — Web программистам:
                      • HTML верстальщик, Web мастер
                      • Программист PHP
                      • Старший (ведущий) программист PHP
                      • Программист ASP.NET
                      • Программист JavaScript
                      • Программист (старший, ведущий) Perl
                      • Программист (старший, ведущий) Python
                      • Программист (старший, ведущий) Ruby
                      • Программист Flash/Flex
                      Читать дальше →
                    • Руководство по оформлению HTML/CSS кода от Google

                      • Перевод

                      От переводчика


                      С удовольствием ознакомился с этими рекомендациями и теперь предлагаю вам перевод.

                      Введение


                      Это руководство описывает правила для оформления и форматирования HTML и CSS кода. Его цель — повысить качество кода и облегчить совместную работу и поддержку инфраструктуры.

                      Это относится к рабочим версиям файлов использующих HTML, CSS и GSS

                      Разрешается использовать любые инструменты для минификации компиляции или обфускации кода, при условии, что общее качество кода будет сохранено.
                      Читать дальше →
                    • Трогательный дизайн: введение

                        Мы любим смартфоны и приложения для них, поэтому любовь эта иногда выливается в текст. Этот текст написан креативный директором REDMADROBOT Максом Десятых и призван помочь начинающим и продолжающим дизайнерам интерфейсов мобильных приложений задуматься над важными вещами. Далее — прямая речь.

                        image
                        Readability for iPhone


                        Дизайн приложений — это куда больше, чем красиво расставленные пиксели. Дизайн — про то, что делает приложение, как делает и какое ощущение от него остается у пользователя.
                        Читать дальше →
                      • Автоматическая подсветка лестницы с помощью Arduino

                          Добрый день! В этом посте хочу поделится с хабро сообществом о том, как мне довелось сделать автоматическое освещение лестницы в своем двухэтажном коттедже. Начну с небольшого грустного отступления.
                          Около четырех месяцев назад, возвращаясь с работы в полной темноте, я не удачно подскользнулся и сломал две плюсниевых кости (пальца) на левой ступне. Целый месяц пришлось провалятся в постели, так как наступать на ногу было невероятно больно. Потом еще пол месяца хромал без гипса (у кого были переломы меня сразу поймут). После этой печальной истории я начал задумываться об автоматизации освещения ступенек лестницы. Немного поиграв с поисковыми запросами, нашел для себя очень простое решение в этом блоге, как раз на основе моего любимого микроконтроллера Arduino. Схема не вызвала каких то трудностей, но отпугивало количество и длина проводов, которые мне предстояло смонтировать. До этого ничего подобного не делал. Покупать готовые решения или нанимать кого-то — накладно. В течении месяца заказал нужные комплектующие и не торопясь смонтировал за несколько дней на свою лестницу. Всем кому интересно, что из этого получилось, добро пожаловать под кат (осторожно трафик)!
                          Читать дальше →
                        • Динамический favicon или отображаем карму, не обновляя страницу

                            image
                            У каждого из нас, полагаю, в любимом браузере постоянно открыты несколько вкладок одновременно. Не раз бывают случаи, что и заголовка вкладки не видно — лишь favicon'ки. Но часто они информации, кроме как отображения логотипа сайта, не дают. И, наверное, зря. Но мы постараемся и здесь использовать это место (целых 16px*16px!) так, как хотим. По крайней мере, будем знать, как это можно сделать.
                            Читать дальше →
                          • Подробно о свойстве float

                            • Перевод
                            Правильное использование CSS свойства float может стать непростой задачей даже для опытного верстальщика. В этой статье собраны варианты применения float, а также некоторые ошибки, с наглядными примерами.

                            Читать дальше →
                          • Переводим в код 5 действительно полезных шаблонов адаптивной разметки

                              Приветствую всех.

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

                                Привет, Хабр!

                                Хочу поделиться замечательным мастер-классом по созданию реалистичных теней для блоков на чистом CSS, найденном на просторах рунета по адресу http://mainview.ru/css/realistichnye-teni-pri-pomoshhi-css3-bez-ispolzovaniya-izobrazhenij. Естественно, для того, чтобы примеры работали как надо, необходим браузер с поддержкой CSS3.

                                image

                                Читать дальше →
                              • Золотые правила успешной кнопки

                                • Перевод
                                Здравствуй, дорогой хабрадруг! Сегодня существуют более тысячи способов создать кнопку; чтобы понять их сущность, вам нужно лишь потратить немного времени, просмотрев работы на сайте dribbble.com. Большинство из этих примеров очень похожи друг на друга, однако время от времени попадаются и такие кнопки, на создание которых потратили чуть больше внимания, времени и сил.



                                Воспользовавшись замечательными параметрами CSS3, мы можем создать элегантые и стильные кнопки без особых усилий (учитывая старые браузеры, конечно). Создаете ли вы кнопку непосредственно в CSS или пользуетесь специальными инструментами для их создания, всегда нужно тщательно подумать о том, как ваша кнопка будет выглядеть в контексте веб-сайта.
                                Читать дальше →
                                • +206
                                • 60,8k
                                • 55