Difference between revisions of "Styles and Design Getting Started"

From Dreamwidth Notes
Jump to: navigation, search
m (S2: replace links to hg.dwscoalition.org)
 
(11 intermediate revisions by 4 users not shown)
Line 20: Line 20:
 
* 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 and you can often find styles team members there; 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 30: 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.
  
 +
* [[S2 Guide]] and [[S2 Cookbook]] -- our work-in progress guides on S2
 
* [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 yet.
+
* 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 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 [https://github.com/dreamwidth/dw-free/blob/develop/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 ===
Line 52: Line 60:
 
Here are some useful resources for 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]
Line 66: 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 images ===

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: