Pull to refresh
65
0
Михаил Праан @praan

Разработчик сайтов на Drupal

Send message

Недокументированные приемы CSS

Reading time8 min
Views54K
Всем привет! Зовут меня Дмитрий Григоров. Работаю фронтедером в Райффайзенбанке в команде RBO PRO. Я расскажу и покажу вам, как можно творчески применять данные возможности CSS. В статье мы рассмотрим следующие темы:

  • Фоны и рамки;
  • Фигуры;
  • Визуальные эффекты.

Total votes 116: ↑114 and ↓2+112
Comments30

27 бесплатных сервисов для создания визуального контента без дизайнера

Reading time7 min
Views42K
Лера Матвиишина, маркетолог хостинговой компании HOSTiQ, специально для блога Нетологии адаптировала статью Andrew Tate c ресурса AdEspresso и выбрала из подборки 27 бесплатных инструментов, которые помогут создавать визуальный контент без помощи дизайнера.

К 2018 году 84% маркетинговых материалов будут визуальными. Благодаря визуальному контенту любая компания сможет интересно общаться с пользователями и отстроиться от конкурентов.
Читать дальше →
Total votes 20: ↑17 and ↓3+14
Comments6

Большой список Telegram-каналов для дизайнеров, менеджеров продуктов и аналитиков

Reading time13 min
Views69K

Внимание! Дальше идет большая подборка (~100) качественных телеграм-каналов, которая постоянно пополняется. Две вещи: 1) мы действительно любим и читаем эти каналы, пользуясь ботом-агрегатором @junction_bot; 2) если вы автор телеграм-канала и хотите, чтобы он попал в список, обязательно прочитайте FAQ в конце поста, после чего добавьте свою информацию в google-табличку. — Здесь и далее прим. ред.

Читать дальше →
Total votes 14: ↑10 and ↓4+6
Comments6

Как не облажаться с дизайном. Инструкция для чайников за 5 минут

Reading time4 min
Views51K


Перевод «Я люблю ИП»


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


Если вы не верите, что можете научиться дизайну, просто вспомните слова легендарного Дэвида Грола (барабанщик в группе Nirvana, гитарист и вокалист FooFighters, прим. ред.) об изучении новых вещей:


Я никогда не учился играть на барабанах. Я никогда не учился играть на гитаре. Я как-то сам до всего дошёл. Если вы действительно любите своё дело, увлечены им и сфокусированы, вы сможете сделать всё, что захотите.

А теперь, помня эти слова, вы готовы к нашему крэш-курсу? Пристегните ремни, мы начинаем в произвольном порядке.


Читать дальше →
Total votes 25: ↑21 and ↓4+17
Comments28

101 бесплатный сервис для дизайнера

Reading time10 min
Views202K
Представляем вам подборку бесплатных сервисов для дизайнера. Это первый вариант, в дальнейшем планируем расширять, добавляя новые разделы и инструменты.


Читать дальше →
Total votes 34: ↑28 and ↓6+22
Comments13

18 бесплатных фотостоков, которые спасут вашу рекламу

Reading time2 min
Views47K

image

Зачем спасать?


Мы размещаем нативную рекламу на крупных сайтах: РИА Новости, AdMe, Лайфхакере, Drive2.ru и других. И делаем так, чтобы реклама была такой-же полезной, так же хорошо выглядела и так же нравилась пользователям, как статьи на сайте.

 

Реклама становится единым продуктом с медиа


Бренды получают более вовлеченных клиентов, а медиа — деньги и положительный UX на сайте.

Читать дальше →
Total votes 26: ↑6 and ↓20-14
Comments6

Анализ подходов для создания лендингов и лонгридов в Drupal

Reading time15 min
Views14K

image


В статье сравниваются актуальные решения для создания неоднородных публикаций и лэндингов, а также лонгридов в административном интерфейсе CMS Drupal. Под неоднородностью понимается возможность для внедрения в текст в произвольном месте произвольных интерактивных элементов, таких как медиа-врезок, списков релевантных материалов, опросников и прочих нетекстовых элементов. Приведен авторский топ на основе анализа 16 критичных параметров.

