Как стать автором
Обновить

Создаём форму входа как на Dribbble

CSS *HTML *Веб-дизайн *Программирование *Разработка веб-сайтов *
Ожидает приглашения
На Dribbble (платформа для дизайнеров) на странице входа и регистрации есть форма, которая очень хорошо выглядит и следует трендам 2020 года в веб-дизайне. В этой статье я расскажу вам как сделать такую же на своём сайте.

Вот что должно у нас получиться в конце:



Что ж, давайте начнём!

Для начала нам нужно написать самую простую разметку кода в HTML:

<div class="sign">
<form method="post" action="anyfile.php">
    <label for="login">Login:</label>
    <input type="text" name="login" id="login">
    <label for="password">Password:</label>
    <input id="password" type="password" name="password">
    <input type="submit" value="Sign in">
</form>
</div>


Я добавил только два поля для ввода. Вы же можете убрать или добавить сколько хотите.
Читать дальше →

Начинаем использовать Handlebars для создания статических сайтов

JavaScript *Разработка веб-сайтов *
Ожидает приглашения

Предупреждение: Матёрый фронтендщик скорее всего не увидит для себя здесь ничего нового. Код в статье представляется без каких-либо гарантий и не претендует на идеологическую верность.


На днях мой друг верстальщик, работая над очередным статическим сайтом, рассказал, что всё собирается начать пользоваться шаблонизатором. Посматривал он в сторону Handlebars, но нигде не видел простой, готовой тулзы. Которая позволяла бы собирать шаблоны в статический html, могла бы работать через FileWatcher Webstorm'а и не требовала бы развёртывания окружения с сотнями пакетов, гульпом и прочими вебпаками.


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

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

Юридический разбор сайта онлайн-магазина

Законодательство в IT Разработка веб-сайтов *Терминология IT Хранение данных *
Ожидает приглашения

Привет! Меня зовут Михаил Закошанский, я юрист.


На днях зашел на сайт липецкой торговой компании. С первого взгляда, сайт как сайт. Решил посмотреть, какие сведения публикуют некрупные интернет-магазины. Каково было удивление оперативников, когда в "подвале" сайта не оказалось юридически значимых документов. В этой заметке расскажу, как смотреть на интернет-ресурс глазами юриста и как выбирать контрагентов на основе представленной на сайте информации.

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

Repeatable migrations в Flyway

Java *PostgreSQL *
Ожидает приглашения
После статьи о логике в БД я много дискутирую в комментариях. Часто вижу заблуждение, что любая миграция при таком подходе — это новый файл, который невозможно сравнить со старым. Я покажу что это не так на примере Flyway.
Читать дальше →

Как на «безголовой» Raspberry Pi с единственным WI-FI адаптером включить режим монитора и сохранить подключение по SSH

Разработка на Raspberry Pi *
Ожидает приглашения
Всем привет.Сейчас я расскажу как я на Raspberry Pi без экрана перевел Wi-Fi адаптер в режим монитора и сохранил подключение по ssh.

Нам понадобится сама Raspberry Pi(я брал Raspberry Pi Zero W так как она компактная и с встроенным Wi-Fi адаптером) желательно с Wi-Fi адаптером(если его нет придется покупать USB Wi-Fi адаптер и подключать), SD-карта и USB-кабель который может передавать данные, а не только заряжать.

Я надеюсь вы уже установили OС на карту, если нет то в интернете полно инструкций.
Читать дальше →

Что нужно учесть при разработке Ui/Ux дизайна интернет магазина (часть1 — Типы пользователей)

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

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

А пока начнем.

8 Типов покупателей в e-commerce


1. Эксперт — знает характеристики продукта которые ему нужны. Тщательно просматривает всю информацию о товаре, изучает отзывы, смотрит видео о продукте.
В первую очередь ему нужно полное совпадение с тем что он ищет.
Expert
Читать дальше →

Опасности изолированных сетей

Системное администрирование *
Ожидает приглашения
Некоторые мысли по поводу безопасности изолированных сетей.

Мне доводилось довольно много возиться с тем, что называют «air-gapped networks» — то есть с сетями, которых ни при каких обстоятельствах к Интернету подключать нельзя. Запрет этот диктуется, естественно, соображениями безопасности — «а вдруг нас хакнут». Идея предотвратить хаканье на корню отключением от Интернета, конечно, привлекательна своей простотой и радикальностью, но тем не менее, принимающие такое решение зачастую упускают из вида разные последствия, безопасность не улучшающие, а наоборот.
Читать дальше →

