Difference between revisions of "Styles and Design Getting Started"

From Dreamwidth Notes
Jump to: navigation, search
m
Line 1: Line 1:
 
Welcome to styles and design!
 
Welcome to styles and design!
  
== Styles areas ==
+
== Styles and Design Areas ==
 +
 
 +
Here are the kinds of tasks someone can do in styles and design:
  
 
* Designing system styles
 
* Designing system styles
Line 7: Line 9:
 
* Assisting others with their styles
 
* Assisting others with their styles
 
* Creating public mood themes
 
* Creating public mood themes
* Converting submitted CSS styles to S2 themes
 
 
* Testing and revising draft styles in <dwcomm>dreamscapes</dwcomm>
 
* Testing and revising draft styles in <dwcomm>dreamscapes</dwcomm>
 +
* Converting submitted CSS styles in <dwcomm>dreamscapes</dwcomm> to S2 themes
 
* Developing S2's capabilities and backend work, like adding modules
 
* Developing S2's capabilities and backend work, like adding modules
 
* Documentation
 
* Documentation
Line 17: Line 19:
 
* The official community for submitting styles for consideration to be included in the system is <dwcomm>dreamscapes</dwcomm>.  You can go there and submit drafts of intended system styles you'd like help with, and you can also help out others with their styles.
 
* The official community for submitting styles for consideration to be included in the system is <dwcomm>dreamscapes</dwcomm>.  You can go there and submit drafts of intended system styles you'd like help with, and you can also help out others with their styles.
 
* There are also some auxillary help communities: <dwcomm>style_system</dwcomm> and <dwcomm>layoutmakers</dwcomm>.  These are appropriate places to ask questions about the style system and share resources.
 
* There are also some auxillary help communities: <dwcomm>style_system</dwcomm> and <dwcomm>layoutmakers</dwcomm>.  These are appropriate places to ask questions about the style system and share resources.
* You can find tools to help you develop Dreamwidth styles at <dwcomm>the_style_kit</dwcomm>
+
* You can find tools to help you develop Dreamwidth styles at <dwcomm>the_style_kit</dwcomm>.
 
* We currently know of two established communities for sharing styles: <dwcomm>dreamwidthlayouts</dwcomm> and <dwcomm>mintyapple</dwcomm>.
 
