Сильнее, Better, Faster дизайн с CSS3

В нашей последней статье о CSS3, “ Нажатие кнопок практической CSS3, мы говорили об использовании новых CSS3 методов, таких как градиенты, границы радиуса и отбрасывание тени, чтобы создать убедительный, гибкой и (в некоторых случаях) веселыйbuttons.

В этой второй статье we’ повторно собирается сосредоточиться на использовании этих методов CSS (и немного JavaScript) на создать некоторые практические элементы и layouts.Как и прежде, предостережение coder — много свойств CSS we’ собираетесь использовать имеют ограниченную поддержку, если таковые имеются, в IE6 / 7 и, вероятно, 8.Firefox 3.5 и Safari 4 ваш лучший выбор прямо сейчас, чтобы увидеть все самое интересное происходит в CSS прямо сейчас (Chrome делает очень хорошую работу, тоже)

Читать далее

Стайлинг HTML Списки с CSS: методы и ресурсы

Unordered lists in multiple browsers

В мире онлайн сейчас доминируют макетов CSS, CSS-стиля HTML списки стали бесценными инструментами в CSS developer’ с панели инструментов, в связи с HTML перечислены универсальные и графически гибкий характер.Все это, несмотря на некоторые очевидные несоответствия браузер, который может повлиять на оформление различных типов списков доступных в HTML coding.

Если you’ новичок в CSS, эта статья должна обеспечивать хороший обзор различных типов списков доступных, а также некоторые из браузера причуды, которые возникают в связи с HTML спискам, при этом некоторые полезные советы, которые должны предотвратить эти причудыстать основным блокам дорога к хорошей design.

Читать далее

Нажатие кнопок практической CSS3

Screenshot

CSS3 является частично реализованы продолжением спецификации CSS2 мы все знаем и любим.It’ ы уже появились в новых браузеров, таких как Firefox 3.5, Safari 4 и Chrome.В этой статье, первой из статей, изучить практические (и даже надуманные) реализации CSS3, мы начинаем с применением CSS3, чтобы то, что мы все должны создать:. buttons

Призывы к действию являются критически важными для любого веб-сайта, и убедительным, привлекающие внимание, интерактивные кнопки проходит долгий путь в направлении движения, что участие.В прошлом, действительно удивительный кнопки необходимости дополнительной разметки, раздвижные двери или другого обмана.We’ покажу вам здесь, как создать хороший стиль кнопки без хаки или cheats.

Читать далее

Как поддержать Internet Explorer и при этом быть Cutting Edge

Twitter IE6 warning message

Все идет уже о том, как мы должны использование CSS3 more и все возможности и гибкость, которые приходят с ней, но что мы должны по-прежнему считают IE6 и другие тревожные browsers.

Но как же мы на самом деле это сделать?Как мы создаем сайты, которые в курсе последних методов кодирования, но которые также могут использоваться для людей, испытывающих веб-страницы на Internet Explorer

Читать далее

Укрощение Расширенный Селекторы CSS

CSS является одна из самых мощных tools, которое доступно для веб-дизайнеров (если не самый мощный).С его помощью можно полностью преобразить внешний вид сайта всего за пару минут, и даже без необходимости прикасаться к разметке.Но несмотря на то, что мы все хорошо осведомлены о его полезности, CSS селекторы еще не используется в полной мере, и мы иногда имеют тенденцию к подстилке наш HTML чрезмерного и ненужного классов и идентификаторов, дивы и spans.

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

Читать далее

Освоение CSS, часть 2: передовые методы и инструменты

Menu List with CSS

CSS является одним из самых основных строительных блоков современного веб-дизайна.Это создает структуру и стиль, который окружает ваше содержание и способна сделать ваш сайт радости использовать или болей в шее.Освоение CSS является одной из самых важных вещей, веб-дизайнер может сделать, и действительно стала основным критериям за то, что успешное designer.

В Часть 1: Моделирование Дизайн Elements мы рассмотрели основы веб-дизайна с помощью CSS.В части 2 we’ Re предлагают некоторые более сложные приемы и эффекты можно достичь с помощью CSS.Все, начиная от создания собственного интернет-приложений (например, календари) для укладки веб-страниц для использования с iPhone некоторые основы работы с CSS3 покрыта here.

Читать далее

Освоение CSS, часть 1: Стилизация элементов дизайна

The simplest way to horizontally and vertically center a DIV

CSS является одним из самых важных строительных блоков современного веб-дизайна.Стандарты требуют использования CSS для форматирования и стилей страниц, и не без оснований.It’ S облегченные и способна на гораздо большее, чем старые методы, такие как tables.

И CSS isn’ т почти так же сложно, как некоторые люди склонны верить.Ниже приведены свежие советы и приемы для создания и укладки элементов дизайна с CSS.They’ Re хорошее место для начала, если you’ новичок в CSS, но являются ценными, даже если you’ ветеран дизайнера.Не все методы строго CSS, а некоторые включают интеграцию с JavaScript или XHTML, чтобы расширить функциональность вашего site.

Читать далее

Что нужно знать о Область JavaScript

JavaScript Scope

Понимание области видимости в программировании является ключом к пониманию, как ваши переменные взаимодействуют с остальной код.В некоторых языках, это может быть довольно простым, но JavaScript’ S анонимные функции и функции обработки событий, вместе с парой маленьких причуд, означает, что сфера обращения в приложениях может стать frustrating.

Эта статья обсуждает, как наличие ручки масштаба и, как различные наличие библиотеки предоставляют методы борьбы с ним, и как они сглаживают несколько ударов.We’ будем также смотреть на то, как вы можете вернуться к истокам и сделать некоторые интересные сферы пререканий без библиотека, полезные подход, если you’ пишете код, который должен стоять alone.

Читать далее

Непонимание разметки: XHTML 2/HTML 5 комикса

HTML 5 vs. XHTML 2

С официальный анонс W3C прекратить работы по развитию XHTML 2 В конце 2009 года и увеличение ресурсов на HTML 5, а, было много путаницы и различных дискуссий о “ proper” разметкуязыком для современного и будущего веб-разработки.С XHTML 1.0, XHTML 2, HTML 4, HTML 5 и XHTML 5 у нас так много языков, которые it’ действительно становится трудно отслеживать

Сейчас на том, что развитие XHTML 2 прекращается, мы должны придерживаться XHTML 1.0 или двигаться вперед к HTML 5 или лучше предпочитаю старые HTML 4?Let’ с множеством вещей прямо раз и навсегда.В этой статье мы пытаемся прояснить ситуацию, объяснить, что это то, что и описать то, что язык разметки вы можете использовать для ваших веб-сайтов.Вы также можете увидеть комическое в большей version.

Читать далее