Как скачать все треки в BOOM / Как добавить все свои треки в плейлист ВК

JavaScript *
Ожидает приглашения

Как добавить в плейлист ВК все свои аудио разом?


Разом — не знаю. Но знаю, как это сделать последовательно без усилий.

Что нужно? Компутер, браузер, страница в ВК с треками.
Читать дальше →

Зачем нужно прописывать Alt-тег?

CMS *Веб-аналитика *
Ожидает приглашения
Прописывать alt-тег очень важно, потому что именно по надписи внутри этого тега робот-поисковик Google или Yandex понимает, что это за картинка. Робот ведь не человек, он не умеет читать, он сравнивает последовательность нулей (0) и единиц (1). А именно так все кодируется: и слова, и картинки. И картинка для робота это код, где много нулей и единиц, а поисковая фраза, это тоже нули и единицы, то их много меньше.

Так как сравнить поисковую фразу и картинку?


Именно для этого и существует alt-тег. Это описание картинки. Описание это тоже фраза. И именно по этому описанию сравнивается код поисковой фразы и код картинки.

Сегодня я возьму пример Красное пальто.

Я хочу найти в Google картинки с красным пальто. И проанализирую, как сайт, на который ведет эта картинка добился того, чтобы именно его картинку Google поиск находил и выдавал в результатах поиска.

А потом я сделаю то же самое для всех моих картинок.
Читать дальше →

Хочешь ли ты поработать в другой стране и как не наступить на грабельки

IT-эмиграция
Ожидает приглашения
Сейчас пошел очередной всплеск практических вопросов об IT-эмиграции от размышляющих бывших коллег и друзей. Я зачастую боюсь навредить. Честно. Поэтому настоятельно рекомендую «созреть» и подготовиться.
Читать дальше →

Использование Cocoapods при создании собственных библиотек

Swift *Xcode *Разработка под iOS *
Ожидает приглашения

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

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

О типографике

Веб-дизайн *Дизайн Типографика *
Ожидает приглашения
Типографика, с одной стороны, представляет собой одну из отраслей графического дизайна, с другой – свод строгих правил, определяющих использование шрифтов.

Что же такое шрифт? Это графический рисунок начертания букв и знаков.

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

image

Для того, чтобы выбрать гарнитуру, необходимо определиться со стилистикой своего проекта. Тут решающую роль играет контекст вашего сайта. Будет ли выбранная гарнитура уместна?
Учитывайте настроение, которое передаёт шрифт.

image

Главным критерием классификации видов гарнитур являются засечки на буквах.

В этой статье мы детально разберём гарнитуры, которые встречаются на сайтах.

image

Обратите внимание на засечки в написании букв. Делаем простой вывод, антиква — это шрифт с засечками, гротеск же наоборот, шрифт без засечек.

Антиква — вид шрифта с засечками, поэтому обычно в названии есть слово serif («засечка»).
Популярная антиква: Times New Roman.

image

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

Гротеск — вид шрифта без засечек, поэтому в названии используется слово sans(«без»).
Популярные представители гротеска: Arial, Helvetica, Verdana.

image

Неформальное написание шрифта даёт представление о чем-то современном и легком.
Читать дальше →

Когда худший в мире код имеет право на жизнь

JavaScript *Программирование *Разработка веб-сайтов *
Ожидает приглашения
Этот пост написан мной после прочтения более чем очевидного критического поста: Разбор худшего в мире куска кода.

И почему же я считаю что этот код имеет право быть? Все очень просто — он отлично выполняет поставленную задачу, хотя и жертвует безопастностью и UI. И я уверен в том, что в мире существуют условия, где подобный код имеет право на жизнь, все остальное под катом.
Читать дальше →

5 девушек в IT

Лайфхаки для гиков
Ожидает приглашения
Те дни, когда слова IT-специалист, программист, сисадмин, разработчик и т. д. ассоциировались с представителями мужского пола, ушли в прошлое. Некоторые девушки из IT до сих пор не могут простить Юре Дудю игнорирование женщин в его фильме про Кремниевую долину. А другие девчонки плевать на это хотели, тихо пашут и создают образовательные Youtube каналы, из которых можно почерпнуть много полезного и интересного, и получить пару эстетических оргазмов от того, какие они красивые, умные и классные. Я решила подобрать для вас несколько каналов девушек, рассказывающих о IT, технологиях, образовании и других полезных штуках. Делюсь ссылками на них, чтобы вы не думали, что их нет:
Читать дальше →

Vue добавляем нативную карту Google Map без библиотек

