Как стать автором
Обновить
0
0
Артём @banana

Пользователь

Отправить сообщение

Сетки для адаптивного дизайна

Время на прочтение 7 мин
Количество просмотров 211K


Мы собрали наиболее частые темы, связанные с сеткой в адаптивном дизайне, чтобы «повысить резкость» термина как такового и систематизировать практические знания: как настраивать сетку в дизайн-макете, по каким параметрам делать расчет, какие особенности адаптивной среды учитывать и на какие детали обращать внимание.
Читать дальше
Всего голосов 22: ↑22 и ↓0 +22
Комментарии 3

300 потрясающих бесплатных сервисов

Время на прочтение 11 мин
Количество просмотров 1.6M


Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.



A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

  • HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
  • Bootswatch: Бесплатные темы для Bootstrap.
  • Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
  • Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
  • Strikingly.com Domain: Конструктор веб-сайтов.
  • Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
  • Withoomph: Мгновенное создание логотипов (англ.).
  • Hipster Logo Generator: Генератор хипстерских логотипов.
  • Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
  • Invoice to me: Бесплатный генератор счета.
  • Free Invoice Generator: Альтернативный бесплатный генератор счета.
  • Slimvoice: Невероятно простой счет.

Читать дальше →
Всего голосов 341: ↑325 и ↓16 +309
Комментарии 107

Кастомные социальные кнопки

Время на прочтение 5 мин
Количество просмотров 74K
Недавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:
Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter

На макетах, вид кнопок несколько отличался от предоставляемых социальными сетями плагинов, формируемых функциями api. В частности вид счетчиков:
image
Помимо несоответствий с дизайном, каждый плагин формирует излишний хтмл код, а хотелось бы лаконичный.

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

Итак:
  • количество лайков будем получать от REST сервисов каждой социалки
  • кнопки рисуем свои и обрабатываем событие click

Читать дальше →
Всего голосов 99: ↑94 и ↓5 +89
Комментарии 58

Статистика по вашим сообщениям в соц. сети Вконтакте

Время на прочтение 1 мин
Количество просмотров 18K
Для любителей статистики, был написан jsскрипт (не мной) который делает статистику по вашим сообщениям.
image

смотрим под кат
Читать дальше →
Всего голосов 38: ↑15 и ↓23 -8
Комментарии 46

Шон Паркер — хакер, со-основатель Napster, Plaxo и Facebook, миллиардер и инвестор

Время на прочтение 15 мин
Количество просмотров 45K
После просмотра фильма "The Social Network" мне стало интересно, насколько реален персонаж Шона Паркера, изображенный в фильме. Статья в Vanity Fair во многом утолила мой интерес, а Паркер оказался даже любопытнее, чем я предполагала. Так что я не удержалась и перевела статью — все ее «много букв» того стоят.

Те, кто не смотрел фильм, а только планирует, учтите, в тексте будет немного спойлера.

В 19 Шон Паркер помог создать Napster. В 24 он стал президентом-соучредителем Facebook. В 30 лет он – любитель вечеринок, гений, знаток социальных сетей, стесняющийся прессы, перспективный миллиардер. А теперь еще и знаменитость после того как Джастин Тимберлейк сыграл его в фильме Дэвида Финчера «The Social Network».

Шон Паркер сидел на уроке, посвященном мировым цивилизациям в своей школе в Вирджинии, когда вдруг кто-то передал ему записку. Его отец, — было сказано в ней, — ждал его, чтобы поехать на прием к врачу-ортодонту. По спине Паркера пробежал холодок. У него не было ортодонта. Когда он вышел, отец рассерженно запихнул его в семейный минивен. К тому моменту, когда они приехали в их скромный загородный дом, группа агентов ФБР выносила документы и настольный компьютер из комнаты Шона.
Читать далее
Всего голосов 203: ↑193 и ↓10 +183
Комментарии 84

Как начать заниматься в спортзале?

