Difference between revisions of "Styles and Design Getting Started"

From Dreamwidth Notes
Jump to: navigation, search
(S2)
m (S2: replace links to hg.dwscoalition.org)
 
(One intermediate revision by one other user not shown)
Line 30: Line 30:
 
* [[Working on a Styles Bug]]
 
* [[Working on a Styles Bug]]
 
* [http://dreamscapes.dreamwidth.org/6636.html Properties and Conversion] by <dwuser>branchandroot</dwuser>
 
* [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>900degrees</dwuser>
+
* [http://layoutmakers.dreamwidth.org/4463.html Tips: Customizing Tabula Rasa] by <dwuser>ninetydegrees</dwuser>
 
* [[Style flairs you can do with core2 CSS classes]]
 
* [[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>
 
* [http://dw-styles.dreamwidth.org/11389.html The Quick and Dirty Guide to Creating a Color Theme] by <dwuser>zvi</dwuser>
Line 40: Line 40:
 
* [[S2 Guide]] and [[S2 Cookbook]] -- our work-in progress guides on S2
 
* [[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.
* 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 ===

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: