![](https://habrastorage.org/storage3/407/d1e/203/407d1e203d2a7a49f2e645cf252081e7.jpg)
Уже конец недели и пора плавно переходить к режиму «Safe mode». Поэтому делюсь с вами подборкой интересных сайтов и ресурсов, чтобы к концу дня отвлечься от рабочего процесса.
Полезная инфографика
История Web`a
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/612/545/916/6125459164970dceccf0a7c7bd346057.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Зарплаты дизайнеров и разработчиков во всем мире
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/d8d/73e/922/d8d73e9224e8dbe5f997707004bf835f.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Возраст домов Нью-Йорка
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/8a0/17b/178/8a017b178fcc2bc69ec64bde37208106.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Материалы для дизайнеров
Тенденции веб дизайна 2013-2014 (pdf)
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/c29/5dd/4f2/c295dd4f20e05850e68ec8407049bc65.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Рассказ о журнальном шрифте Lava
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/41b/c7d/b19/41bc7db1957a82a045ed1a5add497002.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Большая коллекция титров
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/ca7/fbf/c48/ca7fbfc48d43567a316d65896b064f42.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Дизайн-эксперимент с созданием логотипов к эпизодам сериала Breaking Bad
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/9d8/def/444/9d8def444d343aeaf1c35d5d3db97836.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Отмазки дизайнеров
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/4b3/3f5/f2d/4b33f5f2db8e0bf5a97eabf50fdc5405.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Трафареты для проектировщика интерфейсов
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/f9b/069/f0b/f9b069f0bc82255450b0603d90f4d4e1.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Интересные демки
В свое время мы называли это лизуном
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/cb6/9a3/e4b/cb69a3e4bc57fdb69d6459a4e0abd4e2.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Пример анимации в приложении для смартфона 1
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/771/fd6/90d/771fd690dbc61f5a93c484732cd6b674.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Пример анимации в приложении для смартфона 2
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/5df/44f/50d/5df44f50d64efc8c5e335c12d0f8d933.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Как делается треугольник на CSS
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/0a8/f00/46e/0a8f0046ec518df4a9678af473200695.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Красивые сайты для вдохновения
Куча эффектов на сайте и листья сакуры в прелоадере
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/bd9/94a/617/bd994a617ce6c121647356fc9f5cb0e2.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Пример того, как можно комбинировать разные типы скроллов
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/1ac/831/ae0/1ac831ae0bc6c40322310a3cc0b553ba.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Современный одно-страничный сайт-портфолио
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/2d3/58e/04b/2d358e04bc45a69a589e1bc7b858b295.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Модный сайт-лук-бук Sonia Rykiel
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/3d7/c4c/bac/3d7c4cbaca273fa8b6210b8353d56838.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Арт-проект дизайнера одежды для киборгов
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/4a2/96c/454/4a296c454b343d822be33b7f35afe623.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Интерактивный клип
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/e2b/185/723/e2b18572347803fb6d850f978cb2c61a.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Коллекции стильных обоев
Обои в стиле минимализм
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/63d/80c/e08/63d80ce0851bb2c167252ee0524f6c80.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Классная коллекция от The Fox Is Black
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/4ce/170/105/4ce170105a248c84c69269c2d40e12bc.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
База обоев с поиском
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/a0e/f20/296/a0ef20296a3074b9046abc539fb9782e.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
Приложение для MacOS
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/a84/cec/bb5/a84cecbb5bd0d4fa298f0012c6a50e2a.png)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)
+ Bonus
Непрерывающийся видеопоток смешных и экстремальных видео. Полное погружение гарантировано
![](https://habrastorage.org/storage3/7fa/9ea/cb4/7fa9eacb4ea49a55377460f9c245a176.jpg)
![](https://habrastorage.org/storage3/846/5e6/840/8465e684046d6a56ad24120866cae1b7.jpg)
![](https://habrastorage.org/storage3/24c/954/0dc/24c9540dc32a3866f55f5e34b9747308.jpg)