24апр

503
1
0

Существует несколько теорий по распределению времени на работу и перерыв.
Объединяет их чередование рабочий процесс - перерыв - рабочий процесс - большой перерыв.

На фрилансе или в любом самостоятельном проекте необходимо правильно распределять силы и ресурсы для получения эффеткивного результата с наименьшими затратами.

Поэтому стоит узнать и использовать инструменты, которые могут помочь в этом.

20фев

726
1
1

Часто возникают следующие задачи по работе с файлами pdf: уменьшить размер, слить два файла в один или наоборот, конвертировать jpg, word, excel, ppt в pdf и наоборот.
Бывают случаи, когда сторонние ресурсы не помогают, например, попытка уменьшить размер файла pdf весом 7 мб с помощью CutePDF привела к его увеличению до 14 мб. Как-то не совсем то, что хотелось получить, верно?

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

08фев

718
1
1

Если у вас есть несколько разделов на одной странице, то было бы приятно разделить их какой-то линией или фоном. Существует достаточно много вариантов для реализации подобного, всё лишь ограничивается вашей фантазией. Сегодня мы бы хотели показать вам несколько примеров, вариантов разделения, которые в особенности подойдут для flatдизайна. В наших примерах в основном будут фигурировать только два цвета, а в некоторых будут присутствовать ещё и более тёмные оттенки. Методы, используемые здесь, колеблется от псевдо-элементов, градиентов до SVG графики. SVG просто помещён между секциями, а псевдо-элементы привязываются к определённому классу на соответствующих участках. Обратите внимание, что у нас есть взаимосвязь между последовательными участками разделов, то есть, чтобы стиль следующего перехода смотрелся органично с предыдущим.

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

03фев

1883
1
0

Сегодня мы бы хотели поделиться с вами несколькими вдохновляющими примерами анимации чекбоксов и переключателей. Идея состоит в том, чтобы анимировать SVG формы для создания прекрасного визуального эффекта при взаимодействии с чекбоксом или переключателем. Техника для анимации в SVG будет выполнена по примеру  Jake Archibald. Вы можете почитать его статью, и подробно ознакомиться с тем как всё это работает «Animated line drawing in SVG».

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

01фев

519
2
0

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

Красивые иллюстрации, используемые в демо-версии, нарисованы талантливым Isaac Montemayor.

01фев

645
1
0

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

Работать будет в актуальных браузерах, и в IE начиная с 9 версии.

31янв

1432
1
0

Этот Blueprint является адаптивной сеткой галереи основанной на галереи Google для руководства Chromebook Getting Started. В этом Blueprint мы используем Masonry для сетки и 3D-преобразования для навигации детальной информации. Для небольших экранов у нас есть некоторые примеры media queries запросов, которые регулируют расположение сетки, а также вид галереи.

Осуществлять навигацию в галереи можно также клавишами «влево», «вправо» на вашей клавиатуре, а закрыть просмотр можно клавишей «Esc».

31янв

485
1
0

Есть что-то действительно завораживающее в (реальных) книгах. Хотя мы живём во времена, когда книги имеют и цифровую форму, но нет ничего лучше, чем взять реальную книгу и пролистать страницы. Многие макеты в Интернете пытаются передать это чувство путём создания эффектов перелистывания. Сегодня мы бы хотели показать вам небольшую концепцию для книжного интернет-магазина или книжной коллекции используя скрипт BookBlock. Идея состоит в том, чтобы отобразить сетку из книг, где мы сможем посмотреть некую детальную информацию о книге и где мы можем открыть демо книгу в полноэкранном режиме для предварительного просмотра отрывка. Вы вероятно уже видели такого рода опцию "заглянуть внутрь" от Amazon. Для просмотра книги мы используем BookBlock в полноэкранном режиме и для небольших книг мы используем структуру perspective, что позволит нам открыть книгу в формате 3D.