Читать дальше →
Total votes 11: ↑11 and ↓0+11
Comments21

Векторная графика бесплатно — подборка сайтов

Reading time3 min
Views417K
У векторной графики много преимуществ. В отличие от растровых, векторные изображения более гибкие, легко масштабируются, сохраняют качество и т.д. Ниже представлена подборка веб-ресурсов с бесплатными векторными иконками, символами и картинками.

1. Freepik


www.freepik.com

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



Читать дальше →
Total votes 41: ↑34 and ↓7+27
Comments3

Лучшие бесплатные коллекции векторных иконок

Reading time2 min
Views333K
Привет, Хабр! Сегодня я хочу представить вам огромную коллекцию из 51 набора бесплатных векторных иконок. Да, есть потрясающие ресурсы Flaticon или Iconfinder, но бывают случаи, когда необходима именно группа иконок в едином стилистическом оформлении. Определиться с выбором, вам поможет эта подборка. Я старался собрать не как можно больше, а действительно самое лучшее.

Среди веб-разработчиков существует много споров о том, что лучше: иконочный шрифт или SVG спрайты? Четкого ответа на этот вопрос нет. Каждый выбирает свое. Данные наборы иконок вас неограничиывают в выборе, поскольку представлены в различных форматах: @font-face, SVG, EPS, AI, PSD, Sketch.

В целом данная подборка содержит более 10 000 иконок, охватывающих множество категорий: интерфейсы, технологии, наука, спорт, маркетинг, среда, транспорт и тд. Полые, заполненные, цветные, во Flat, Material, Elegant, Cartoon, Hand drawing стилях.

Responsive Icons (100 иконок, PSD, AI, EPS, SVG)


Responsive Icons

Читать дальше →
Total votes 91: ↑82 and ↓9+73
Comments23

Блеск и нищета стандартных селектов

Reading time6 min
Views53K
Примечание переводчика: Мы продолжаем публиковать материалы, которые будут полезны веб-разработчикам, дизайнерам и верстальщикам. В прошлых топиках мы рассмотрели принципы создания анимаций в вебе и использование формата SVG. Сегодня речь пойдёт об элементе select или просто о «селекте».

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

Понять дизайнеров


Нетрудно понять дизайнеров, которые стремятся создать для своих клиентов уникальный продукт, каждая деталь которого будет индивидуальна. Это отношение свидетельствует о любви к своей работе и желании гордиться тем, что ты делаешь. Если ты позволяешь кому-то (например, браузеру) делать за тебя часть твоей работы и определять, как что-то будет выглядеть, то получается, что ты и не работал. То же самое касается использования элементов Bootstrap. Так делают только лентяи и непрофессионалы, не так ли?
Читать дальше →
Total votes 50: ↑46 and ↓4+42
Comments24

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

Reading time11 min
Views1.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: Невероятно простой счет.

Читать дальше →
Total votes 341: ↑325 and ↓16+309
Comments107

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014)

Reading time6 min
Views44K
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 51: ↑47 and ↓4+43
Comments8

Публикация приложения в Windows Store

Reading time9 min
Views70K
Привет.

Я студент-партнер Microsoft, и в этой статье я хотел бы поделиться с вами своим опытом публикации приложения в Windows Store и рассказать о некоторых особенностях сертификации и публикации.
Читать дальше →
Total votes 86: ↑70 and ↓16+54
Comments24

Сбербанк выделил 1,6 млн. рублей на призы разработчикам мобильных приложений

Reading time2 min
Views2.4K
Приветствую господа.

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



    К сути: на днях Сбербанк поднял сайт специально под конкурс мобильных приложений для ОС iOS, Android, а также написанных на HTML5. Конкурс приурочили к Олимпиаде в Сочи 2014, но проходить он будет в этом, 2012 году.

