Дизайн аккаунтов в социальных сетях

Количество различных социальных сетей и других инструментов онлайн-работы на сегодняшний день огромно. Чтобы ваш аккаунт выглядел как минимум симпатично его стоит оформить с помощью фото или другого рода изображений. А чтобы не держать в голове где какие размеры аватарок или обложек для аккаунтов, на помощь приходит Social Media Image Maker.

Social Media Image Maker – бесплатный онлайн инструмент для создания аватарок, обложек и фонов для большинства современных соц. сетей и инструментов онлайн-общения и работы.

HTML5UP – бесплатные респонсивные HTML5+CSS3 шаблоны для сайтов

HTML5UP – проект, в рамках которого для бесплатного использования создаются прекрасные, современные, респонсивные HTML5+CSS3 шаблоны.

Плоские новогодние иконки для iOS, Android, Windows 8 и сайтов

Новый год на подходе, многие украшают свои сайты и приложения новогодней атрибутикой. И ребята из VisualPharms, которые сделали чудесные иконки для iOS 7 и не только, снова решили порадовать всех набором прекрасных рождественских иконок.

Flat Christmas: бесплатный набор рождественских иконок для всех платформ: iOS, Android, Windows 8 и веб.

iOS 7 иконки, бесплатно

Почти сразу после выхода iOS 7 ребята из VisualPharm выпустили набор бесплатных иконок в стиле iOS 7 (более 950).

Cumulus: бесплатные иконки погоды

Я писал про два набора бесплатных иконок погоды - Meteocons, Climacons. Набор иконок Cumulus отличается аккуратным дизайном и богатым выбором вариантов.

Cumulus - бесплатный набор иконок погоды (более 100), выполненный в двух цветовых вариантах: серые и цветные.

jQuery Flat Shadow: плагин для создания длинных теней (long shadow)

Длинные тени ("long shadow") - новый тренд в веб-дизайне, который позволяет добавить "глубины" плоским элементам дизайна.

Генераторы многослойных favicon, Apple-иконки, Opera Speed Dial и картинки для facebook

Если раньше стандартным размером favicon.ico были 16x16px, то на сегодняшний день картина изменилась - добавились другие стандарты, браузеры, дисплеи и девайсы. Об этом и пойдет речь - о том, как сделать несколько размеров favicon.

Icons DB: 1800+ бесплатных иконок для сайта

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

Icons DB: бесплатный, постоянно пополняющийся набор "плоских" (одноцветных) иконок, которым можно задавать любой цвет.

Simple Icon: бесплатные иконки соц. сервисов

Simple Icons: отличный набор из 96 невероятно качественных бесплатных иконок социальных сервисов и различных платформ.

SpreadJS - таблицы для интернет приложений с функционалом Excel

18 января вышел альфа-релиз SpreadJS - js библиотека, дающая возможность быстрого и простого внедрения полноценных таблиц (как Excel) на сайты.

PlaceIt: показ прототипов на реальных устройствах

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

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

Бесплатные элементы дизайна от ByPeople.com

Команда дизайнеров-энтузиастов из ByPeople.com создала бесплатный набор элементов дизайна, которые мало того, что бесплатные, так еще и сделаны очень профессионально.

Генераторы префиксов CSS3 свойств для разных браузеров (вендорные префиксы)

Встала задача для одного проекта прописать css3 свойства под различные брузеры, которые все еще работают только с указанием вендорных префиксов: -o, -moz, -webkit и -ms. Сейчас, конечно, все адекватные современные и обновленные браузеры большую часть свойств воспринимают и без вендорных префиксов, но надо и учитывать, что какие-то пользователи могут работать на старых версиях.

Таким образом я решил поискать генераторы, которые из моих нормальных css3 свойств сделают версию css с префиксами. Нашел 3 адекватных генератора.

Для примера я сделал совершенно не имеющий практического применения кусок css стилей:

.my_block {
 box-shadow: 5px 5px 10px -5px black;
 background: linear-gradient(90deg, #444, black 50%);
 box-sizing: border-box;
 transform: rotate(15deg);
 animation: 3s colorcycle infinite alternate;
 border-radius: 2px;
}

Первый довольно адекватный генератор - Prefixr от одного из авторов NetTuts+.

Генератор спрайтов - Instant Sprite (Open Source, бесплатный)

Instant Sprite - прекрасный web-based генератор спрайтов, позволяющий добавить любое количество изображений простым перетаскиванием их на страницу (drag'n'drop).

Веб IDE с открытым исходным кодом - Codiad

Codiad - IDE с открытым исходным кодом, которая позволяет писать интернет-проекты  онлайн.

Приложение написано на PHP и не требует SQL базы. Данные хранятся в php файлах в json формате.

Бесплатные иконки в стиле Windows 8 и Windows Phone - Modern UI Icons

Modern UI Icons (также зовется Windows Phone Icon Pack) - набор из более чем 750 невероятно красивых и качественных иконок.

Памятка заказчику

Как жаль, что заказчики зачастую не понимаю этой простой схемы.

Бесплатные иконки типов файлов (20 иконок)

Многие интернет проекты нуждаются в красивых и качественных иконках для типов файлов.

File Type Icons - это бесплатный набор из 20 красивейших иконок для самых популярных типов файлов, включая изображения, музыку, текст, PDF, Word, Excel, PSD, HTML, CSS и многие другие.

Иконки в наборе идут в двух форматах: PNG (128x128 px) и отлично оформленных PSD файлах.

Примечание: для скачивания иконок с сайта необходимо подписаться на email рассылку и после этого иконки можно будет скачать.

На данный момент (12.06.2012) иконки доступны по прямой ссылке: http://filetypeicons.com/icon/set1.zip

Сайт: http://filetypeicons.com/
Скачать: зеркало

Элемент select не обновляется при перезагрузке страницы в Firefox

Довольно трудно описать проблему в заголовке. Но попробую описать подробнее тут. Те, кто сталкивался с веб-разработкой, возможно, замечали странное поведение элемента select в в форме: если выбрать какие-то пункты и нажать F5 на странице, то эти пункты после обновления будут все еще выбраны. В исходное состояние они придут после нажатия Ctrl+F5.

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

Fixie.js - автоматические наполнение веб-страниц

При работе над новым веб-проектом всегда встает вопрос наполнения страниц временным контентом. Лучше всего для этих целей подходил всегда стандартный "Lorem Ipsum..." текст.

Fixie.js - очень простая JavaScript библиотека (не зависит от какого-либо фреймворка типо jQuery и пр.), которая автоматически анализирует HTML5 разметку и добавляет соответствующий контент в блоки.

Библиотека не ограничена только наполнением текста, она добавляет и ссылки, и изображения, и списки.

Требования: нет
Совместимость: все современные браузеры
Сайт: http://fixiejs.com/
Скачать (зеркало).