Difference between revisions of "Web development"
m (→CSS Tools) |
m (→CSS Frameworks) |
||
| (25 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 54: | Line 85: | ||
== Content Management Systems (CMS) == | == Content Management Systems (CMS) == | ||
=== Joomla === | |||
My [[Joomla]] notes | |||
[http://www.joomla.org/ Joomla] | [http://www.joomla.org/ Joomla] | ||
Free [http://www.joomlacontenteditor.net/ Joomla Content Editor] | |||
==== Helpful Resources ==== | |||
[http://docs.joomla.org/Beginners Beginners Guide] from Joomla site | |||
[http://docs.joomla.org/Tutorial:Creating_a_basic_Joomla!_template Creating a basic Joomla template] | |||
[http://www.compassdesigns.net/joomla-tutorials/joomla-15-template-tutorial Joomla 1.5 Template Tutorial] | |||
[http://www.joomlaport.com/Joomla-Template-Tutorial-Part-1-Joomla-Template-Concepts.html Joomla Template Tutorial] | |||
Integrate [http://piwik.org/ piwik] into your Joomla pages by using [http://www.artd.ch/artd-webdesign-s-blog/compiwik-a-piwik-integration-to-joomla-15.html com_piwik] | |||
[http://community.joomla.org/august-2008/article/522-introductory-learning-joomla-using-sample-data.html Introductory: Learning Joomla! using Sample Data] | |||
[http://forum.joomla.org/viewforum.php?f=428 Joomla newbie forum] | |||
[http://docs.joomla.org/Planning_Your_Web_site Planning your Joomla site] | |||
[http://docs.joomla.org/Joomla!_Extensions_Defined Joomla Extensions Defined] | |||
==== Using Joomla Book Links ==== | |||
[http://forums.oreilly.com/category/92/Using-Joomla/ O'Reilly forum] | |||
=== Drupal === | |||
[http://drupal.org/ Drupal] | [http://drupal.org/ Drupal] | ||
| Line 61: | Line 124: | ||
[[My Drupal Notes]] | [[My Drupal Notes]] | ||
=== Wordpress === | |||
My [[WordPress]] notes | |||
==== Helpful Resources ==== | |||
[http://wiki.dreamhost.com/Fine_Tuning_Your_WordPress_Install Fine tuning your WordPress install] on Dreamhost | |||
=== Other CMS links === | |||
[http://www.goodwebpractices.com/other/wordpress-vs-joomla-vs-drupal.html Wordpress vs Joomla vs Drupal] article | [http://www.goodwebpractices.com/other/wordpress-vs-joomla-vs-drupal.html Wordpress vs Joomla vs Drupal] article | ||
[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