DocHub.io — удобный справочник HTML, CSS, Javascript

13:18

Интернет наполнен огромным количеством документации для веб-разработчиков. Но, к сожалению, использование большей части документации довольно неудобное. Для примера, возьмем Mozilla Developer Network (MDN). Сайт Mozilla Developer Network предлагает большой объем документации по CSS, JavaScript, HTML, SVG и т.д., но навигация по нему утомительна — нет никакого глобального меню и поиск не столь удобный.

Это привело разработчика Рафаэль Гарсия создать instaCSS — быстрый способ просматривать документацию CSS от MDN. Благодаря хорошей функции поиска и чистому, простому дизайну с хорошим глобальным меню instaCSS стал хитом по мнению читателей Hacker News. В связи с большим спросом, Гарсия перевел проект на более широкий домен DocHub.io и расширил поиск по CSS, HTML, JavaScript и DOM.

Гарсия выпустил DocHub на GitHub, значит, вы можете создать свой ​​собственный локальный экземпляр сайта и использовать его когда у вас нет доступа в Интернет (правда, такие времена становятся редкими для большинства из нас).

Хоть DocHub и хороший проект, но он не без недостатков. Например, ему не хватает уникальных URL-адресов, так что вы не сможете указывать ссылку на какой-то конкретный раздел. Он также использует hash url и с кнопкой Назад" в браузере возникнут проблемы.

Тем не менее, несмотря на эти проблемы, DocHub.io является одним из лучших сайтов документации — безусловно, стоит добавить в закладки.

 

(c)

Десяток ресурсов, которые помогают быть дизайнером

09:50

Работать дизайнером очень интересно. Это творческая работа. И как любому творческому человеку, дизайнеру нужна муза или вдохновение.

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

Естественно, если вы расскажите о своих ресурсах, я буду благодарен.

Хочу сразу предупредить, что практически все ресурсы, собранные мной — англоязычные. Только лишь один на русском. Так же я не очень приветствую узкопрофильные ресурсы (речь о ресурсах, на которых можно скачать только кисти для photoshop и прочее). В общем приступим:

 

1. Abduzeedo



abduzeedo

Пожалуй один из самых любимых моих ресурсов. Тут есть все, что нужно для вдохновения. Подборки сайтов, бесплатных шрифтов, раздел «Daily inspiration» (в переводе с англ. — ежедневное вдохновение) и много чего еще. При чем не только для дизайнеров, но и для художников. Для удобства, разместил ниже ссылку на их rss.

RSS feed
abduzeedo


 

2. Smashing Magazine



SmashingMagazine

Так же как и первый ресурс, smashingmagazine является отличным блогом, который содержит огромное количество полезной информации для дизайнеров. Они кроме всего прочего выпускают и книги (жаль не все бесплатные и все на англ). Я, кстати, листал их книги — они очень высокого качества! Всем советую этот ресурс. Так же ниже имеется ссылка на их rss!

RSS feed
Smashing Magazine


 

3. WDRemix | Top Web Design



Top Web Design

Очень хороший ресурс о веб-дизайне. Как и на abduzeedo, есть подборки для ежедневного вдохновения, подборки фотографий красивых девушек (этим он мне и нравится), шрифтов и много чего другого. Ссылка на rss снова таки ниже.

RSS feed
Top Web Design


 

4. Design Modo



DesignModo

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

RSS feed
DesignModo


 

5. Underworld Magazines



Underworld Magazines

Ресурс не только о дизайне. Есть очень много интересного! Каждый сможет найти что то для себя!

RSS feed
Underworld Magazines


 

6. InstantShift



InstantShift

Отличный ресурс. Я его впервые узнал по статье, в которой была отличная подборка потрясающих туториалов. Так же очень нравятся подборки дизайнов сайтов! В общем люблю все их статьи, которые есть в правом меню в разделе «Most Popular» (в переводе с англ. — Самые популярные).

RSS feed
InstantShift


 

7. Dejurka



Dejurka

Что можно сказать об этом ресурсе? Первое, и самое главное — это русский ресурс с очень качественным контентом. Среди русских мой самый любимый! Кстати, надеюсь Вы в комментах сможете добавить свои ресурсы на русском.

Dejurka


 

8. 365psd



365psd

Хочется отметить этот ресурс за то, что каждый день на нем появляются новые, бесплатные и главное качественные psd ресурсы. Спасибо им за это!

365psd


 

9. Piccsy



Piccsy

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

Piccsy


 

10. TheFWA



theFWA

Ну что тут сказать. Наверное это самая престижная премия для сайта в буржуйском интернете. Только самые сливки попадают туда!

theFWA




Итак, вот мой список. Я буду рад, если Вы сможете дополнить его своими ресурсами.

Наслаждайтесь!

(c)

Далее

SiteList — каталог современных и качественных сайтов.

17:27

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

 

Смотреть

Реалистичные тени при помощи CSS3 без использования изображений

17:15

tb11

 

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

 

Далее

Загрузка векторных иконок через @font-face: за и против

08:48

9d601bb5

 

С помощью @font-face вы можете загружать иконки не в виде PNG или GIF, а внедрить внутрь шрифта и подгрузить пользователю через директиву @font-face. С помощью CSS3 можно поворачивать векторные иконки, добавлять тени или даже анимированные эффекты с плавным изменением цвета иконки при наведении курсора мыши (раньше такое было возможно только на Flash).

Вот здесь инструкция по использованию набора шрифтов IconPack (.eot, .woff, .ttf, .svg) и загрузке иконок с помощью псевдо-элемента :before и тега span.

 

Далее

Подборка скриптов для создания галереи на php

08:46

freshslidingthumbnaislgallery1

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

 

Далее

Subtle Patterns

22:03

subtle_patterns

 

Subtle Patterns is a collection of 94 high quality design patterns for
you to use freely. New patterns added weekly. A project by Atle Mo.

 

More

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

10:18

microjs

 

More

iconizer.net

15:01

iconizer

 

Бесплатный генератор иконок

Preloaders.net

14:21

preloaders

 

Бесплатный генератор анимированных GIF и APNG для загузки AJAX и JQuery