Difference between revisions of "Web development"
m (→CSS Frameworks) |
|||
| (12 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
[[Cascade Style Sheets]] | [[Cascade Style Sheets]] | ||
== My Notes == | |||
[http://gotopinion.info/web_design/index.html My Web design notes] | |||
== Useful Web Resources == | == Useful Web Resources == | ||
=== CSS Resources === | |||
[https://www.latestblog.org/responsive-step-progress-bar-in-pure-css-css-progress-wizard/ Responsive step progress bar in pure CSS] | |||
=== CSS Frameworks === | |||
[https://material.io/ Material Design] | |||
[https://material.io/tools/icons/ Material Design Icons] | |||
[https://materializecss.com/ Materialize] is a modern responsive front-end framework based on Material Design | |||
=== CSS Tools === | === CSS Tools === | ||
==== CSS Editor ==== | |||
CSS is plain text. A good editor will improve the user experience, speed up coding, and minimize mistakes. | |||
Microsoft [https://code.visualstudio.com/ Visual Studio Code] is free, open source, and runs everywhere. | |||
[https://atom.io/ Atom] A free and open source hackable text editor for the 21st Century and CSS editor | |||
[https://www.jetbrains.com/phpstorm/ PhpStorm] or [https://www.jetbrains.com/webstorm/ WebStorm] IDE with CSS support. Not free or open source. | |||
==== Other tools ==== | |||
[http://spiffybox.com/ Simple Rounded Corner CSS Boxes made easy] | [http://spiffybox.com/ Simple Rounded Corner CSS Boxes made easy] | ||
| Line 22: | Line 51: | ||
[http://www.newsgator.com/individuals/topstyle/default.aspx Top Style] | [http://www.newsgator.com/individuals/topstyle/default.aspx Top Style] | ||
[http://cssed.sourceforge.net/ cssed] is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source. | [http://cssed.sourceforge.net/ cssed] is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source. | ||
| Line 40: | Line 67: | ||
[http://positioniseverything.net/ Position is Everything] | [http://positioniseverything.net/ Position is Everything] | ||
=== Form Resources === | |||
[http://extensions.joomla.org/extensions/contacts-and-feedback/forms/6965?qh=YToxOntpOjA7czo2OiJqZm9ybXMiO30%3D JForm] is free and simple to use. | |||
=== Mac Resources === | === Mac Resources === | ||
| Line 95: | Line 126: | ||
=== Wordpress === | === Wordpress === | ||
[ | My [[WordPress]] notes | ||
==== Helpful Resources ==== | ==== Helpful Resources ==== | ||
| Line 105: | Line 136: | ||
[http://www.artisteer.com/ Artisteer] is a Web design automation product that makes it easy to create fantastic looking, unique website templates and blog themes. Artisteer supports Drupal, Joomla, Wordpress, and more. | [http://www.artisteer.com/ Artisteer] is a Web design automation product that makes it easy to create fantastic looking, unique website templates and blog themes. Artisteer supports Drupal, Joomla, Wordpress, and more. | ||
My [[Artisteer]] notes | |||
=== CMS Community Resources === | === CMS Community Resources === | ||
Latest revision as of 19:44, 12 September 2018
My Notes
Useful Web Resources
CSS Resources
Responsive step progress bar in pure CSS
CSS Frameworks
Materialize is a modern responsive front-end framework based on Material Design
CSS Tools
CSS Editor
CSS is plain text. A good editor will improve the user experience, speed up coding, and minimize mistakes.
Microsoft Visual Studio Code is free, open source, and runs everywhere.
Atom A free and open source hackable text editor for the 21st Century and CSS editor
PhpStorm or WebStorm IDE with CSS support. Not free or open source.
Other tools
Simple Rounded Corner CSS Boxes made easy
Astyle free css editor
cssed is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source.
Other links
A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
The Web Standards Project (WaSP), founded in 1998, fights for standards that reduce the cost and complexity of development while increasing the accessibility and long-term viability of any site published on the Web.
Form Resources
JForm is free and simple to use.
Mac Resources
Flash Tools
Flash Mo free flash templates
3D Curve Gallery 3D Curve Gallery
Wix allows you to create limited Flash sites for free with options to upgrade.
Content Management Systems (CMS)
Joomla
My Joomla notes
Helpful Resources
Beginners Guide from Joomla site
Creating a basic Joomla template
Integrate piwik into your Joomla pages by using com_piwik
Introductory: Learning Joomla! using Sample Data
Using Joomla Book Links
Drupal
Wordpress
My WordPress notes
Helpful Resources
Fine tuning your WordPress install on Dreamhost
Other CMS links
Wordpress vs Joomla vs Drupal article
Artisteer is a Web design automation product that makes it easy to create fantastic looking, unique website templates and blog themes. Artisteer supports Drupal, Joomla, Wordpress, and more.
My Artisteer notes