• Восстановление битого файла Coreldraw

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

      Мы рассмотрим самую неприятную ситуацию.
      Итак: вы работаете в Coreldraw, автосохранение и резервные копии включены, идет 2 или 5 час работы, и тут внезапно корел падает. В нашей ситуации корел, агонизируя, перетер все темпы и резервные копии. У вас только ваш файл, при открытии которого вы видите пустой лист.
      Читать дальше →
    • Заработайте на приложениях под Windows 8. Узнайте больше на buildforwindows.ru

        Здравствуйте!
        Сегодня мы хотим рассказать о запуске сайта buildforwindows.ru – ресурсе, посвященном Магазину Windows, который появился в Windows 8, а также разработке современных приложений для новой ОС.

        image

        На портале buildforwindows.ru вы найдете:
        • Информацию о возможностях Магазина Windows для разработчиков
        • Полезную информацию о Магазине Windows, если уже занимаетесь разработкой приложений для:
        • Информацию о мероприятиях, конкурсах, специальных программах для продвижения лучших приложений под Windows 8
        • Примеры популярных приложений под Windows 8
        Читать дальше →
      • Подборка CSS3-генераторов для упрощения фронтэнд-разработки

        • Перевод
        CSS3 предоставляет много новых возможностей в мире фронтэнд-разработки. Это действительно великолепная вещь, но иногда трудно вспомнить некоторые параметры, особенно, если вы — веб-дизайнер, а не программист. Вот 10 удивительных CSS3-генераторов, которые помогут вам сэкономить время и силы (картинки кликабельны).
        Читать дальше →
      • Fluid UI: прототипирование мобильных интерфейсов

          Fluid UI: очень удобное HTML5-приложение для создания прототипов мобильных интерфейсов в браузере (Chrome или Safari). Буквально за пару минут можно сделать приличный набросок.



          Поддерживает жесты, действия на прикосновения, драг-н-дроп, переходы между страницами, дублирование шаблона на несколько страниц, библиотеки iPhone и Android, загрузку пользовательских изображений и скриншотов. Ссылку на созданный дизайн можно быстро отправить коллеге или протестировать на мобильном устройстве. Можно экспортировать в PDF, HTML или графический формат.
        • Руководство по оформлению HTML/CSS кода от Google

          • Перевод

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


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

          Введение


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

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

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

          • Перевод
          UPD. Для краткого введения в адаптивный дизайн рекомендую прочитать статью «Как сделать один сайт для всех устройств (Responsive Web Design)».

          Перевод крайне ценной статьи «Responsive Web Design Techniques, Tools and Design Strategies» популярного интернет-издания для разработчиков Smashing Magazine.

          Еще в январе мы опубликовали статью об адаптивном дизайне «Responsive Web Design: What It Is and How To Use It» (Адаптивный веб-дизайн: Что это такое и как им пользоваться). Адаптивный веб-дизайн продолжает привлекать к себе много внимания, но, учитывая, насколько он отличается от традиционных методов разработки сайтов, он может показаться заоблачно сложным для тех дизайнеров и разработчиков, которые его не пробовали.

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

          Техники Responsive web design


          1. CSS Transitions and Media Queries
          CSS Transitions и Media Queries

          Elliot Jay Stocks подробно рассказывает о методе сочетания CSS Media Queries и CSS transitions. Основная идея в следующем: разрабатывая адаптивный сайт с помощью Media Queries, вы постоянно изменяете ширину вашего браузера, чтобы посмотреть, как сайт ведет себя при этом. Но каждый раз, когда отрабатывает один из ваших Media Queries, виден жесткий переход между стилями (первый, например, для десктопов, второй — для планшетов). Почему бы не использовать CSS transitions для сглаживания этих жестких переходов с помощью анимации?



          Читать дальше →
        • CSS кнопки с помощью псевдо-элементов

          • Перевод
          • Tutorial


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

          В этом уроке я покажу как создать кнопку с изюминкой, используя только якорный тег и мощь CSS.

          Читать дальше →
        • Selectik — стильные селекты

          Веб-дизайнеры любят стилизировать стандартные элементы форм. Потом эти элементы приходиться реализовывать нам — верстальщикам.

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

          Естественно, после всего этого я решил изобрести свой велосипед.

          Пример разработан без дополнительных картинок с помощью CSS3. Демо-страница с песочницей здесь.
          Читать дальше →
        • SITH — техника CSS3 для плавной смены изображения

          Доброго времени суток, Хабр!

          Хотел бы рассказать Вам, каким образом я добился плавной смены цветов иконок при наведении на них курсора. Подобная проблема часто встречается на Facebook. Если иконка представляет собой синий силуэт на белом фоне, то при наведении курсора оба цвета меняются местами, причём происходит это мгновенно и выглядит немного резко. Мои эстетические чувства были задеты, и я разработал своё решение.

          Не встретив на просторах Интернета чего-либо подобного, я взял на себя ответственность назвать этот метод SITH (Soft Image Transition on :Hover) — плавный переход изображения при наведении.

          SITH - CSS3 Soft Image Transition on :Hover

          Под хабракатом Вы найдёте полное описание техники, весь код, несколько скриншотов и ссылку на демонстрационную версию.
          Читать дальше →
        • Реалистичные тени при помощи CSS3 без использования изображений

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

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

            image

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