Difference between revisions of "Styles and Design Getting Started"

From Dreamwidth Notes
Jump to: navigation, search
m (S2: replace links to hg.dwscoalition.org)
 
(13 intermediate revisions by 5 users not shown)
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>.
+
* You can share unofficial styles here: <dwcomm>dreamwidthlayouts</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.freenode.net/dreamwidth-dev #dreamwidth-dev] is available for real time communication and you can often find styles team members there or in [irc://irc.freenode.net/dreamwidth #dreamwidth]; 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]].
  
 
== Current documentation ==
 
== Current documentation ==
 +
 +
=== Guides and how-tos ===
 +
 +
* [[Working on a Styles Bug]]
 +
* [http://dreamscapes.dreamwidth.org/6636.html Properties and Conversion] by <dwuser>branchandroot</dwuser>
 +
* [http://layoutmakers.dreamwidth.org/4463.html Tips: Customizing Tabula Rasa] by <dwuser>ninetydegrees</dwuser>
 +
* [[Style flairs you can do with core2 CSS classes]]
 +
* [http://dw-styles.dreamwidth.org/11389.html The Quick and Dirty Guide to Creating a Color Theme] by <dwuser>zvi</dwuser>
  
 
=== S2 ===
 
=== S2 ===
Line 28: Line 38:
 
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
+
* [[S2 Guide]] and [[S2 Cookbook]] -- our work-in progress guides on S2
* There is also an [[:Category: S2|S2 Category]] of pages, but not very comprehensive or enlightening.
+
* [http://www.livejournal.com/doc/s2/ LJ's old S2 docs] -- these have some useful information.
* 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 [https://github.com/dreamwidth/dw-free/blob/develop/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 [https://github.com/dreamwidth/dw-free/blob/develop/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 ==
Line 41: Line 58:
 
=== CSS ===
 
=== CSS ===
  
 +
Here are some useful resources for CSS:
 +
 +
* [http://www.w3.org/TR/CSS21/ CSS 2.1 Specification]
 
* [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]
 
* [http://www.alistapart.com/topics/code/css/ A List Apart CSS articles]
 
* [http://www.alistapart.com/topics/code/css/ A List Apart CSS articles]
  
 
=== 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 53: Line 75:
 
* [http://www.colr.org/ Colr]
 
* [http://www.colr.org/ Colr]
 
* [http://kuler.adobe.com/ Kuler]
 
* [http://kuler.adobe.com/ Kuler]
 +
* [http://colorsuckr.com/ ColorSuckr] -- creates color schemes from photos
 +
 +
=== Stock images ===
  
=== Stock photos ===
+
Here are some places that have stock images:
  
 
* [http://search.creativecommons.org/ Creative Commons image search]
 
* [http://search.creativecommons.org/ Creative Commons image search]

Latest revision as of 18:33, 23 March 2016

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.
  • You can share unofficial styles here: [info]dreamwidthlayouts.
  • The IRC channel #dreamwidth-dev is available for real time communication and you can often find styles team members there or in #dreamwidth; 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

Guides and how-tos

S2

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

  • S2 Guide and S2 Cookbook -- our work-in progress guides on S2
  • LJ's old S2 docs -- these have some useful information.
  • 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: