Search
Write a publication
Pull to refresh
0
0
Артем @ngg

User

Send message

Подбор кулинарных рецептов по ингредиентам

Reading time1 min
Views4.6K
Для сайта «Просто пост» сделал интерфейсину подбора рецептов по ингредиентам. Вот, скажем, юзкейс:

Вы приглашаете девушку в гости и задумываете поразить её салатом. При этом:
1. Лук и чеснок в салат класть нельзя, потому что свидание.
2. Фасоль вы не перевариваете
3. Зато девушка оговорилась, что любит креветки, так что салат должен быть с ними.

Делаем три клика и получаем пару рецептов на выбор:
image

Ну и вообще: открываешь холодильник, смотришь, что есть из съедобного, забиваешь в поиск и — вперёд, готовить. Не всё же пельмени варить, в конце концов.

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

UPD: pavelgubarev.habrahabr.ru/blog/61178

Проверяй позиции в поисковиках %username%, бесплатно

Reading time1 min
Views774
Привет, Хабражители!
Несколько месяцев назад открылся сервис проверки позиций Сеумка.

Он позволяет владельцам сайтов отслеживать позиции своих сайтов в Google, Яндекс и Rambler в автоматическом режиме.

После длительного тестирования мы счастливы выставить сервис на обозрения Хабрасообщества.
Узнать, что к чему...

«Ошибки в ДНК» или как неправильный дизайн может приводить к миллионным убыткам

Reading time4 min
Views5.1K
Написать эту заметку меня побудили очередная статья с «криком души»: ну почему Windows в очередной раз требует перезагрузки при изменении чего-либо (обычно это установка/удаление программ, но бывают и другие случаи)? Почему разработчики Windows-приложений — такие лохи, а разработчики Linux-программ (где таких сообщений при установке «обычных программ» не бывает) — такие молодцы?

Этот феномен всем давно известен — но задумывались ли вы о том откуда у него «ноги растут» и почему в других операционных системах (Linux, MacOS X и т.п.) подобные окна являются чем-то исключительным, а в Windows — постоянным?
Читать дальше →

PHP: новые функции по работе с массивами (array_replace, array_walk_recursive и array_diff_assoc)

Level of difficultyMedium
Reading time2 min
Views66K
Итак, в феврале 2009 г. в языке PHP появились новые функции для работы с массивами: функции array_replace, array_walk_recursive и array_diff_assoc, что упрощает работу с массивами и сравнение их элементов.

Остановимся на каждой функции и дадим примеры их использования.

Читать дальше →

Базовый css-шаблон

Reading time1 min
Views4.1K
Вечером знакомый попросил быстро сделать ему основу для его блога. Даже не сверстать макет, а сделать именно основу.

Так как я сижу без работы и становится скучно, решил безвозмездно посодействовать. Что получилось, смотрите под ниже.
Читать дальше →

Popup с затухающим фоном с помощью jQuery

Reading time8 min
Views43K
imageМногие из нас сталкивались с всплывающими окнами, когда при этом постепенно потухает фон. Взгляд пользователя невольно фокусируется только на той части экрана, где что-то требуется от этого самого пользователя. Достаточно полезно, не правда ли?

Конечно же, не претендую на какую-то новизну, и данная заметка будет больше полезна начинающим с jQuery (коим и сам являюсь), чем людям, имеющим существенный опыт с данным javascript фреймворком.

под катом пример и описание

Как сделать FF удобней — пишем свои кнопки

Reading time14 min
Views7.3K

Преамбула


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

И FF полностью справился со своими обязанностями — возможно, я кому-то покажусь странным — но я потратил около 2-х месяцев на чтение сайта с дополнениями и нахождения для меня лучшего их набора, настройки и т.д.
В результате я получил мощную хорошо настроенную и удобную программу для своих нужд.

image

Не смотря на то, что я знаю JS, мне ни разу не пришло в голову писать какие-либо расширения под ff по одной простой причине — чтобы я не захотел — это уже было в депозитории расширений. Так продолжалось до вчера :)
Читать дальше →

Составляем договор дизайн-студии, часть 1

