Lecaw

Учимся создавать Web-сайты

Главная - Lecaw

Согласно китайскому календарю, год змеи начинается с 10 февраля и за многие годы представленное животное привлекает ещё больше внимания.

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

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

В этом учебном руководстве мы создадим простое веб-приложение, которое позволяет перетаскивать фотографию из своего компьютера в окно браузера и применять к ней Instagram фильтры онлайн. Для создания такого приложения нам понадобиться несколько JavaScript библиотек и плагинов:

Одна из менее обсуждаемых функций современных браузеров это -  увеличение поддержки формата файла SVG. Если незнакомы с SVG, он расшифровывается как Scalable Vector Graphics (масштабируемая векторная графика). В отличие от форматов растровых изображений таких как как PNG, JPG или GIF, векторная графика, в файлах SVG, полностью масштабируется к любому размеру экрана и в любом разрешении без потери качества. Во многих случаях SVG файлы также будут иметь меньший размер, это сопутствует более быстрой загрузке.

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

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

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

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

Сегодняшняя статья может показаться короткой, но она описывает некоторые интересные функции webkit браузеров, в частности – эффекты изображений при помощи маски. Я хочу предупредить – эти примеры будут только работать в webkit браузерах (Chrome и Safari). Идея изучить маски прибыла ко мне, когда я увидел логотип браузера Chrome на сайте Google. Мне понравился этот эффект и я задался вопросом, как он работает. Ну, а что такое маска? В основном это - изображение (или градиент), где прозрачная часть сделает Ваш элемент невидимым, непрозрачная сделает Ваш элемент видимым. Эти маски подобны как в Photoshop.

Страница 8 из 22