- Professional CSS3
- Piotr Sikora
- 354字
- 2021-07-02 16:39:35
Choosing the right IDE
Building CSS code is pretty simple. If you want to start, you just need a simple text editor and start writing your code. If you want to speed up the process, you will need to choose the right text editor or integrated development environment (IDE). Currently the most popular editors/IDEs for frontend developers are as follows:
- Sublime Text
- Atom
- WebStorm/PHPStorm
- Eclipse/Aptana
- Brackets
Your choice will be based on price and quality. You should use the editor that you feel most comfortable with.
Speeding up the programming process with snippets/Emmet
When you are creating a code, you have parts of codes that you repeat in all projects/files. You will need to create snippets that will help you to speed up the process of writing code. As a frontend developer, I recommend you to get a basic knowledge about Emmet (previously Zen Coding). This is a collection of HTML/CSS snippets, which will help you build code faster. How to use it? It is basically included in modern frontend editors (Sublime Text, Atom, Brackets, WebStorm, and so on). If you want to check how Emmet works in CSS you need to start a declaration of some class for example .className
, open the brackets ({}
) and write for example:
pl
Then press the Tab button, which will trigger the Emmet snippet. As a result, you will get the following:
padding-left
Following are examples of the most used properties and values:

For a better understanding of Emmet and to get a full list of features, it is recommended to check the official website of the project at: http://emmet.io/.
Keyboard shortcuts
Do you remember when you learned the most impressive keyboard shortcuts Ctrl + C ,Ctrl + V? It helped you to save about 2 seconds each time you wanted to make an operation of copying and pasting some text or any other element. But what about automizing some processes in building code? Yeah, it's going to be helpful and you can do it with keyboard shortcuts.
Shortcuts that you should know in your IDE are as follows:
- Duplicating line
- Deleting line
- Moving line
- Formatting code
- Learning Docker
- Linux C/C++服務(wù)器開發(fā)實踐
- Python程序設(shè)計(第3版)
- Swift 3 New Features
- Java Web程序設(shè)計
- Web Application Development with MEAN
- Python算法指南:程序員經(jīng)典算法分析與實現(xiàn)
- Python極簡講義:一本書入門數(shù)據(jù)分析與機器學習
- Learning Nessus for Penetration Testing
- jQuery從入門到精通(微課精編版)
- Python物理建模初學者指南(第2版)
- React.js實戰(zhàn)
- Python實戰(zhàn)指南:手把手教你掌握300個精彩案例
- Learning QGIS(Second Edition)
- Hands-On GUI Application Development in Go