Конкурс, как пишут, пройдет в 2 этапа:
Total votes 11: ↑8 and ↓3+5
Comments16

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

Reading time1 min
Views32K
Eric Ligman, Директор по партнерским программам компании Microsoft, опубликовал в блоге ссылки на большую бесплатную коллекцию книг Microsoft по самым разным направлениям: SharePoint, Visual Studio, Windows Phone, Windows 8, Office 365, Office 2010, SQL Server 2012, Azure, Cloud, Lync, Dynamics CRM и т.д.
Читать дальше →
Total votes 58: ↑50 and ↓8+42
Comments21

Постраничная верстка rel=«next|prev»

Reading time3 min
Views29K
Наряду с использование атрибута rel=«canonical» для указания поисковому боту на дублирование контента, теперь возможно использовать для HTML ссылок значение rel=“next” и rel=“prev” для обозначения положения текущей страницы в отношении соседних в рамках навигационного блока. В рамках веба встречаются различные варианты использования постраничной навигации — статья, разделенная на несколько страниц, либо категория товаров распределенных по нескольким страницам, либо ветка форума, разделенная на последовательность URL-ов. Теперь, включив rel=“next” и rel=“prev” в верстку страниц, мы можем указать Google:
  • Создать консолидированный индекс страниц, чтобы ссылки не рассеивались между отдельными страницами page-1.html, page-2.html, и так далее
  • При поиске направить пользователя на наиболее релевантную страницу среди всех остальных, например в начало статьи, разбитой на несколько страниц
Подробности и нюансы использования
Total votes 80: ↑77 and ↓3+74
Comments25

Себестоимость создания музыки

Reading time9 min
Views20K
По результатам поста про замечательные свойства детской порнографии и последующего обсуждения в комментариях стало понятно, что значительная часть людей не представляет себе, сколько стоит создание музыки. Сами музыканты говорят, что дорого, но «дорого» — величина неизмеримая. Кто-то говорит наоборот, что кроме пчёл всё фигня, а авторам просто хочется на хлеб с маслом и икрой, когда, меж тем, артист должен быть голодным.

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

Интересно? Прошу под кат.
Читать дальше →
Total votes 232: ↑171 and ↓61+110
Comments496

Несколько советов по работе с VBA в Excel

Reading time6 min
Views199K

Добрый день!

Некоторое время назад меня попросили «помочь с Экселем», а потом и работа подвернулась такая, так что за последние пару месяцев я узнал много полезного, чем и хочу поделиться в догонку к недавней статье.

Предполагается, что вы знаете основы Visual Basic. Я не буду рассказывать, как создавать формы или модули, здесь только примеры кода.

Читать дальше →
Total votes 82: ↑55 and ↓27+28
Comments36

Chiptune — 8-bit game music podcast. Сезон 2, выпуск 2. Боевые жабы

Reading time1 min
Views2.7K


Battletoads весьма популярны в интернете, несмотря на то, что оригинальная игра вышла в 1991-м году (20 лет назад, уже можно справлять круглую дату)! Виной тому — анонимные имиджборды типа 4chan и 2-ch. Там в ответ на вопрос:
— А из какой игры этот скриншот?
принято отвечать «как из какой? ну конечно же из Battletoads». Такой себе аналог универсального ответа на любой вопрос.

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

Про что будет сегодняшний подкаст? Battletoads.

Сегодня звучат:
  1. Battletoads (NES, 1991)
  2. — Battletoads & Double Dragon (NES, 1993)
  3. — Battletoads in Battlemaniacs (SNES, 1993)
  4. — Battletoads & Double Dragon: Ultimate Team (Sega, 1993)
  5. — Battletoads (Gameboy, 1991)
  6. — ReMix: Battletoads 'BirdGuyJam' за авторством Kumeelyun (2001)


RSS-лента подкаста. Копия на podfm. Предыдущие выпуск на хабре: 1-2-3.
Total votes 81: ↑62 and ↓19+43
Comments65
1
23 ...

Information

Rating
Does not participate
Location
Россия
Registered
Activity