1. CSS3 Generator - этот инструмент избавит вас от необходимости изучать премудрости CSS3: вы задаете параметры и сразу получаете готовый код. Также может служить наглядным пособием - тренажером для быстрого изучения CSS3 "методом тыка":
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHRwcNYu9pw9-LC54d1qx-uTt5v8FBFlK9a7yHdgcUUPyJvx3LxmcjuM2qN5w7ZBi7EDc33rYC1855R9xb50HV0EqSkn9FUSn7QNiKApNx5K1VVFLLIRiEXdm0ezQGNMoQR73r3Bo4U7e7/s1600/CSS3Generator_view.png)
2. CSS3 Pie - средство, которое обеспечивает совместимость вашего CSS3-кода с браузерами IE 6-8, которые по-прежнему доставляют больше всего хлопот веб-дизайнерам. Чтобы воспользоваться этим средством, вам придется немного повозиться. Вся процедура описана здесь. Однако, если вы с этим справитесь, желаемый результат обеспечен. Некоторые возможности CSS3 Pie можно опробовать сразу же на первой странице сайта разработчика.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlWMh2CkCanyIcGzKzwFQtaF-cGoKKFKk_PLaMgofDa4OF_73G7AZizMcAqpAprR-zg7UvxCIMKo9cmUuIMkmabS-zICgJNN3593MqNKXVWGA6vIXoUXrOhT0zXgS1-QcyNQiIFIDFljei/s1600/CSS3Pie_view.png)
3. Button Maker - этот веб-сервис генерирует CSS3-код красивых кнопок. Сам сервис использует AJAX. Вам достаточно, двигая ползунки настроек, сформировать кнопку, а затем получить код, и использовать его в своем проекте. Также имеется возможность посмотреть код как устроен сам сервис. Для его понимания все же необходимо минимальное знакомство с AJAX.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcv4ETd5Xhg-xCTsi1EfKF9U7FeU-6OugatYdgKaEQ0Dxh73IGY1UB09AbEpoyxVstE-IkTYID0-wYjokKWTcg2O4_9jY-J8AF97Gy5jIAl_Zp2POnMuQCaZrndmbklOKgZ_wuF8GVtThx/s1600/ButtonMaker.png)
4. CSS3 Gradient Generator - если вам нужен лишь CSS3-код градиента, то этот веб-сервис именно то, что нужно.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMyAe0t9CLClNgINdpdkJYehg3T0hZrfvUZ7uWC-iS4WNRUEeuk9o_XLd1Bgoii7Gz3n-GYcsXWQeIvjfNQU4NTqX1yJ4-HLUALYPGf2bZpfXeRbnpQJ-ZPm4m7Thd-iA9tCNEOJIatHoa/s1600/CSS3GradientGenerator.png)
5. CSS3 Transforms - это удобный веб-сервис, который я особенно рекомендую начинающим. Кроме собственно CSS3-переходов, здесь представлены и другие самые разнообразные возможности автоматически генерировать CSS3-код.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2S-s4E98vyFA0nFWjv7A3fD3RNSlM7EOymwKDT_S-IvJq4Qz6RJO4e9X2sLA7c7fZL-5o0_3IIe-YisL0fxVI0K5uFcPsgnBeKEVsSIZNLOAW7WwdptLqmU8DnB_vdMsubpvyyQrxCDD/s1600/CSS3Transforms.png)
6. CCS3, Please - это бесплатный веб-сервис, который, на мой взгляд, отлично подойдет для проверки знания и тренировки навыков ввода CSS3-кода вручную. Прямо в окне браузера вы можете вручную редактировать код и сразу же наблюдать изменения в дизайне пробного объекта. Очень удобно, что при необходимости отдельные CSS-правила можно отключить, а также скопировать в буфер обмена отдельно от всего остального.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SdVYF4yabo41yLExdmsKqwJZ1qFRf0eG5Bxky87qm8umDhBzmgTYhFS7UfYV9xp_zJwUl735qutod7IPpuzbNe0zkUkMxYZwn67oHzkKbwa_UfEjQXlGz6YRvMReHh8UqmDNhMZJN6hP/s1600/CSS3Please_view.png)
7. Border Radius - самый простой веб-сервис, который генерирует лишь CSS3-код закругленных углов. Зато очень просто и наглядно, без наворотов.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbcROaBkgXt6nym_hVvA9b0dmcXrvHoAzBSSAEgRyTRxAwn44p2sDpsWi6_I0emHUjhpLv1ag9viG642VF5YR6919_XzU3roGEXUV_S1bi0zC95XEYzsA8XXskAw-fNl1JJeiN5y6stjne/s1600/CSS3BorderRadius.png)
8. CSS3 Generator - этот простой CSS генератор поможет вам понять возможности и назначение CSS3-правил и селекторов для WebKit-браузеров таких, как. Safari и Chromium. Просто нажимайте кнопки, наблюдайте и делайте выводы.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1kQm0tTPN7H5FrSs8vuFZPC6ugKfeKWM6vDlFKFsJF9iHg_llsn50boyjvpNmenn-plY42hq-w51qc_8ETSbl6SrQ51K1ymJioMJFXxOpPpxRZUMYr6uagiWrRfj9T8txVoqS8cGPDfX/s1600/CSS3GeneratorWebKit_view.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHRwcNYu9pw9-LC54d1qx-uTt5v8FBFlK9a7yHdgcUUPyJvx3LxmcjuM2qN5w7ZBi7EDc33rYC1855R9xb50HV0EqSkn9FUSn7QNiKApNx5K1VVFLLIRiEXdm0ezQGNMoQR73r3Bo4U7e7/s1600/CSS3Generator_view.png)
2. CSS3 Pie - средство, которое обеспечивает совместимость вашего CSS3-кода с браузерами IE 6-8, которые по-прежнему доставляют больше всего хлопот веб-дизайнерам. Чтобы воспользоваться этим средством, вам придется немного повозиться. Вся процедура описана здесь. Однако, если вы с этим справитесь, желаемый результат обеспечен. Некоторые возможности CSS3 Pie можно опробовать сразу же на первой странице сайта разработчика.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlWMh2CkCanyIcGzKzwFQtaF-cGoKKFKk_PLaMgofDa4OF_73G7AZizMcAqpAprR-zg7UvxCIMKo9cmUuIMkmabS-zICgJNN3593MqNKXVWGA6vIXoUXrOhT0zXgS1-QcyNQiIFIDFljei/s1600/CSS3Pie_view.png)
3. Button Maker - этот веб-сервис генерирует CSS3-код красивых кнопок. Сам сервис использует AJAX. Вам достаточно, двигая ползунки настроек, сформировать кнопку, а затем получить код, и использовать его в своем проекте. Также имеется возможность посмотреть код как устроен сам сервис. Для его понимания все же необходимо минимальное знакомство с AJAX.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcv4ETd5Xhg-xCTsi1EfKF9U7FeU-6OugatYdgKaEQ0Dxh73IGY1UB09AbEpoyxVstE-IkTYID0-wYjokKWTcg2O4_9jY-J8AF97Gy5jIAl_Zp2POnMuQCaZrndmbklOKgZ_wuF8GVtThx/s1600/ButtonMaker.png)
4. CSS3 Gradient Generator - если вам нужен лишь CSS3-код градиента, то этот веб-сервис именно то, что нужно.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMyAe0t9CLClNgINdpdkJYehg3T0hZrfvUZ7uWC-iS4WNRUEeuk9o_XLd1Bgoii7Gz3n-GYcsXWQeIvjfNQU4NTqX1yJ4-HLUALYPGf2bZpfXeRbnpQJ-ZPm4m7Thd-iA9tCNEOJIatHoa/s1600/CSS3GradientGenerator.png)
5. CSS3 Transforms - это удобный веб-сервис, который я особенно рекомендую начинающим. Кроме собственно CSS3-переходов, здесь представлены и другие самые разнообразные возможности автоматически генерировать CSS3-код.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY2S-s4E98vyFA0nFWjv7A3fD3RNSlM7EOymwKDT_S-IvJq4Qz6RJO4e9X2sLA7c7fZL-5o0_3IIe-YisL0fxVI0K5uFcPsgnBeKEVsSIZNLOAW7WwdptLqmU8DnB_vdMsubpvyyQrxCDD/s1600/CSS3Transforms.png)
6. CCS3, Please - это бесплатный веб-сервис, который, на мой взгляд, отлично подойдет для проверки знания и тренировки навыков ввода CSS3-кода вручную. Прямо в окне браузера вы можете вручную редактировать код и сразу же наблюдать изменения в дизайне пробного объекта. Очень удобно, что при необходимости отдельные CSS-правила можно отключить, а также скопировать в буфер обмена отдельно от всего остального.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-SdVYF4yabo41yLExdmsKqwJZ1qFRf0eG5Bxky87qm8umDhBzmgTYhFS7UfYV9xp_zJwUl735qutod7IPpuzbNe0zkUkMxYZwn67oHzkKbwa_UfEjQXlGz6YRvMReHh8UqmDNhMZJN6hP/s1600/CSS3Please_view.png)
7. Border Radius - самый простой веб-сервис, который генерирует лишь CSS3-код закругленных углов. Зато очень просто и наглядно, без наворотов.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbcROaBkgXt6nym_hVvA9b0dmcXrvHoAzBSSAEgRyTRxAwn44p2sDpsWi6_I0emHUjhpLv1ag9viG642VF5YR6919_XzU3roGEXUV_S1bi0zC95XEYzsA8XXskAw-fNl1JJeiN5y6stjne/s1600/CSS3BorderRadius.png)
8. CSS3 Generator - этот простой CSS генератор поможет вам понять возможности и назначение CSS3-правил и селекторов для WebKit-браузеров таких, как. Safari и Chromium. Просто нажимайте кнопки, наблюдайте и делайте выводы.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1kQm0tTPN7H5FrSs8vuFZPC6ugKfeKWM6vDlFKFsJF9iHg_llsn50boyjvpNmenn-plY42hq-w51qc_8ETSbl6SrQ51K1ymJioMJFXxOpPpxRZUMYr6uagiWrRfj9T8txVoqS8cGPDfX/s1600/CSS3GeneratorWebKit_view.png)
Комментариев нет:
Отправить комментарий
Оставьте свой комментарий