No edit summary Tag: sourceedit |
No edit summary Tag: sourceedit |
||
(9 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
| image = CSS - a Fandom Town Hall (2017-03-25) |
| image = CSS - a Fandom Town Hall (2017-03-25) |
||
| caption = |
| caption = |
||
− | | description = <span class="description">Learning about CSS |
+ | | description = <span class="description">Learning about design best practices. With great CSS power comes great CSS responsibility ... </span> |
| presenters = [[Isaac Fischer]], [[CzechOut]] |
| presenters = [[Isaac Fischer]], [[CzechOut]] |
||
| location = |
| location = |
||
| time = ''2pm (US Eastern), <abbr class="dtstart" title="2017-03-25T18:00:00+00:00">6pm</abbr><abbr class="dtend" title="2017-03-25T20:00:00+00:00"> UTC</abbr>'' |
| time = ''2pm (US Eastern), <abbr class="dtstart" title="2017-03-25T18:00:00+00:00">6pm</abbr><abbr class="dtend" title="2017-03-25T20:00:00+00:00"> UTC</abbr>'' |
||
| date = Saturday, 25 March 2017 |
| date = Saturday, 25 March 2017 |
||
+ | | pdf = * [https://vignette3.wikia.nocookie.net/admin-summit/images/8/88/CSS_on_Fandom.pdf/revision/latest?cb=20170801211448 Customising the FANDOM skin & Content and Template CSS] |
||
− | | pdf = |
||
+ | * [https://vignette3.wikia.nocookie.net/admin-summit/images/d/d1/Cross_browser_final.pdf/revision/latest?cb=20170801213029 Cross-browser compatability] |
||
+ | * [https://vignette2.wikia.nocookie.net/admin-summit/images/b/bd/Design_best_practices.pdf/revision/latest?cb=20170801213609 Design best practices] |
||
+ | * [https://vignette1.wikia.nocookie.net/admin-summit/images/6/63/Cascading.pdf/revision/latest?cb=20170801214212 Cascading & inheritance] |
||
}}</div> |
}}</div> |
||
− | "'''CSS: a Community Connect Town Hall'''" was a March 2017 [[Town Hall|interactive broadcast event]] |
+ | "'''CSS: a Community Connect Town Hall'''" was a March 2017 [[Town Hall|interactive broadcast event]]. It was open to the general FANDOM public. |
− | <!-- |
||
⚫ | |||
⚫ | |||
− | ; <nowiki>An Introduction: Mercury - Skin & Engine</nowiki> [[:File:Mercury_Skin_and_Engine_(Slides).pdf|(Slides)]] |
||
+ | This [[Town Hall]] was unusual in that it had five topics delivered by just two presenters, while a special guest joined in to the "Ask-Me-Anything" session at the end. |
||
− | : An exploration of Mercury, its skin / engine components, upcoming and recent developments. |
||
+ | * [[FishTank (attendee)|FishTank]] spoke of ways to responsibly customise the FANDOM skin, as well as understanding some best practices with CSS in templates ([https://vignette3.wikia.nocookie.net/admin-summit/images/8/88/CSS_on_Fandom.pdf/revision/latest?cb=20170801211448 Slides]) |
||
− | ; Keeping your source simple [[:File:Keeping_Source_Simple_(slides).pdf|(Slides)]] |
||
+ | * Meanwhile, [[CzechOut]] talked about general design theory ([https://vignette2.wikia.nocookie.net/admin-summit/images/b/bd/Design_best_practices.pdf/revision/latest?cb=20170801213609 Slides]), cascading and inheritance ([https://vignette1.wikia.nocookie.net/admin-summit/images/6/63/Cascading.pdf/revision/latest?cb=20170801214212 Slides]) and the need to ensure cross-browser CSS compatability ([https://vignette3.wikia.nocookie.net/admin-summit/images/d/d1/Cross_browser_final.pdf/revision/latest?cb=20170801213029 Slides]) |
||
− | : How to improve your content at the source and template levels to ease editing on all devices. |
||
+ | |||
− | ; Navigation & Mercury [[:File:Navigation_and_Mercury_(Slides).pdf|(Slides)]] |
||
+ | Presentations were geared towards editors with novice-to-moderate styling skills, though more seasoned editors likely found something to mull over, as well. While each presentation was followed by a question-and-answer period relative to that talk, the event concluded with a general "Ask-Me-Anything" session. Special guests, including FANDOM's chief UX designer, answered a variety of questions about design best practices. |
||
− | : How to get the best navigation on Mercury, including tips and tricks for your Mobile Main Page. |
||
− | ; Community Questions [[:File:Mercury_Town_Hall_Questions_(slides).pdf|(Slides)]] |
||
− | : An assortment of questions form users compiled before the event. |
||
− | --> |
||
− | == Links |
+ | == Links == |
* [http://caniuse.com CanIUse.com] for CSS property implementation details |
* [http://caniuse.com CanIUse.com] for CSS property implementation details |
||
* [http://shouldiprefix.com ShouldIPrefix.com] for adoption details |
* [http://shouldiprefix.com ShouldIPrefix.com] for adoption details |
Latest revision as of 23:07, 1 August 2017
"CSS: a Community Connect Town Hall" was a March 2017 interactive broadcast event. It was open to the general FANDOM public.
Topics
This Town Hall was unusual in that it had five topics delivered by just two presenters, while a special guest joined in to the "Ask-Me-Anything" session at the end.
- FishTank spoke of ways to responsibly customise the FANDOM skin, as well as understanding some best practices with CSS in templates (Slides)
- Meanwhile, CzechOut talked about general design theory (Slides), cascading and inheritance (Slides) and the need to ensure cross-browser CSS compatability (Slides)
Presentations were geared towards editors with novice-to-moderate styling skills, though more seasoned editors likely found something to mull over, as well. While each presentation was followed by a question-and-answer period relative to that talk, the event concluded with a general "Ask-Me-Anything" session. Special guests, including FANDOM's chief UX designer, answered a variety of questions about design best practices.
Links
- CanIUse.com for CSS property implementation details
- ShouldIPrefix.com for adoption details
- W3 Schools for tutorials
- cssreference.io, a reference guide to properties
- CSS Tricks, a blog about CSS hacking
- Mozilla's CSS guide
- CSS Wikibook
- Help:CSS, Fandom's own CSS guide
- Using the Chrome Inspector (Video #1, Video #2)
- Using the Firefox Inspector (simple instructions, Firefox Web Development Tools)
- Safari: how to turn on "Inspect Element" (video), Safari Web Development Tools
- Admins can request design help from the Community Development team.