Reading time2 min
Views14K
Итак, начинаю публикацию целой серии долгожданных заметок о договорах и прочей документации дизайн-студии. Сразу скажу, что договор студии Made выкладывать сюда или куда-нибудь еще я не буду, у нас политика такая. Хотя, какие-то его части, быть может, и появятся в открытом доступе. Вместо рыбы я дам вам удочку.
Читать дальше →

Рецепты хорошей типографики

Reading time7 min
Views57K
Судя по результатам голосования, которое я проводил в своём блоге, большинство пользователей никак не типографируют тексты перед публикациями (НЛО не считается). Те, кто работают над текстами, в большинстве своём делают это вручную, поэтому я решил попробовать собрать воедино рецепты экранной типографики, дабы не забывать самому и напомнить другим. Не думаю, что статья будет чем‐то новым для опытных верстальщиков. Новички узнают, профи исправят :)

Содержание

  1. Дефисы, тире, минусы и другие палочки
  2. Кавычки и чёрточки
  3. Скобки
  4. Многоточие
  5. Заголовки, списки

Читать дальше →

Столик для ноутбука

Reading time2 min
Views54K
Речь в данном топике пойдет о столике для ноутбука для работы в кровати, либо на диване (ну и параллельно, возможно жене завтрак в постель подать :)

Дело в том, что я работаю дома, и постоянное сидение за столом — даже на сколько бы то ни было удобном стуле — надоедает — и за день уже просто все болит. (Это даже включая какие-то вставания-разминки или что-либо в этом роде) Плюс жена категорически за стол с ноутом не садится — только лежаче-сидячее положение на кровати.

Было решено приобрести столик для работы в кровати. Обзор киевского рынка по сути не дал результатов — был найден только один столик в одном интернет магазине — специально для работы на ноубуке за 500грн (62USD), но как и ожидалось в наличии их нет — и когда будут вообще не ясно.
Читать дальше →

И снова Fugue!

Reading time2 min
Views927
image
Я возможно уже вам все уши прожужжал про этот сет, но не смог снова его не упомянуть. Да-да, фугия снова обновилась. Данная версия 1.4.3 хоть и не последняя но все же уже актуальная для каждого. Наконец в нем есть все иконки необходимые для оформления вашего веб-приложения. Я понимаю что в сети есть множество полезных сетов иконок, но этот почему то затронул меня больше всего.
читаем дальше...

Как сделать Интернет одним из основных Каналов Продаж?

Reading time5 min
Views2.5K
Это моя первая статья на хабре, если я её разместил не в тот блог, извините, более подходящего я не нашёл.

Эта статья была написана мной летом 2008 года, сделанная специально для руководителей и маркетологов, сейчас она по прежнему актуальна. Размещая её здесь, мне хочется узнать, что по этому вопросу думаете Вы, те кто стоит на стороне разработчиков интернет-проектов. Публикую статью полностью:

Тем кто считает, что в его компании Интернет как “канал продаж” используется на все 100%, читать эту статью необязательно.

На сегодняшний день, основная проблема коммерческих организаций в использование Интернета для бизнеса – низкий приоритет важности этого направления внутри компаний. Отсюда не понимание в чем эффективность, как её оценивать, что нужно делать. Следствием этого не продуктивная работа с сайтом, с заявками, запросами и обращениями посетителей с сайта компании.

Почему так происходит?
Читать дальше →

Notepad++ для верстки HTML/CSS

Reading time1 min
Views33K
Приветствую, коллеги!

Топик «Ускорение верстки — да поможет Notepad++» и статья Вадима Макеева «Zen Coding 2.0. Концепт» подтолкнули меня к давно родившейся в моей голове идее расширения функционала редактора Notepad++, необходимого html/css-верстальщику.

По сути хочется реализовать концепцию «Zen Coding» в данном редакторе, а также еще пару вещей. И все это выпустить отдельной редакцией NP++ с предустановленными плагинами и функционалом, необходимым именно верстальщику, под GPL лизензией.

По пунктам:
  1. внедрить Zen HTML;
  2. внедрить Zen CSS
  3. написать плагин для управления проектом;
  4. написать аналог Function List для упрощения работы с группами классов, идентификаторов, блоков правил;
  5. отключить весь ненужный для верстки функционал.