Google API *Maps API *VueJS *
Ожидает приглашения
Google Maps API — Набор приложений, построенных на основе бесплатного картографического сервиса и технологии, предоставляемых компанией Google.

Я покажу вам, как подключить и использовать нативную карту Google Maps без использования библиотек для Vuejs.
Читать дальше →

Восстановление повреждённого видеофайла с квадрокоптера

Восстановление данных *Работа с видео *
Ожидает приглашения
Случилось страшное: съездил в очередное интересное место в области (так как заграницы нынче недоступны), отлетал и отснимал на Мавике хороший материал, добрался до компьютера, чтобы его обработать, и внезапно:

image

Казалось бы, не страшно, такое бывает, и нам поможет VLC или ffmpeg, но они так же отказались как-либо воспроизводить файл. Так как ехать снова пару сотен километров с целью переснять материал было вообще не вариант, стал искать пути решения проблемы.
Читать дальше →

Java создает документ Word

API *Java *
Ожидает приглашения
В моей недавней работе мне нужно было сгенерировать документ Word в программе на Java. После поиска в Интернете и тестирования я успешно решил эту проблему. Сегодня я расскажу вам, как я использую Free Spire.Doc for Java для создания документов Word в приложениях Java, вставки в них изображений и форматирования абзацев.

Конфигурация среды


Установите пакет jar через репозиторий Maven, и код для настройки файла pom.xml выглядит следующим образом:

<repositories>
     <repository>
          <id>com.e-iceblue</id>
          <name>e-iceblue</name>
          <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
     </repository>
</repositories>
<dependencies>
     <dependency>
          <groupId>e-iceblue</groupId>
          <artifactId>spire.doc.free</artifactId>
          <version>2.7.3</version>
     </dependency>
</dependencies>
Читать дальше →

Бот VK на Python 2020 года с ответами в беседу

Python *ВКонтакте API *Программирование *
Ожидает приглашения

Всем доброго времени суток!


Я очень долго прочесывал интернет в поисках рабочего варианта бота для ВК, разработанного на Python. Никак не мог найти ни одной нормальной, целой статьи — в одной устаревший метод, в другой непонятные ошибки и так далее…

Друзья, я решил поделиться с вами всеми теми знаниями которые приобрел и сейчас мы с вами шаг за шагом напишем хорошего рабочего бота ВК для текущего, 2020, года. Впрочем надеюсь статья не потеряет актуальности и позже.

С чего начать?


Начнем с установки необходимых библиотек. Естественно открываем cmd.exe ( в некоторых случаях может понадобиться запустить от имени администратора) и прописываем туда следующее:

pip install vk
pip install vk_api


Мы установили две библиотеки для работы нашего Python-а с сервисом VK.

Теперь запускаем IDLE и начинаем писать код.
Читать дальше →

Преобразование Excel в PDF в приложении Java

API *Java *
Ожидает приглашения
В последнее время мне нужно отправить файл Excel моему бизнес-партнеру и не хочу, чтобы он просматривал или изменял важные формулы, поэтому я решил преобразовать файл Excel в PDF. В этой статье я поделюсь своим опытом о том, как конвертировать Excel в PDF в приложении Java с помощью Free Spire.XLS for Java:

Способ 1: преобразовать всю книгу Excel в PDF.
Способ 2: конвертировать один лист Excel в PDF.

Конфигурация среды

Установите пакет jar через репозиторий Maven, и код для настройки файла pom.xml выглядит следующим образом:

<repositories>
        <repository>
            <id>com.e-iceblue</id>
            <name>e-iceblue</name>
            <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
        </repository>
</repositories>
<dependencies>
    <dependency>
        <groupId>e-iceblue</groupId>
        <artifactId>spire.xls.free</artifactId>
        <version>2.2.0</version>
    </dependency>
</dependencies>


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

Метеоритный дождь Персеиды 2020 года скоро достигнет пика: как смотреть шоу

Научно-популярное
Ожидает приглашения
Каждый август приносит ночи, освещенные до 100 падающих звезд и огненных шаров в час.

image

Некоторые Персеиды 2019 года, вид из Македонии.
Spaceweather.com/Stojan Stojanovski

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

Этот знаменитый ливень происходит в это время каждый год, когда Земля дрейфует через облако обломков, оставленное гигантской кометой 109P / Свифта-Туттля. Кусочки пыли, гальки и другого космического мусора врезаются в нашу атмосферу, сгорая короткими яркими полосами и даже иногда полностью раздувающимися огненными шарами, проносящимися по ночному небу.
Читать дальше →