Время на прочтение 1 мин
Количество просмотров 1.3K
imageГость первого выпуска подкаста «Диалоги» — Михаил Коваленко, чемпион Санкт-Петербурга по бодибилдингу, руководитель велнесс-студии «Ажур».
В выпуске:
— Новичок в спорт зале: первый шаг — он трудный самый.
— Тренинг и питание.
— От чего зависит прогресс у новичков?
— Какой оптимальный возраст для занятий?
— Что такое перетренированность?
— Распространенные ошибки новичков.
— Занятия дома vs. занятия в спорт зале
— Друзья в спорт зале — плюсы и минусы.
— Свободные веса vs. тренажеры.
— Как не утонуть в море информации?
— Как выбрать тренера и программу?
— Мифы о занятиях в тренажерном зале.
— Как правильно худеть?
— Кардио-тренировки vs. силовые тренировки.
— Ответы на вопросы слушателей.
Всего голосов 58: ↑42 и ↓16 +26
Комментарии 32

Регистрируем торговую марку в США

Время на прочтение 3 мин
Количество просмотров 32K

Вопрос этот, прямо скажем, волнует не каждого. Но если вы планируете серьёзно выходить на рынок США, то этот вопрос обязательно возникнет. Минусов или проблем от регистрации торговой марки нет, но это стоит некоторых денег. Зато после регистрации, можно будет писать на сайте и в рекламной продукции — МояМарка ®. Это добавит вашему продукту/услуге некоторой солидности.
Ранее на хабре был топик по патентам. Я же раскажу о регистрации торговой марки, как всегда на своём опыте.
Читать дальше →
Всего голосов 92: ↑90 и ↓2 +88
Комментарии 41

Почему брать кредиты выгодно?

Время на прочтение 4 мин
Количество просмотров 22K
Все наверняка слышали фразы типа «Кредиты — кровь бизнеса». С другой стороны, народная мудрость говорит: «Берешь чужое и на время, а отдаешь своё и навсегда».

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

Кредит для бизнеса и кредит для потребителя — немножко разные кредиты ;)

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

Как это работает?
Всего голосов 211: ↑181 и ↓30 +151
Комментарии 272

Спать мало, но правильно?

Время на прочтение 7 мин
Количество просмотров 896K
Навеяно этим постом от юзера case. Пост не новый, и на главную он не попал.
Но я вот наткнулся на него сегодня и решил написать кое-что о сне. Уверен, что это будет полезно многим хабравчанам, да и случайным читателям тоже.
Читать дальше →
Всего голосов 713: ↑670 и ↓43 +627
Комментарии 420

Руководство для дизайнера по DPI

Время на прочтение 27 мин
Количество просмотров 317K


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

Автор — Sebastien Gabriel.

Я не знаю всего, так что, если по вашему мнению я где то ошибаюсь или вам нужно уточнить что-то, либо у вас есть предложения или вопросы для улучшения данного руководства, отправьте письмо (на англ) на sgabriel.contact@gmail.com. Вы также можете найти на меня Twitter, G+ или Facebook.
Читать дальше →
Всего голосов 92: ↑88 и ↓4 +84
Комментарии 19

Switch to Sketch. Часть 1

Время на прочтение 10 мин
Количество просмотров 143K


О программе Sketch я узнал еще год назад. Скачал демо тогда еще 2-й версии. Признаться, она меня совершенно не впечатлила. Какой-то слишком простой показалась. Я привык к навороченным интерфейсам софта от Adobe, а расположение панелей в стиле Apple iWork (Pages, Numbers, Keynote) мне по какой-то причине не нравится. К тому же мне оказалось комфортнее работать с темным интерфейсом, каковой нынче есть в Photoshop CC. Плюс Sketch 2 был достаточно кривоватый, содержал немало досадных багов, да и вообще впечатления не оказывал скоростью работы. В общем, поигрался с демкой и благополучно забыл. Впрочем, оказалось, что зря…

Читать дальше →
Всего голосов 73: ↑68 и ↓5 +63
Комментарии 69

Switch to Sketch. Часть 2

Время на прочтение 6 мин
Количество просмотров 38K