* We currently know of two established communities for sharing styles: <dwcomm>dreamwidthlayouts</dwcomm> and <dwcomm>mintyapple</dwcomm>.
* The IRC channel [irc://irc.dreamwidth.org/dw_styles #dw_styles] is available for real time communication; for more information on using IRC, see the [[IRC]] and [[IRC help]] wiki pages.
+
* The IRC channel [irc://irc.dreamwidth.org/dw_styles #dw_styles] is available for real time communication and you can often find styles team members there; for more information on using IRC, see the [[IRC]] and [[IRC help]] wiki pages.
 
* [http://bugs.dwscoalition.org/buglist.cgi?query_format=advanced&short_desc_type=allwordssubstr&short_desc=&component=Style+System&long_desc_type=substring&long_desc=&bug_file_loc_type=allwordssubstr&bug_file_loc=&keywords_type=allwords&keywords=&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=REOPENED&emailassigned_to1=1&emailtype1=substring&email1=&emailassigned_to2=1&emailreporter2=1&emailqa_contact2=1&emailcc2=1&emailtype2=substring&email2=&bugidtype=include&bug_id=&chfieldfrom=&chfieldto=Now&chfieldvalue=&cmdtype=doit&order=Reuse+same+sort+as+last+time&field0-0-0=noop&type0-0-0=noop&value0-0-0= Here is a list of style bugs] on [[Bugzilla]]; you can read more on doing development in particular on [[Dev Getting Started]].
 
* [http://bugs.dwscoalition.org/buglist.cgi?query_format=advanced&short_desc_type=allwordssubstr&short_desc=&component=Style+System&long_desc_type=substring&long_desc=&bug_file_loc_type=allwordssubstr&bug_file_loc=&keywords_type=allwords&keywords=&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=REOPENED&emailassigned_to1=1&emailtype1=substring&email1=&emailassigned_to2=1&emailreporter2=1&emailqa_contact2=1&emailcc2=1&emailtype2=substring&email2=&bugidtype=include&bug_id=&chfieldfrom=&chfieldto=Now&chfieldvalue=&cmdtype=doit&order=Reuse+same+sort+as+last+time&field0-0-0=noop&type0-0-0=noop&value0-0-0= Here is a list of style bugs] on [[Bugzilla]]; you can read more on doing development in particular on [[Dev Getting Started]].
  
Line 28: Line 30:
 
Currently, the S2 documentation is kind of sad and out of shape.
 
Currently, the S2 documentation is kind of sad and out of shape.
  
* [http://www.livejournal.com/doc/s2/ LJ's old S2 docs] -- these have some useful information
+
* [http://www.livejournal.com/doc/s2/ LJ's old S2 docs] -- these have some useful information.
* There is also an [[:Category: S2|S2 Category]] of pages, but not very comprehensive or enlightening.
+
* There is also an [[:Category: S2|S2 Category]] of pages, but not very comprehensive or enlightening yet.
 
* People already familiar with S2 might be able to glean things from the [http://hg.dwscoalition.org/dw-free/file/tip/bin/upgrading/s2layers/core2.s2 core2.s2] code.
 
* People already familiar with S2 might be able to glean things from the [http://hg.dwscoalition.org/dw-free/file/tip/bin/upgrading/s2layers/core2.s2 core2.s2] code.
 
* People familiar with S2 <i>and</i> Perl might be able to glean more from the [http://hg.dwscoalition.org/dw-free/file/tip/cgi-bin/LJ/S2.pm S2.pm] code.
 
* People familiar with S2 <i>and</i> Perl might be able to glean more from the [http://hg.dwscoalition.org/dw-free/file/tip/cgi-bin/LJ/S2.pm S2.pm] code.
  
 
=== CSS ===
 
=== CSS ===
 +
 +
We currently have a little help for S2's CSS available here:
  
 
* [[S2 CSS]] -- a listing of the current DW specific CSS classes for layouts
 
* [[S2 CSS]] -- a listing of the current DW specific CSS classes for layouts
 +
 +
For exploring CSS, we also recommend the following extensions:
 +
 +
* [http://getfirebug.com/ Firebug]
 +
* [https://addons.mozilla.org/en-US/firefox/addon/60 Web Developer]
  
 
== Other resources ==
 
== Other resources ==
  
 
=== CSS ===
 
=== CSS ===
 +
 +
Here are some useful resources for CSS:
  
 
* [http://www.csszengarden.com/ CSS Zen Garden] has a [http://www.mezzoblue.com/zengarden/resources/ resources list]
 
* [http://www.csszengarden.com/ CSS Zen Garden] has a [http://www.mezzoblue.com/zengarden/resources/ resources list]
Line 45: Line 56:
  
 
=== Color scheming ===
 
=== Color scheming ===
 +
 +
Here are some useful tools for making color schemes:
  
 
* [http://www.colourlovers.com/ ColourLovers]'s [http://www.colourlovers.com/copaso Copaso]
 
* [http://www.colourlovers.com/ ColourLovers]'s [http://www.colourlovers.com/copaso Copaso]
Line 55: Line 68:
  
 
=== Stock images ===
 
=== Stock images ===
 +
 +
Here are some places that have stock images:
  
 
* [http://search.creativecommons.org/ Creative Commons image search]
 
* [http://search.creativecommons.org/ Creative Commons image search]

Revision as of 20:56, 6 August 2009

Welcome to styles and design!

Styles and Design Areas

Here are the kinds of tasks someone can do in styles and design:

  • Designing system styles
  • Designing styles to share with others
  • Assisting others with their styles
  • Creating public mood themes
  • Testing and revising draft styles in [info]dreamscapes
  • Converting submitted CSS styles in [info]dreamscapes to S2 themes
  • Developing S2's capabilities and backend work, like adding modules
  • Documentation

Places to collaborate or get help

  • The official styles community, where you can read announcements from the team and ask questions, is [info]dw_styles.
  • The official community for submitting styles for consideration to be included in the system is [info]dreamscapes. You can go there and submit drafts of intended system styles you'd like help with, and you can also help out others with their styles.
  • There are also some auxillary help communities: [info]style_system and [info]layoutmakers. These are appropriate places to ask questions about the style system and share resources.
  • You can find tools to help you develop Dreamwidth styles at [info]the_style_kit.
  • We currently know of two established communities for sharing styles: [info]dreamwidthlayouts and [info]mintyapple.
  • The IRC channel #dw_styles is available for real time communication and you can often find styles team members there; for more information on using IRC, see the IRC and IRC help wiki pages.
  • Here is a list of style bugs on Bugzilla; you can read more on doing development in particular on Dev Getting Started.

Current documentation

S2

Currently, the S2 documentation is kind of sad and out of shape.

  • LJ's old S2 docs -- these have some useful information.
  • There is also an S2 Category of pages, but not very comprehensive or enlightening yet.
  • People already familiar with S2 might be able to glean things from the core2.s2 code.
  • People familiar with S2 and Perl might be able to glean more from the S2.pm code.

CSS

We currently have a little help for S2's CSS available here:

  • S2 CSS -- a listing of the current DW specific CSS classes for layouts

For exploring CSS, we also recommend the following extensions:

Other resources

CSS

Here are some useful resources for CSS:

Color scheming

Here are some useful tools for making color schemes:

Stock images

Here are some places that have stock images: