Given Edward
JF-Expert Member
- Jan 11, 2011
- 850
- 203
1. Dynamic CSS
Kama unataka kuongeza uwezo wako wa CSS coding, you need to learn to write dynamic CSS. Most of the dynamic CSS adds nested riles, variables, mixins, selector inheritance feature into CSS, which no doubt will reduce code redundancy, introduce code reuse and hence - increase in productivity. There are many out there, famous one are Sass and Less
Angalia na hapa: 8 Fast and Furious Tools to speed up your CSS and HTML Coding Time
2. HTML snippets
Vile nile ningependa ku encourage watu watumie Code Snippet kama njia ya haraka ya kuandika HTML code. Powerful code abbreviation expander such as Zen Coding and HAML. They eliminate the needs of writing full html tags, just use abbreviation codes and expand it into full HTML markup. I have been using it for a few months now, I really like it because it does speed up the process. Also, it reduces human mistakes as well because all the code are tested and correctly generated.
3. CSS reset
The advantage of CSS reset is to avoid browser inconsistencies. For example, UL list in firefox and Internet Explorer, they have different margin and padding values, without resetting it, you will have a nightmare making a consistence pixel perfect layout. Most famous CSS reset would be the Eric Meyer's CSS reset and YUI.
4. CSS Grid layout
Honestly, I don't use CSS Grid Layout..... not yet. It's in the list because I heard many people giving compliments about it and it's proven to be one of the effective methods to increase productivity as well. Grid layout concept in web design is inspired by traditional print publishing. In web, Grid layout is very famous in magazine style themes/websites.
CSS Grid layout has great cross platform support, uniformity and consistency in HTML element placement and a lot more. You can read more details about it from the link below:
Ndio, unahitaji code editor nzuri because notepad just won't do it. Ilianza na notepad 10 years ago, plain black and white won't do any good to your career and your eyes. Syntax highlighting is extremely useful in debugging, auto indent saves time, auto code suggestion speed up development times. I have been using coda, in term of code editing, it's not the best but it has a really stable built in ftp engine which I really like.
6. Some extras online tools
Baadhi ya tools zinakazo kusaidia kusave muda hizi hapa: 🙂
Enjoy coding 🙂
By Givenality.
Kama unataka kuongeza uwezo wako wa CSS coding, you need to learn to write dynamic CSS. Most of the dynamic CSS adds nested riles, variables, mixins, selector inheritance feature into CSS, which no doubt will reduce code redundancy, introduce code reuse and hence - increase in productivity. There are many out there, famous one are Sass and Less
Angalia na hapa: 8 Fast and Furious Tools to speed up your CSS and HTML Coding Time
2. HTML snippets
Vile nile ningependa ku encourage watu watumie Code Snippet kama njia ya haraka ya kuandika HTML code. Powerful code abbreviation expander such as Zen Coding and HAML. They eliminate the needs of writing full html tags, just use abbreviation codes and expand it into full HTML markup. I have been using it for a few months now, I really like it because it does speed up the process. Also, it reduces human mistakes as well because all the code are tested and correctly generated.
3. CSS reset
The advantage of CSS reset is to avoid browser inconsistencies. For example, UL list in firefox and Internet Explorer, they have different margin and padding values, without resetting it, you will have a nightmare making a consistence pixel perfect layout. Most famous CSS reset would be the Eric Meyer's CSS reset and YUI.
4. CSS Grid layout
Honestly, I don't use CSS Grid Layout..... not yet. It's in the list because I heard many people giving compliments about it and it's proven to be one of the effective methods to increase productivity as well. Grid layout concept in web design is inspired by traditional print publishing. In web, Grid layout is very famous in magazine style themes/websites.
CSS Grid layout has great cross platform support, uniformity and consistency in HTML element placement and a lot more. You can read more details about it from the link below:
- Which CSS Grid Framework should you use for web design
- 960 Grid Layout
- YUI Grid layout
- Blue Print Grid layout
Ndio, unahitaji code editor nzuri because notepad just won't do it. Ilianza na notepad 10 years ago, plain black and white won't do any good to your career and your eyes. Syntax highlighting is extremely useful in debugging, auto indent saves time, auto code suggestion speed up development times. I have been using coda, in term of code editing, it's not the best but it has a really stable built in ftp engine which I really like.
- Notepad++ (windows, free)
- Aptana (all platforms, free)
- Bluefish (all platform, free)
- Coda (mac, $99)
- Textmate (mac, $57)
6. Some extras online tools
Baadhi ya tools zinakazo kusaidia kusave muda hizi hapa: 🙂
- Backfire: Inasave CSS changes made in Firebug.
- Live.js: Ina update CSS straight away without bila kurefresh.
- CSS Auto Reload: Same as live.js but you can set the reload time.
- Variable Grid System: Quick way to generate CSS grid.
- Yahoo Grid Builder: Yahoo YUI grid builder.
- Markup Generator: Generate CSS tags based on HTML code.
- Coda Clip: A collection of clips for Coda Editor.
Enjoy coding 🙂
By Givenality.