官术网_书友最值得收藏!

Other useful tools

We've almost come to the end of this chapter, but before we move onto starting to develop the Less code, we should take a look at a few tools that you might find useful once you've spent some time developing CSS with Less:

  • Adobe Kuler: You can find this tool at this is not immediately associated with Less, you might find this useful when choosing a color scheme for your site. Kuler has some useful tools that help you choose a suitable color palette from which we can take and use the color values within our Less styles.
  • Live.js: If you spend any amount of time editing styles, you will have to manually refresh the pages after each change; this can get tedious if you are making lots of changes! Fortunately, we can get around this with the use of the Live.js script. This tool is developed by Martin Kool and is available at http://www.livejs.com. It automatically forces a refresh to the page being worked on so that we can see changes as soon as they are applied.
  • CSS3 Please: You can find this tool at site that allows you to edit any listed CSS3 rule with your own values; it automatically applies the same rule changes to each of the vendor prefixes for that rule so that you have an updated rule that will work in each of the major browsers. This is particularly helpful when you start creating your own mixins, as we will see in the next chapter.
  • SpritePad: You can find this tool at the "easiest way to create your sprites", SpritePad is an excellent tool for creating image sprites online, which automatically generates the appropriate CSS for each image. We can then use this to create mixins—this is particularly useful if we're creating a site with a lot of small images that feature regularly throughout the site.
  • Prefixr: You can find this tool at useful nonetheless. We can develop a site for a particular browser (such as Firefox), and then use Prefixr to add other vendor prefix equivalents for any CSS3 rule that still requires them.
  • WinLess Online: You can find this tool at in this chapter, we touched on using WinLess as a Less compiler; this also has an online version for those who do not use Windows as their platform. Although some of the configuration options are not present (such as minifying the compiled code), it is a useful tool nonetheless.
  • Less2CSS: You can find this tool at http://www.less2css.org. This site performs the same function as WinLess Online but has a few more options, such as adding the media queries required for working with source maps. This developer also recommends that you use this site to verify your code in the event that you come across any issue where you need assistance.

This is a selection of the tools I've used for developing with Less; there are likely to be others that will be as useful as the ones listed here. Please feel free to use these. If you have suggestions for others in a future edition of this book, then they are welcome!

主站蜘蛛池模板: 乃东县| 皋兰县| 海伦市| 胶南市| 马鞍山市| 岳阳市| 武冈市| 威远县| 屯门区| 永昌县| 阿城市| 鹤岗市| 娄底市| 和顺县| 宜城市| 炎陵县| 台中市| 峨边| 万载县| 水城县| 什邡市| 甘泉县| 荆门市| 沙田区| 获嘉县| 阳信县| 噶尔县| 望奎县| 虎林市| 远安县| 沙河市| 亳州市| 崇仁县| 青浦区| 麦盖提县| 乡城县| 白城市| 锦州市| 保定市| 榕江县| 黔南|