Есть ли среди вас желающие помочь в написании плагина (возможно C++) для этого редактора?

Если у кого-то есть желание поучаствовать в этом благом деле пишите мне в личку.

Комментарии и коллективные обсуждения всесторонне приветствуются, ведь суть проекта сводится не просто к переносу Zen Coding на NP++, а и тонкая настройка функционала редактора.

Simpla — движок для великолепных интернет-магазинов

Reading time7 min
Views14K


Последние 5 лет я создавал интернет-магазины. Много магазинов. Хороших и разных. Я был сам себе программистом, верстальщиком, дизайнером и менеджером.

Нельзя быть профессионалом в нескольких областях сразу, скажете вы. И, наверное, будете правы. Я не профессионал в дизайне и окучивании клиентов. Но интерес к этим областям и необходимость соответствующей деятельности дали мне кое-что. Тысячи вопросов за техподдержкой, бесконечные консультации клиентов и их контент-менеджеров, изучение чужих целевых аудиторий, общение с программистами, дизайнерами и верстальщиками от заказчиков подарили мне неплохой опыт. И главное — опыт не в одной области, а опыт во всех гранях процесса создания интернет-магазина. От программирования и дизайна, до общения с клиентом и анализа его бизнес-процессов.

Обычная история


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

Читать дальше →

Pict.com — новая версия хостинга изображений.

Reading time1 min
Views1.6K
Всем привет!

Сегодня была запущена новая версия бесплатного хостинга изображений Pict.com.
Надеемся, что обновленный Pict.com понравится Хабравчанам.



Итак, вкратце о нововведениях...

Атака на беспроводные сети. Чуть меньше теории и чуть больше практики

Reading time6 min
Views316K
image
В общих чертах теорию и процесс атаки хорошо описал юзер n3m0 в своих статьях «Атаки на беспроводные сети», поэтому я не буду заострять внимание на многих теоретических моментах.
Я же хочу описать самые простейшие способы обхода защиты, но более подробно.
Читать дальше →

Ускорение верстки — да поможет Notepad++

Reading time2 min
Views103K
Я уже довольно-таки давно верстаю в Notepad++, пробовал и другие редакторы — не срослось. Основная причина, по которой мне нравился раньше этот редактор — подсветка кода. Видел. что есть много каких-то настроек, но небыло необходимости в них разбираться — ведь и так всё работает прекрасно.

Ситуация изменилась, когда объем работы вырос, и я физически не успевал верстать то, что вроде как должен успевать. Конечно, есть свои html и css заготовки, но копипастить их — сомнительный выигрыш во времени. Работа по FTP через Total Commander тоже не очень то удобна — много лишних телодвижений.

И вот я решил потратить время на настройку своего любимого Notepad++, слышал где-то что гибко он настраивается :)

(Описание скорее для тех разработчиков, которые не в курсе всех прелестей Notepad++, знающие могут дальше не читать).
Подробнее с картинками...

50 монохромных образцов дизайна web-сайтов

Reading time1 min
Views16K
Выбор цвета является ключевым элементом для успеха любого дизайна. Он определяет атмосферу и задает настроение. Один из способов отображения цвета, использование только оттенков, который называется монохроматической цветовой схемой.

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

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

В этой статье мы рассмотрим 50 монохроматических вариантов дизайна, сайты разбиты на категории в зависимости от преобладающих цветов, которые они используют (все варианты кликабельны).

Монохромные варианты дизайна

Масштабируемая картинка на фоне сайта

Reading time4 min
Views20K
Задача:
Дизайнер нарисовал макет страницы, на заднем фоне которой была картинка. Я сначала было решил, что это фон который увеличивается по ширине в зависимости о разрешения монитора.
Но не тут то было. Дизайнер настаивал на то, что это масштабируемая картинка, которая сужается / растягивается при изменение окна приложения и по ширине и по высоте.
Заранее предупредив заказчика – что картинка будет грузиться 1 и в максимальном разрешении – его определили как 1600, приступил к работе.
Смотрим что получилось ...

Information

Rating
Does not participate
Location
Украина
Date of birth
Registered
Activity