Статьи

10 полезных советов по кодированию, техник и идей

В этом посте мы представляем обзор полезных советов по кодированию CSS / jQuery, техник, приемов и идей для визуальных эффектов , макетов и дизайна веб-форм, которые помогут вам найти решения проблем, с которыми вы столкнетесь или которые придется решать в будущем. , Веселиться!

Похожие сообщения:

1. Идеальное фоновое изображение полной страницы

Этот метод позволяет изображению заполнить страницу без пробелов. Изображение масштабируется по мере необходимости и сохраняет свои пропорции без использования полос прокрутки.
Perfect-Full-Page-Фон-Image.jpg
Источник

2. Отличная техника позиционирования CSS

Здесь у нас есть основной неупорядоченный список (ul) с левосторонними изображениями, где текст не оборачивается под изображениями. Конечно, эта техника может быть развернута в других экземплярах.
A-Ницца-Little-CSS-позиционирование-Technique.jpg
Источник

3. Как: CSS большой фон

Учебное пособие с различными примерами CSS для создания большого фона с использованием одного или двух изображений.
CSS-Large-background.jpg
Источник

4. Четыре метода создания столбцов одинаковой высоты

В этой статье обсуждаются способы создания столбцов одинаковой высоты, которые работают во всех основных браузерах (включая IE6). Все методы показывают, как создать макет из трех столбцов.
Четыре метода-к-Create-одинаковая высота-Columns.jpg
Источник

5. Прокатка колы вокруг чистого CSS

Роману Кортесу очень нравится делать трюки с CSS в эти дни. Он только что построил вращающуюся банку кокса, которая использует фоновое вложение, фоновое положение и несколько других приемов для достижения эффекта. Здесь не нужно модного CSS3!
Роллинг-а-кокса может многоборье-с чисто CSS.jpg
Источник

6. 3 простых и быстрых метода CSS для обрезки искусственного изображения

В этом уроке представлены три быстрых и простых метода CSS для отображения только части изображения. Эти методы могут быть полезны, если вы хотите сохранить изображения определенного размера (например, миниатюры в разделе новостей). Возможность использовать CSS для управления тем, какую часть изображения отображать, — это здорово.
3-Easy-и-Фаст-CSS-методы-для-Фо-Image-Cropping.jpg
Источник

7. Эффекты боке с CSS3 и jQuery

Из этого туториала Вы узнаете, как заново создать эффект Bokeh с помощью CSS 3. С помощью jQuery мы можем добавить некоторую случайность в цвете, размере и положении для эффекта.
Bokeh эффекты-с-CSS3-и-jQuery.jpg
Источник

8. Силуэт Fade-Ins

Для достижения эффекта в первую очередь нам нужен DIV с силуэтами в качестве фонового изображения. Затем мы помещаем четыре изображения в этот DIV, все одинакового размера, с выделением каждого участника группы. Эти изображения скрыты по умолчанию. Тогда вы абсолютно позиционируете четыре региона поверх DIV; это области переворачивания ссылок. С помощью jQuery мы применяем к ним события наведения, которые исчезают на соответствующем изображении.
Силуэт-Fade-Ins.jpg
Источник

9. UX-трюк: отображение данных формы в виде табличных данных

Это небольшой трюк для улучшения пользовательского опыта форм. Он отображает редактируемые данные формы в виде читаемых табличных данных.
UX-трик-дисплей форм-данных, по мере табличной-data.jpg
Источник

10. Проведите День поля с формами HTML5

Вот взгляд на то, как стилизовать красивую форму HTML5, используя некоторые продвинутые CSS и новейшие методы CSS3. Вы обязательно захотите изменить стиль ваших форм после прочтения этой статьи.
У-а-Field-Day-с-HTML5-Forms.jpg
Источник