Дизайн: Полезные сайты с примерами

2016

CSS Шпаргалка

В этой шпаргалке собраны селекторы и свойства CSS 2.1, а также пояснение блочной модели отображения и некоторая дополнительная информация. Шпаргалка представлена в виде таблицы, помещающейся на одном печатном листе формата A4. 

  1. CSS Шпаргалка ~71 кб
  2. CSS Шпаргалка ~83 кб

Полезные примеры и приемы

  1. Стили CSS | JavaScript
  2. Контент с другой страницы | JavaScript
  3. Как обрезать элемент на CSS (свойства overflow, text-overflow и clip)
  4. Чем отличаются display block от inline и table css
  5. 5 Simple and Practical CSS List Styles - примеры правильных списков.
  6. CSS таблицы - много информации о дизайне таблиц TABLE.
  7. Creating Lists - много информации о дизайне UL OL списков.
  8. Адаптивные вкладки-табы на CSS3 - красивый CSS таб.
  9. Мигающий текст
  10. Перенос текста CSS (свойство white-space)
  11. Позиционирование CSS
  12. Прокрутка модального окна | CSS
  13. Курсоры мыши
  14. CSS тень текста
  15. Box-shadow
  16. Outline
  17. z-index
  18. input :before или :after
  19. Регулярные выражения в Notepad++
  20. Responsive HTML Tables CSS

Java Script

  1. Как создать элемент, а потом его же удалить: appendChild(), removeChild()

Работа с картинками

  1. Прокрутка картинок CSS
  2. CSS селекторы
  3. Картинка или видео по размеру экрана на CSS
  4. CSS наложение: как написать текст на изображении
  5. При наведении на картинку, она меняется
  6. Слайдер для сайта | CSS
  7. Увеличение картинки при наведении
  8. Как с YouTube достать превью?
  9. Как сделать несколько ссылок на одной картинке.
  10. Галерея изображений CSS
  11. Простая фотогалерея для сайта | CSS

Хорошие сайты

  1. CSS tricks - много полезных примеров и практик используя css.
  2. Typespiration - много CSS схем и примеров типографики.
  3. CSSPLAY - много хороших примеров меню
  4. Nielsen Norman Group - сайт специалистов по юзабилити
  5. Шпаргалка блоггера - сайт с хорошими CSS примерами
  6. CSS Reset
  7. Creative Loading Effects - примеры индикаторов загрузки страницы.
  8. jQuery scrollbar - Много примеров красивых scrollbar на jQuery
  9. Freedizain - Портал клипартов и графики
  10. Allday - бесплатные шаблоны сайтов

Вэб элементы средствами CSS

  1. Древовидный список - рабочие примеры древовидных списков CSS | Java
  2. Transition - свойство transition средствами CSS.
  3. Tabs (табы) - примеры CSS табов.
  4. Кнопки - примеры CSS кнопок.
  5. Значок play - иконка воспроизвести средствами CSS.
  6. Линейка онлайн в см - линейка средствами CSS.
  7. Форма поиска по сайту - форма поиска по сайту средствами CSS.
  8. Теги progress и meter - индикаторы (теги progress и meter) CSS.
  9. Checkbox - всё о checkbox средствами CSS.
  10. Textarea resize - textarea средствами CSS
  11. Анимация иконки загрузки - примеры CSS иконок загрузки.
  12. Анимация CSS
  13. Transform-origin css
  14. Transform css
  15. Реалистичные тени при помощи CSS3 без использования изображений.
  16. 15 Amazing Free HTML5 & CSS3 Accordion Elements - CSS аккордион.
  17. Как выделить угол на CSS
  18. Как сделать всплывающую подсказку | CSS
  19. html pop up (только на CSS)
  20. Модальное окно (lightbox) на CSS
  21. Как сделать разный стиль у букв CSS
  22. CSS поворот
  23. Закруглённые углы (свойство border-radius) | CSS
X