8 бесплатных CSS3-инструментов для начинающи
1. CSS3 Generator - этот инструмент избавит вас от необходимости изучать премудрости CSS3: вы задаете параметры и сразу получаете готовый код. Также может служить наглядным пособием - тренажером для быстрого изучения CSS3 "методом тыка":
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEv43DjEMlZ0V2VJKEtM03Y7tN21rpEHg8AQlq7UaCF-c2uSpurOsMqqK8svLQm63ZQc_gKu7ISoGvjQTf9scFOlyFeY-pr-vFI1HQtHz1aOQlT-Pyz1v9t8PwSl7TmN-FxhjaCQvmgr86/s1600/CSS3Generator_view.png)
2. CSS3 Pie - средство, которое обеспечивает совместимость вашего CSS3-кода с браузерами IE 6-8, которые по-прежнему доставляют больше всего хлопот веб-дизайнерам. Чтобы воспользоваться этим средством, вам придется немного повозиться. Вся процедура описаназдесь. Однако, если вы с этим справитесь, желаемый результат обеспечен. Некоторые возможности CSS3 Pie можно опробовать сразу же на первой странице сайта разработчика.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAq5GIGYUeS9x5GJj6ERsFwJCV6EbwboM9xheuVHt5QSuGDtrlS2rPKxYDjl5FnaGP2TjYTuF5MzHKmoDtn8ixrptteyLNcSEd6AXMHx4PwSJdxohZC7LD8AFr2rDlCpxa5a5QSHrCzdwx/s1600/CSS3Pie_view.png)
3. Button Maker - этот веб-сервис генерирует CSS3-код красивых кнопок. Сам сервис использует AJAX. Вам достаточно, двигая ползунки настроек, сформировать кнопку, а затем получить код, и использовать его в своем проекте. Также имеется возможность посмотреть код как устроен сам сервис. Для его понимания все же необходимо минимальное знакомство с AJAX.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HWqk4d-uzuKqHt3yDzSzOJY-IgLzp3XchQW2do77g4qlBTcvQT3Guw14G5YOc61VAEdMsOEvpCGd3pxV9w2tH7_GvEpCz8DajItZF7ses-T48natopc1Jn2mvUKzVH4uGuHqCCHNRf6w/s1600/ButtonMaker.png)
4. CSS3 Gradient Generator - если вам нужен лишь CSS3-код градиента, то этот веб-сервис именно то, что нужно.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2nibnh-CT4W4uZLvDCI9pMOfHYpLxFs1Sy3Kzv35cgxxI4vND9mTZ-_8Ml6zDiODuumNbhrcxkjs9oIjAZBQFU4c0rPgNQvqyi6-MEEIoOL-5D0rS5Nh93Jy4YSVrq0A7LsrKXqQi1h7/s1600/CSS3GradientGenerator.png)
5. CSS3 Transforms - это удобный веб-сервис, который я особенно рекомендую начинающим. Кроме собственно CSS3-переходов, здесь представлены и другие самые разнообразные возможности автоматически генерировать CSS3-код.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2g2eUAqd8sJKwkX_0IfQUQq1dXIiF9idDVTeaSGwIYjAPbPmcA1jf1Xa3oWNWNeBiqmuPZ4xrYRJ8CdFqYTlQjcghVQTK43RYNIfTcS5mclfGRJzykyI-PI5PLp4J2jlnl68Izz06QJ6J/s1600/CSS3Transforms.png)
6. CCS3, Please - это бесплатный веб-сервис, который, на мой взгляд, отлично подойдет для проверки знания и тренировки навыков ввода CSS3-кода вручную. Прямо в окне браузера вы можете вручную редактировать код и сразу же наблюдать изменения в дизайне пробного объекта. Очень удобно, что при необходимости отдельные CSS-правила можно отключить, а также скопировать в буфер обмена отдельно от всего остального.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3E6822Q-4yJENHFg4YOnK-lF16U-u39I1PRbmIqL2eiWqqzsAQkqc8erme6qli2K0-XEsTHAlY9bCm2xSQcaGPHuaSebD6z7ooyzFyYQfu4p9cEuFQKPI83GCT0neFwxDpdLdDyaRM2M/s1600/CSS3Please_view.png)
7. Border Radius - самый простой веб-сервис, который генерирует лишь CSS3-код закругленных углов. Зато очень просто и наглядно, без наворотов.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJY3WDlIRZQb5CQyvqPFzzQpB4cmeGOfFCSAIWu2TGwp0PREmxZOtNoUUicGRbv_zVobutezjzVSzWFuxzaRBOa4zRaXoYElXa1q8NCPJb2kMPN19MAhjwgW6MpS5fkewihdBu6Uahomqf/s1600/CSS3BorderRadius.png)
8. CSS3 Generator - этот простой CSS генератор поможет вам понять возможности и назначение CSS3-правил и селекторов для WebKit-браузеров таких, как. Safari и Chromium. Просто нажимайте кнопки, наблюдайте и делайте выводы.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEv43DjEMlZ0V2VJKEtM03Y7tN21rpEHg8AQlq7UaCF-c2uSpurOsMqqK8svLQm63ZQc_gKu7ISoGvjQTf9scFOlyFeY-pr-vFI1HQtHz1aOQlT-Pyz1v9t8PwSl7TmN-FxhjaCQvmgr86/s1600/CSS3Generator_view.png)
2. CSS3 Pie - средство, которое обеспечивает совместимость вашего CSS3-кода с браузерами IE 6-8, которые по-прежнему доставляют больше всего хлопот веб-дизайнерам. Чтобы воспользоваться этим средством, вам придется немного повозиться. Вся процедура описаназдесь. Однако, если вы с этим справитесь, желаемый результат обеспечен. Некоторые возможности CSS3 Pie можно опробовать сразу же на первой странице сайта разработчика.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAq5GIGYUeS9x5GJj6ERsFwJCV6EbwboM9xheuVHt5QSuGDtrlS2rPKxYDjl5FnaGP2TjYTuF5MzHKmoDtn8ixrptteyLNcSEd6AXMHx4PwSJdxohZC7LD8AFr2rDlCpxa5a5QSHrCzdwx/s1600/CSS3Pie_view.png)
3. Button Maker - этот веб-сервис генерирует CSS3-код красивых кнопок. Сам сервис использует AJAX. Вам достаточно, двигая ползунки настроек, сформировать кнопку, а затем получить код, и использовать его в своем проекте. Также имеется возможность посмотреть код как устроен сам сервис. Для его понимания все же необходимо минимальное знакомство с AJAX.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HWqk4d-uzuKqHt3yDzSzOJY-IgLzp3XchQW2do77g4qlBTcvQT3Guw14G5YOc61VAEdMsOEvpCGd3pxV9w2tH7_GvEpCz8DajItZF7ses-T48natopc1Jn2mvUKzVH4uGuHqCCHNRf6w/s1600/ButtonMaker.png)
4. CSS3 Gradient Generator - если вам нужен лишь CSS3-код градиента, то этот веб-сервис именно то, что нужно.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2nibnh-CT4W4uZLvDCI9pMOfHYpLxFs1Sy3Kzv35cgxxI4vND9mTZ-_8Ml6zDiODuumNbhrcxkjs9oIjAZBQFU4c0rPgNQvqyi6-MEEIoOL-5D0rS5Nh93Jy4YSVrq0A7LsrKXqQi1h7/s1600/CSS3GradientGenerator.png)
5. CSS3 Transforms - это удобный веб-сервис, который я особенно рекомендую начинающим. Кроме собственно CSS3-переходов, здесь представлены и другие самые разнообразные возможности автоматически генерировать CSS3-код.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2g2eUAqd8sJKwkX_0IfQUQq1dXIiF9idDVTeaSGwIYjAPbPmcA1jf1Xa3oWNWNeBiqmuPZ4xrYRJ8CdFqYTlQjcghVQTK43RYNIfTcS5mclfGRJzykyI-PI5PLp4J2jlnl68Izz06QJ6J/s1600/CSS3Transforms.png)
6. CCS3, Please - это бесплатный веб-сервис, который, на мой взгляд, отлично подойдет для проверки знания и тренировки навыков ввода CSS3-кода вручную. Прямо в окне браузера вы можете вручную редактировать код и сразу же наблюдать изменения в дизайне пробного объекта. Очень удобно, что при необходимости отдельные CSS-правила можно отключить, а также скопировать в буфер обмена отдельно от всего остального.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3E6822Q-4yJENHFg4YOnK-lF16U-u39I1PRbmIqL2eiWqqzsAQkqc8erme6qli2K0-XEsTHAlY9bCm2xSQcaGPHuaSebD6z7ooyzFyYQfu4p9cEuFQKPI83GCT0neFwxDpdLdDyaRM2M/s1600/CSS3Please_view.png)
7. Border Radius - самый простой веб-сервис, который генерирует лишь CSS3-код закругленных углов. Зато очень просто и наглядно, без наворотов.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJY3WDlIRZQb5CQyvqPFzzQpB4cmeGOfFCSAIWu2TGwp0PREmxZOtNoUUicGRbv_zVobutezjzVSzWFuxzaRBOa4zRaXoYElXa1q8NCPJb2kMPN19MAhjwgW6MpS5fkewihdBu6Uahomqf/s1600/CSS3BorderRadius.png)
8. CSS3 Generator - этот простой CSS генератор поможет вам понять возможности и назначение CSS3-правил и селекторов для WebKit-браузеров таких, как. Safari и Chromium. Просто нажимайте кнопки, наблюдайте и делайте выводы.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8GbJYF7GM95w1wKxPzb9DHebVDQv0wqTSedJKtwY_JSb36DVCgD2YZJcUpD_aGPDzrObGque_V_AvYL-525NYrP0UwJICeCXO__Q1ZVum7phjzrca7D1YnxQjOi4AlUOitG1uEu_iFVbN/s1600/CSS3GeneratorWebKit_view.png)
Комментариев нет:
Отправить комментарий