Таблица доходов и расходов для учета семейного бюджета Денежка любит счет, а жена - отчет!
Сегодня хотелось бы поговорить о деньгах… Вернее — об их учете. Наверняка большинство из нас к этому относится «спустя рукава», а зря. Планирование и учет расходов — неотъемлемая часть благополучия. Доказано жизнью! Каждый по-разному к этому вопросу относится, но у каждого, в подсознании, уверен, хоть однажды, да возникала мысль: «Пора начать считать…»
И эта мысль верная! Давайте начнем считать. И в этом вам поможет, надеюсь, созданная мной таблица учета бюджета. Этот инструмент максимально упрощен для пользования. В нем нет сложных формул, как EXCEL, лишних категорий, столбцов и других не нужных для домашнего учета «примочек», которые часто впихивают большинство авторов. Здесь — только самое необходимое… ДАЛЕЕ…
Animate CSS. Разбор полетов… Добавьте креатива в ваши проекты
Animate.css — это библиотека готовых к использованию кросс браузерных анимаций для ваших веб-проектов. Отлично подходит для выделения ключевых моментов, главных страниц, слайдеров и подсказок, привлекающих внимание посетителей вашего сайта.
Вам наверняка приходилось встречаться на страницах некоторых сайтов такими эффектами? Если нет, то сегодня у вас есть такая возможность. В этой статье я постараюсь максимально раскрыть все возможности данной библиотеки, которая, уверен, вам пригодится в дальнейшем для привлекательного дизайна ваших страниц и элементов… ДАЛЕЕ…
Калькулятор ремонтно строительных работ для вашего сайта Время-деньги. Экономьте с умом!
Вы затеяли ремонт, перепланировку или строительство? Тогда уж точно у вас возникнет необходимость знать — во что «вольётся» вам это удовольствие. И начинается самое интересное и утомительное занятие для всех клиентов — поиск «дешевого» мастера или бригады…
Стоит отметить, что это занятие занимает кучу времени и не всегда приносит желаемый результат. Вам приходится «бегать» по сети в поисках предложений, сравнивая расценки и выбирать самые низкие из них. Но, как показывает практика, эти расценки не всегда бывают постоянными и окончательными… ДАЛЕЕ…
Стеганография. Что это?… Скрываем сам факт передачи данных...
Стеганография — это метод сокрытия информации, при котором скрывается сам факт наличия секретного сообщения. В отличие от криптографии, которая шифрует содержимое, стеганография маскирует сообщение под обычные данные (изображение, текст, аудио), делая его незаметным для посторонних.
Объект, в котором прячется информация, называется стегоконтейнером. Как работает стеганография? Скрытое сообщение (стегосообщение) — это сама информация, которую нужно спрятать… ДАЛЕЕ…
Форма ввода пароля с Bootstrap с глазом. Как у Google Делай с умом, делай2 красиво...
Вы наверняка регистрируетесь или вводите свой логин в форме Google на сайтах. И, соответственно, видели эту форму с «глазом». А не хотели бы реализовать такое «чудо-юдо» у себя на сайте или блоге WordPress? Сегодня у вас есть такая возможность, тем более, что реализовать современное, безопасное и удобное поле для ввода пароля с функцией показа/скрытия символов, как у Google — не такая уж и трудная задача.
Структура (HTML) использует фреймворк Bootstrap для быстрой верстки. Создается базовый `input` типа «password» и добавляется иконка «глаза» (обычно из Bootstrap Icons) через элемент `span`. Все предельно просто, т.к. Bootstrap предоставляет готовые стили для поля ввода и иконки… ДАЛЕЕ…
Самый короткий код спойлера для сайта. Без JS — только CSS Делайте с умом, делайте правильно...
Не для кого не секрет, что красиво оформленная страничка блога с контентом не только имеет функциональное назначение, но и еще эстетически должна выглядеть привлекательно. А, когда у вас текст занимает довольно-таки большой объем — спойлер играет в отображении важных сносок в тексте не последнюю роль.
Многие админы подчас используют JS варианты, что не совсем хорошо — валидаторы часто «ругаются» на этот код… в особенности в последнее время. Давайте исправим этот недочет и воспользуемся самым простым, без кучи символов кода и вполне приемлемым вариантом, который, надеюсь, вам пригодится. ДАЛЕЕ…
Картина из 3-х секций на чистом CSS Оформляйте свои проекты красиво!
Данный пример оформления картинки, как нельзя лучше может подойти для обложки странички с галереей… как пример. Но вы, пораскинув чем нибудь.., можете найти этому примеру и свое применение.
Главное, пожалуй, что нужно изначально учесть, это — позиционирование акцентного кадра должно быть в центральном блоке. Так будет логичней. Но можете и поэкспериментировать с картинками, разбив горизонтальную картинку на 3 части, если это, к примеру, просто фоновое изображение с мелкими фрагментами, без акцентирования внимания на каком либо фрагменте.
Привлекателен для WEB дизайнеров этот вариант тем, что не нужно делать сложных манипуляций в графическом редакторе. Все делает малыш-CSS!.. ДАЛЕЕ…
CSS clip card hover effects Эффект для карт фильмового портала
Если вы задумали сотворить себе страничку с любимыми фильмами или, больше того, сделать самостоятельно фильмовый сайт или блог, то такой вариант расположения карт с публикацией каталога, возможно, вам пригодится. Код довольно-таки простой, без лишних JS прочих наворотов. Только при помощи CSS!
Красивый «hover» эффект при наведении на картинку приятен будет посетителю, выбирающему понравившийся фильм… я надеюсь.