Итак, продолжим исследовать программу Sketch 3 с целью последующего свитчинга в нее из Фотошопа. Первую часть можно почитать здесь.

Читать дальше →
Всего голосов 43: ↑41 и ↓2 +39
Комментарии 12

Switch to Sketch. Часть 3

Время на прочтение 9 мин
Количество просмотров 57K


Давайте немного отвлечемся, и рассмотрим программу Sketch 3 с точки зрения удобства использования.

Читать дальше →
Всего голосов 41: ↑29 и ↓12 +17
Комментарии 20

Switch to Sketch. Часть 4

Время на прочтение 8 мин
Количество просмотров 58K


Оригинальная версия старинной французской поговорки гласит: Le bon Dieu est dans le détail («Бог в деталях»). Собственно, неприметные на первый взгляд детали и отличают Sketch от многочисленных конкурентов. Давайте поближе взглянем на этот кладезь удивительных мелочей.

Читать дальше →
Всего голосов 34: ↑30 и ↓4 +26
Комментарии 38

Как построить разработку дизайна очень большого и долгого проекта

Время на прочтение 7 мин
Количество просмотров 80K
Когда проект большой, дизайнеров над ним работает много, одновременно и очень далеко друг от друга — постоянно возникают проблемы.



Представим ситуацию. Есть не очень опытный проект-менеджер. На нем висит большой проект и три дизайнера, которые готовые над этим проектом поработать. Позвольте их представить — Вася, Лена и Петя (слева направо на картинке). Немного повысим уровень сложности нашим ребятам. Пусть все они находятся в разных городах, то есть за соседними столами не сидят, на пятничные попойки обеды вместе не ходят и иначе как через мессенджеры и почту связаться не могут. Проект большой и запланирован не на один месяц. Заказчик любит часто изменять свои решения или придумывать новые фичи.

Посмотрим как они выкрутятся?
Читать дальше →
Всего голосов 123: ↑117 и ↓6 +111
Комментарии 66

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

Время на прочтение 6 мин
Количество просмотров 33K
Приветствую всех.

Недавно наш хабраколлега опубликовал интересную статью об адаптивной разметке.
Уже не далеко то время, когда мы будем уделять верстке под все разрешения намного больше внимания, нежели делаем это сейчас. Посему считаю нужным подходить к этому периоду подкованным в данном вопросе, ну или хотя бы иметь четкое представление, что это такое и с чем его едят. Запасаемся смартфонами и таблетками.
Читать дальше →
Всего голосов 102: ↑100 и ↓2 +98
Комментарии 24

Хорошая альтернатива тарифным пакетам

Время на прочтение 3 мин
Количество просмотров 15K


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

Казалось бы, это хорошее решение — как для клиента, так и для разработчика, т.к. в тарифных пакетах каждый клиент находит свое оптимальное соотношение цена/возможности, а владелец сервиса таким образом лучше удовлетворяет спрос и максимизирует прибыль.
Читать дальше →
Всего голосов 58: ↑47 и ↓11 +36
Комментарии 25

Красивый вывод изображений

Время на прочтение 3 мин
Количество просмотров 46K
image
Всегда мне не нравилось, как выводятся изображения на моих сайтах. Хотелось какой-то упорядоченности, зависимости. Поэтому, я полез искать скрипты и решения в гугле. После безуспешных поисков, решено было делать что-то самому.
Но что? Я стал смотреть, как сделан вывод картинок у популярных сайтов. Всё мне не нравилось, пока я не додумался посмотреть вывод в google images и google+. Меня поразило то, что я никогда этого не замечал картинки выравниваются по ширине и высоте не обрезаясь. Такой принцип я и захотел реализовать. Получается мозаика. И всё будто на своём месте.
Не долго думая, я сел писать код, который сможет вывести картинки так же.
Читать дальше →
Всего голосов 105: ↑80 и ↓25 +55
Комментарии 96

Информация

В рейтинге
Не участвует
Откуда
Москва, Москва и Московская обл., Россия
Дата рождения
Зарегистрирован
Активность