AO3 News

2011 Year in Review!

Published: 2011-12-31 14:07:42 -0500

2011 was an amazing year for the Archive of Our Own, and we wanted to take a moment to look back and to thank everyone involved, including all of our users and volunteers! AO3 started its open beta about two years ago, towards the end of 2009. That year, we were really still putting the pieces together, building out the core functionality. In 2010, we started to pick up more momentum with people posting their works and archiving their older fic and art. We added gift exchange challenge hosting, kudos, downloads and skins. This year, we've done a lot of work on site performance and infrastructure, usability improvements, and new features like subscriptions and prompt meme challenges. We're looking forward to expanding on that next year and continuing to build a great, stable home for all kinds of fanworks!

Traffic and performance

A drawing of our seven machines!

At the beginning of the year, we moved to a new and bigger set of servers, which gave the site some much-needed room to grow. Our systems team made some tweaks along the way, ensuring that we were getting the best performance out of the new setup. We started using Redis, which is super-fast, for email queues, autocompletes and other background tasks, which took some of the load off our main database. And even with all the work we were doing, it was tough to keep up with how fast the site was growing! 2/3rds of our current registered users signed up this year, and we kept giving out more and more invitations through our invite queue, but the numbers kept climbing - there were over 2,000 people on the waiting list for several months. (We've finally gotten that down now, just by sending out even more as the system could handle it.) And many more site visitors aren't registered users - we now get well over half a million unique visitors each month and there have been 24+ million pageviews in December. We now get as much traffic on an average day as we did last year during Yuletide, which at the time was a huge traffic spike. The period around Christmas, with Yuletide and other holiday exchanges going live, still represents a noticeable jump in traffic, but the difference isn't as great which means more stable site performance. (\o/ We were standing by with fingers crossed just in case, but we were thrilled that no last-minute work was required this year!)

Fun with charts!

AO3 is currently home to over 8,100 fandoms, 31,000 users and 275,000 works! Here's a graph of work, chapter, bookmark and comment posting over the last three years:

You can see that work posting is up this year, but what's much more dramatic is the increase in reading, bookmarking and commenting. There have also been more multi-chapter works and works-in-progress posted this year, which is exciting. And one of the neat features the archive has is the ability to go back and see what you've read or viewed, for registered users who have it enabled. Here's how that looks year-to-year:

Lots of people viewing lots of stuff! There have also been almost 1.5 million kudos left since last year, so there's been no shortage of love to go around. <3

What's on deck for 2012

In the short term, we have a new release coming out hopefully early this month, and that will include improvements to our HTML parser (yay!), some exciting new subscription options and a variety of bugfixes. There are also a ton of other features and improvements that we've been developing this year that we hope to have ready for you in 2012, including the ability to view the site in other languages, art hosting, an on-site support area and a wealth of browsing, filtering and email improvements for both works and bookmarks. We also hope to start a series of international fandom spotlights in January and solicit more input from users about upcoming features.

Kudos!

And finally: thank you! Thanks to all of the authors, artists, and vidders who have posted their works, to the mods who organize challenges and collections, to those who have shared skins for customizing the site, to everyone who creates bookmarks and leaves comments and kudos, encouraging authors and artists and making it easier for other fans to find awesome works. Thanks to everyone for bearing with our growing pains earlier in the year and for supporting AO3 financially, enabling it to continue operating and improving. And many thanks, as always, to everyone who volunteers their time wrangling tags, writing code, testing the site, handling support requests, and maintaining our systems, and also to everyone who's left comments and written in to our support team with feedback, suggestions, and bug reports, all of which are incredibly valuable! The archive is very much a community effort, and it couldn't exist without all of us working together and supporting one another.

Kudos!

Comment

The Accessibility, Design and Technology committee oversees technology-related projects within the OTW. Currently we are responsible for designing and building the Archive of Our Own. Our regular meeting updates keep you informed about developments on the AO3!

This was our final meeting of the year: the OTW takes an end-of-year break during which committees dissolve and are reformed, and committee members take a well-earned rest! We've had an action-packed year, so we're all ready for a break (from meetings at least - a lot of our work goes on as usual). We'll resume in January - we don't take on any new volunteers during our hiatus, so if you volunteer between now and then (and we hope you will - as you can see below, there are several areas we're really keen to build up), you'll have to wait a little while to get started.

Meeting highlights!

Fandom landing pad!

AD&T co-chair and senior coder Elz has been working for a while on improvements to browsing on the Archive. One thing she's been working on is a new 'fandom landing pad' so that browsing to a fandom will give you the option to browse to some important areas relating to that fandom. In this meeting we previewed her new design - going to a fandom landing page will give you a list of pairings and relationships in the fandom, and a list of authors and artists who have created work in that fandom, along with some basic information about the canon source. It's not quite ready for primetime yet, but it's looking very nifty!

Issues for Love!

Issues for love are the requests submitted by users via Support. We try to work through a few of these each meeting: we're working on ways of making it easier for people to see what has been suggested and what has been decided about the suggestions, but for now we'll include a round-up of our discussions in our meeting updates. Note that a decision to implement something does not necessarily mean it will be implemented soon - we have many issues to work on and a limited number of coders! If you want to see the full (and lengthy!) list of things logged for coders to work on you can check out our Google Code Issues. If you'd like to adopt an issue, we welcome new coders!

  • Request to add a setting to prompt-meme challenges to disallow anonymous prompts. This seemed like a handy extra feature without too much coding complexity, so we have logged it as an issue for a coder to work on.
  • Request to add an option to hide 'Share' buttons on works to reclaim screen real estate. It's already possible to disallow use of the share button on your own works, but you still see the button. We sympathise with the desire to reclaim the screen real estate, but we decided that added a user preference to hide the buttons would add too much complexity (the more user preferences there are, the more complicated it becomes for people to figure out what they can set in preferences, so we try to limit the options to things where there is a lot of demand for a setting). Instead, we added some extra code to our buttons so that they can be selected with CSS, so that people can build skins which hide the 'Share' button (or indeed any other button).
  • Suggestion for a 'challenge calendar' listing opening and closing dates for challenge sign-ups, and dates for assignments due, works revealed, authors revealed, etc, which can be opted in when a mod creates the challenge. We loved this idea, but it is fairly complex to implement. Our lovely co-chair Amelia has volunteered to put together a design, so this is something we'll introduce in the future - but probably not for a while.
  • Request for a way to mark WIPs as abandoned, and a way to offer abandoned WIPs up for 'adoption' so that someone can finish them. We all agreed it would be really nice to have a quick way to flag that a WIP would never be finished, so we've logged that as an issue for a coder to implement. The idea of offering works up for adoption seems like it might have more limited appeal, so we agreed that for now, it would be better to leave this as something which people can simply indicate in the tags they use, if so desired (you can add 'Adopt this story' or indeed any other tag you wish as an additional tag to your work).
  • Reflecting on Release 0.8.9

    As most of you reading this will know, we had a big release of new code at the beginning of November. This release included a lot of exciting new stuff; unfortunately, it didn't go as smoothly as we had hoped. In this meeting we reflected on problematic areas and ways that we can improve in future:

    • We combined two big new features: the redesign of our front-end code and the new tag sets code for challenges and collections. We had decided to combine the two because the tag sets needed some front-end work anyway, and at the time we made the decision it made sense to roll the two things into one. However, the tag sets code was time sensitive: because it offers a new system of challenge nominations which significantly reduces the pressure on tag wranglers, we wanted to implement it in time for the big holiday challenges such as Yuletide. This meant that when we combined the two features, we had a lot more stuff to get ready within a set amount of time, which made everything more difficult. When we decided to merge the two, it didn't seem as if this was going to be a problem - but one thing we've learnt is that any deploy can bring unexpected hitches, so in the future if there's a time-sensitive feature we'll be trying to keep that as separate from other code as possible.
    • This was a big visual change, which meant that it had an impact on a large number of users: visual bugs tend to be encountered by lots of users, and even if there are no bugs, people still have lots of feedback about visual changes. We were aware of this; however, given the scale of the response to this deploy we realise we weren't prepared enough. We'll be doing more testing of interface changes in future, and exploring ways of beta-testing them with more users.
    • Since one thing about visual changes is that lots of people just prefer the design they are used to, one thing we could have improved on was providing a way of going back to the old default design. We tried to provide for this with the One Point Faux option, but it had quite a few problems. So, in future this is something we'll be paying more attention to: if we introduce a big change, we'll try to provide ways of opting out. The good news is that going forward, this will actually be easier, because the new skins system is much more lightweight and it should be easier to provide some backwards compatibility (one reason this was problematic this time is because the underlying code for the old system was less than ideal, so everything had been completely rewritten).
    • We didn't have as much support documentation and information as we really needed for this deploy. In particular, we needed much fuller documentation on the new skins features so that people could try them out more easily and our Support team could point to useful information when helping people. There were several factors which led to a lack of documentation: crucially, several of the team who would normally take care of this were dealing with RL issues which limited the amount of time they could spend on it. In order to help avoid problems like this in future, we're building a deploy checklist which includes documentation, to make sure that we've considered whether we need additional documentation regardless of who is available to work on any given deploy. We're also aiming to build up a proper documentation team so that this work is less likely to fall through the cracks: if you're interested in being involved in this team, get in touch with our Volunteers and Recruitment Committee and let them know. We'd love to welcome new people to the team!
    • We also needed more documentation on the new features for testers, so that it was clearer what people needed to test and what they should expect it to do. This is an ongoing aim - we're working to improve our documentation across the board. Improving documentation for testers will also help us to address another issue, which was that feedback from testers got a bit scattered - having clear docs to start with would have helped us make it clearer what feedback needed to go where. Again, we're working on building up our testing procedures generally - if you're interested in getting involved with testing, let us know!

    While the problems we had with this deploy did highlight a number of areas where we need to work to improve, it's not all doom and gloom! There were also a number of things that went right with this deploy - we were able to fix critical bugs within 48 hours of the deploy, the Support team did a wonderful job keeping up with the many Support requests, and there was a huge amount of awesome code in the deploy itself. One reason the site is still in beta is that we're still learning the best processes for development (as well as because our code is new and rapidly changing): in the last four years we've gone from being a tiny group working on coding a 'closed' site (i.e. for the first two years we were just writing the code and testing, we didn't have any real users) to being a much larger group catering for a site of over 28800 users! So, we're still figuring things out - objects may still shift in transit! We're pleased that we've been able to keep the site up and running, and everything largely functional, even though we've had the odd bump along the way. Thanks to everyone who has worked hard to make this true!

    Next deploy

    We're hoping to get one last deploy in before the end of 2011! It will include some updates to our HTML parser, some improvements to our static pages for collections and challenges, and Atom feeds for fandom tags! (YEAY!)

    News from our sub-committees

    • Coders have been working on polishing off the issues to go in the next deploy. We're particularly excited about the forthcoming addition of Atom feeds for fandom tags - having tested this out for a good while now on the F/F tag, we think we can implement feeds without too much additional strain on the servers, and since this is a very popular request we're excited about launching it!
    • Testers have been testing the issues for next deploy, and discussing how they'd like to see the subcommittee develop next year. There have been some great discussions on what worked and what didn't this year, how we can build a stronger testing community, and how we can support our testers.

    News from our sister committees

    • Support have continued to work amazingly hard keeping up with a high number of tickets. Looking forward, they're also thinking about our documentation needs and places we need more information for users.
    • Tag wranglers have been discussing needs for next year with AD&T - the two committees will be meeting in the new term to talk over technical needs for tag wrangling. They've also been surveying all tag wrangling volunteers about their experiences this year, with a view to figuring out what works well and what can be improved on.

    If there are things you'd like to do or say, please share them in comments, via the AO3 support and feedback form, by volunteering (we won't be taking on new volunteers until the new term, but you can get in touch now to let us know you're interested), or in whatever medium you feel comfortable with. Everyone is welcome to this party!

    This meeting round-up by Lucy

Comment

Problems with imports from FF.net

Published: 2011-12-21 09:00:03 -0500

As a number of users have already noticed, imports from Fanfiction.net are not working at present. Our coders have investigated, and it seems that FF.net is blocking requests from our servers. We're not sure at this stage whether this is specifically directed at us or whether it's a side effect of some other action; either way, it's not an issue that we can fix on our end. We're currently reaching out to the folks at Fanfiction.net to see whether we can resolve the problem; however, at present we don't have any ETA for a fix.

We apologise for the inconvenience - thanks for your patience while we figure out this issue!

ETA: This problem also affects bookmarking of works hosted on FF.net, since making an external bookmark involves pinging the site to check it's a valid url. We'll keep you updated as we figure out ways forward with this problem.

Comment

Release notes - release 0.8.10.10

Published: 2011-12-01 04:47:32 -0500

Welcome to Release 0.8.9.2. Elz, Enigel, Firewolf, Jenny, Naomi and sarken contributed code to this release. We're especially excited to welcome a first commit from Firewolf, who recently joined us for a coding internship \0/. The release was tested by Jenn_Calaelen, Tai , XParrot and Zebra. This is a small release, mostly fixing a few urgent bugs.

Highlights!

Rich text editor (mostly) fixed

A number of users have experienced problems with the rich text editor failing to load. We have now fixed this issue; however, we're still working on another bug with the rich text editor. So, most users should be able to use it without problems now, but if you're using Opera 11 or Internet Explorer 9, it will load but not let you actually edit. :( We're sorry about this - we're working to fix the bug completely.

Temporary authentication problem

A user alerted us to an authentication bug! We're happy to say that we were able to fix the issue within a few hours of it being reported and as far as we are aware no users were affected. Thanks to the user who let us know about the problem!

Fixes for collections and challenges

This deploy includes a bunch of fixes for problems which were making life difficult for challenge owners and participants. Thanks to those affected for their patience - we know that bugs in challenges are particularly annoying since most challenges are time sensitive, and we do our best to fix them speedily.

Known Issues

See our Known Issues page.

Release Details

Features

  • Added a page letting people know how they can support the Archive! :D
  • Comments are now paginated, 20 to a page, so if you're reading a work with a lot of comments they won't take forever to load.
  • User inboxes are now paginated, 20 items to a page, so they won't take forever to load.

Bug fixes

  • The rich text editor now works again for most browsers (sadly we are still dealing with issues in certain browsers).
  • Fixed a bug with user authentication which would have made it possible for people to edit tags on works they didn't own.
  • Chapter navigation is now styled in the same way whether you're viewing a full work or chapter-by-chapter.
  • Fixed a bug causing lots of excess white space on wrangling pages.
  • Collections and challenges
    • When a challenge allowed category, rating or warning tags in signups, trying to edit your signup gave a 500 error. This is now fixed
    • Going to the index page for a collection with subcollections gave a 500 error. Fixed!
    • The 'pinch hits' and 'open' sections of challenge assigment pages will now load.
    • Pinch hits now show up on challenge assignments lists (so mods can tell whether pinch hitters have posted or not).
    • Pinch hits which have been fulfilled (or formally defaulted) now no longer show up as an option when you post a new work.
  • Inbox, comments, kudos
    • After you comment on a chaptered work, you will be redirected to your new comment and (if you are viewing chapter-by-chapter) to the chapter you were on, instead of being bumped back to the beginning of the work.
    • After you leave kudos, you will be redirected back to the page you were on instead of being bumped back to the beginning of the work.
    • You can now reply to comments on a chaptered work with javascript off (before, clicking reply redirected you back to the first chapter).
    • If you filter your inbox and then reply to a comment, when you're redirected back your filters will be preserved.

Tests

  • The test for kudos has been refactored.

Comment

The Accessibility, Design and Technology committee oversees technology-related projects within the OTW. Currently we are responsible for designing and building the Archive of Our Own. Our regular meeting updates keep you informed about developments on the AO3!

AD&T and our associated committees and subcommittees have been very busy recently working towards our latest deploy and then working on issues arising from that. This one didn't go as smoothly as we had hoped (understatement!); we knew that there would be bugs revealed by practical use that didn't appear in testing, though there were more than we had anticipated and we have been working hard to fix the immediate issues. We're happy to say that we were able to fix the most pressing problems within 48 hours; a week on from the deploy we've been able to address quite a few more, so those fixes will be deployed soon. We're really grateful to everyone who worked hard on this deploy and on addressing the issues subsequent to it. We are planning to do a thorough review of the deploy and think about the lessons learned and ways we can improve. This week, however, we focused on working through some outstanding business and outlining the tasks we need to complete before the end of the year.

Meeting highlights!

Goals for the rest of the year

We're drawing close to the end of the 2011 term, so we started to think about what our priorities are for the rest of this year. On December 16th all the OTW committees officially dissolve and we take a break before reforming in January (although in practice many members of AD&T tend to do quite a bit of work during the hiatus, heh). So, we talked about a few things we'd like to get done before then:

  • Coding! Several people have code in-progress which they'd like to do some serious work on and hopefully finish by the end of the year. Site navigation, bookmarks improvements and a refactoring of our works code (important for tons of other improvements) are high on this list!
  • Revising our roadmap. We have a longterm plan for what features we'd like to implement on the Archive and when. However, we don't always implement things in exactly the order they are in on the roadmap: we have to be flexible and adapt according to a range of things including the pressing needs of the Archive at a given time, the coding expertise available, the level of difficulty involved in a specific project (this is not always as anticipated), and a bunch of other things. We also add new things to out to-do list based on feedback from other fans. So, we have to review our roadmap regularly to ensure it reflects our capabilities at any given time: right now it's out of date, so we'd like to get it updated to help shape plans for the coming year.
  • Completing our archive import code and rescuing some at-risk archives! Coder Naomi is currently putting the final touches to the code which will allow us to rescue archives which are no longer able to exist independently. Our immediate priority is the Smallville Slash Archive, which was hosted by the late, great Minotaur: several fans have worked hard to preserve this bit of fannish history, but it can't hold out much longer, so we want to help them out by the end of the year. We talked about the various things we need to do to make that a reality - stay posted for more news on this soon.
  • Reviewing our testing procedures: One area we'd like to improve and develop more support is in our testing team, where a very small number of people do very dedicated work. Our testing lead Kylie will be hosting a meeting for current testers to think about what works well and what can be improved, to make sure they can continue to work well into the future.
  • Exploring our tag wrangling options. The Tag Wrangling Committee and the big team of wranglers they manage do an amazing job at keeping the many, many user-generated tags on the Archive in order. However, we're growing at a massive rate and their job has become significantly bigger over a very short space of time. So, we want to talk to the TW Committee now to see if there are technical improvements that could make their lives easier, if the current system is still right for us, and whether there is anything else to think about from a tech point-of-view.

Issues for love!

As part of our recent drive to address features requests and feedback via support more quickly, we had a big drive in this meeting to burn through some of the 'issues for love' which are awaiting committee discussion before they can move on to the next step. A few of the things we discussed:

  • Improving bookmarks: We get lots of support requests asking for more sorting and filtering of bookmarks, and our Support team wanted to know how our plans on this were progressing. We're happy to say this is being actively worked on and we hope to have it out by the beginning of next year.
  • Donate to the Archive: We also get quite a few Support requests asking how to donate time or money to the Archive. We've long been meaning to make this much clearer on the site itself, and we're happy to say that the code for a page with this information has now been submitted by our new intern, Firewolf. If you're wondering in the meantime, both these things are handled via our parent Organization for Transformative Works: get in touch with our Volunteers and Recruitment Committee if you're interested in helping out with the Archive, or make a donation to the OTW to help fund the site. Since the committee term for this year is coming to an end and we'll be taking a break, we won't be welcoming any new people to our teams until we reconvene in January, but we still welcome expressions of interest now!
  • Adding more than one related work: A couple of users had contacted Support to say they had works inspired by more than one other work and couldn't figure out how to show this. It is actually possible to add more than one related work - however, due to an oversight you have to add one, post the work, and then edit the second one in. This is clearly not very intuitive, so we're fixing it - and in the meantime we're adding some help text so people can find the workaround while we look at the more complex bit of the code.

Next deploy

The next deploy is scheduled for some time in the next week (depending on the availability of our team, several of whom have holiday celebrations this week). It will include a fix for the rich text editor (currently completely broken for some people), some fixes for oddities in skins, and a fix for index pages on subcollections (currently not showing up!).

News from our sub-committees

  • Coders worked crazy hard to get our last deploy up and running, and then to fix some bugs arising afterwards. They did an awesome job of coming up with quick solutions to some of the bugs that showed up once we were on the real Archive - thanks to everyone for their hard work! More generally, they have been focusing on getting lots more projects out of the door before the end of the year. They are cooking up some exciting stuff, including navigation improvements and importing, so we're looking forward to having these see the light of day.
  • Testers have been super active lately! They tested the latest deploy in all sorts of situations and configurations, and then did more urgent testing to help fix the things that slipped through the cracks. The testing team is small and they do amazing work - thanks lovely people!

News from our sister committees

  • Support have also been working very, very hard dealing with all the tickets arising from our recent deploy. Every new deploy produces an uptick in tickets, because new code inevitably means some new bugs (this is why whenever big companies release a new OS, it's usually followed shortly after by a bunch of updates!). This deploy produced more tickets than usual - a lot more! - but Support have been doing a sterling job keeping up. If you do find they are a little slower than usual, then rest assured they will get to you as soon as possible.
  • Tag wranglers have been awesome helping Support deal with tag-related tickets. The Tag Wrangling Committee gave AD&T some initial feedback on where tag wrangling stands at the moment, pending a meeting when we'll talk in more detail about tech needs for wrangling.

If there are things you'd like to do or say, please share them in comments, via the AO3 support and feedback form, by volunteering, or in whatever medium you feel comfortable with. Everyone is welcome to this party!

This meeting round-up by Lucy.

Comment

Known issues from the latest deploy

Published: 2011-11-14 07:42:49 -0500

As most people have noticed, we have had some problems with our latest deploy. We'll address some of the larger concerns in a later post (right now, most of our staff are busy dealing with the immediate issues), but we just wanted to do a quick update to let people know that we're aware of some specific issues and we're working on them:

  • Mobile display: We had a big problem when we deployed with mobile displays, because the new mobile skins were not kicking in at all. We've fixed the main part of this issue, so the site is now much more usable on a lot of mobile devices; however, we're still experiencing some bugs with mobile displays, causing button overlays, too much white space, and other oddities. We think that the problem is still related to some parts of the mobile stylesheets not being activated properly: we're looking into it.

  • Some problems in Internet Explorer:
    • the commas separating tags are not showing up (some versions of IE) or they are showing up too aggressively, giving a comma at the end of every tag even if it's the last tag in the list.
    • Some people are reporting problems replying to comments in IE.

  • The skins wizard is behaving erratically and inserting code which messes up other things.

If you're experiencing one of the above issues, rest assured we're looking into it. We've already fixed some issues with mobile display, a problem stopping people from bookmarking, the missing OpenID login, and a few other bugs, so if you were seeing something not mentioned on this list, it's worth checking that the problem is still occurring before you get in touch with us.

If you see a problem that's not on this list, do get in touch with Support via our Support and feedback form.

We'd like to say a huge thank you to Support, who have received more tickets in the last 48 hours than they did in the previous 48 days! Despite this massive amount of work they have kept up with replies and right now there are only ten tickets not assigned to someone to be dealt with - GO TEAM! Thanks also to the coders and testers who have worked like crazy to do urgent bugfixes.

Once again, sorry for the problems this deploy threw up: we're working on the immediate issues right now and thinking about future solutions.

ETA: We've received several reports from people who are unable to use the rich text editor. We're having difficulty pinning down this bug since it seems to manifest inconsistently, but we are looking into it. Apologies for the inconvenience.

Comment

Introduction To Skins

Published: 2011-11-11 21:53:21 -0500

The new skins on the Archive have lots of spiffy features. We'll be building up documentation on them as we go along, but we wanted to start you off with a few key bits of information!

What public skins are there for me to use?

There's a masterlist of all the new public skins with some brief descriptions of what they do. Many of these skins are designed to affect very specific bits of the Archive - you can chain them together to get the effect you want.

What's chaining skins? How do I do it?

Basically, chaining skins means joining more than one skin together so that you can reuse rules from existing skins and then write your own CSS for the things you want. Some of the skins already on the Archive are built up from more than one skin; for example, if you take a look at Zebra Mono you can see a Parent Skins listing with "Snow". This means that the Zebra Mono skin is using all the code from the Snow skin, which turns all the backgrounds white.

To create a chained skin:


  1. Go to http://archiveofourown.org/skins/new (accessible from your user dashboard).

  2. Scroll down and expand 'Advanced'.

  3. Select 'Add parent skin'

  4. Type in the name of the skin you'd like to use as a parent (for example, if you'd like to base your skin on For the trees type that in). An autocomplete will trigger to help you make sure you get the name of a real skin.

  5. Your parent skin will be loaded first, and anything you put in the CSS box will override the things in the parent skin.

  6. If you want to use more than one parent skin, you can do so, so you could combine, e.g. Don't Care a Button and Wide margins to get a skin which had plain text buttons and wide margins on work pages.

  7. Give your new skin a name and a description (and a preview image if you want to submit it as a public skin, or just for your reference).

  8. Hit 'Create'. You'll be taken to a page which lets you preview or use your skin.

  9. One known issue which will be fixed very shortly, but so it doesn't trip you up right now: if all you change in your skin is the parents, the display won't update, so try just sticking a comment in your css and editing it when you make other changes!

    How can I create spiffy new skins using the new system?

    The skins added with the new code are a good place to start - check out the masterlist of all the new public skins and follow the links to view the code for each skin. For basic skin customisation, simply copying the code of a skin you'd like to use and editing it is often effective.

    If you want to get more complicated, you might find the Archive front end documentation useful for digging into the details of the site CSS.

    If you're working on developing skins, the Firefox add-on Web Developer is a nifty tool which lets you live-edit CSS so you can try out different changes without repeatedly saving and editing a skin.

    Can I see skin creation in action?

    For the visual learners among you, you might like to check out lim's screencast showing the creation of a new skin.


Comment

Skins: A Love Story (by lim)

Published: 2011-11-11 19:42:03 -0500

This reference list of new skins was compiled by front-end coder lim. Lots of modular skins have been created to modify different aspects of the Archive. You can combine different skins to get exactly the look you want. More info coming soon on how to get the most out of the new skins!

Reference and Teaching List of Completed Skins

I've tried to comment quite extensively inside the skins.

  1. Blurblings

    Shows, hides, and rearranges the blurb. You can chain these together to perfect your metadata display.

    1. Hide warnings
    2. Hide stats
    3. Hide summaries
    4. Hide tags
    5. Hide fandom
    6. Hide datetime
    7. Hide freeform tags
    8. Hide relationships
    9. Hide characters
    10. Hide nearly everything (except the title, author, fandom)
    11. Hide everything except the header
    12. Show the landmarks (landmark headings on tags, summary, etc)>
    13. Blurb drop drops the blurb group entirely (makes a plain text blurb)
    14. Shipper emphasises the relationship tags
    15. Faint Warning de-emphasises the warnings
    16. Chain Example demonstrates chaining.
    17. Byline Breaks the tags out into blocks by type (updated version of a skin by Branch so doesn't use the blurblings nomenclature).
  2. Workings

    Similar to blurblings, but modding the work view

    1. Hide meta
    2. Hide author notes
    3. Hide author summary
    4. Big margin
    5. Max Width restricts the work width to 39em
    6. Fix Actions Right fixes the bookmark/save etc buttons to the right of the page as you scroll
    7. Fix Actions Left fixes those left
    8. Hide feedback
    9. Hide kudos
  3. Typeset In My Ways

    This series is tarted up code from our very first Accessibility, Design and Technology meetings in 2007. Very stark, very simple text styles.

    1. Typeset In My Ways Uses the Archive typography and layout, with plain text blurb and a limited width work view.
    2. Typeset In My Ways Erasure drops all archive parents except core and loads a simple typographical style.
    3. Typeset In My Ways Sans simple sans serif text.
    4. Typeset In My Ways Serif simple serif text.
    5. Typeset In My Ways Negativity light on dark
    6. Typeset In My Ways Terminal simple console/terminal style
    7. Typeset In My Ways Scully simple Word Perfect style
    8. Typeset In My Ways 2.0 uses Archive 2.0 style but plain text blurb and big margins.
    9. Typeset In My Ways Landmarks shows the landmarks and lays them out
    10. Typeset In My Ways Textura adds a (subtle) textured background
  4. The Screeny

    various screenreader optimisations

    1. Screeny Exposure! exposes all landmark headings to the readers that can't read them.
    2. Screeny Oppression! suppresses all landmark text.
    3. Screeny Drop It drops all archive parents except core
    4. Screeny She's Got Form drops all archive parents except core and interactions.
    5. Screeny Shut It Any component you don't care to read, add to the beginning of this code, or remove ones you do want. Remember to separate with a comma!
  5. Parental Guidance

    1. Colour Flip Combos a reference skin grouping the archive into a 5 level colour and contrast palette.
    2. Key Colour Reference this lists everything that is red.
    3. Exploded Worker this is an advanced parenting reference parent. *g* It explodes the archive 2.0 cascade into all its component parents, so you can live edit the CSS in tabs with a plugin like Firefox Web Developer. Only use this for reference, because it will slow down your page load.
    4. Trouble O'Head zeroes out the default background, borders, and shadows on the header navigation. This is useful to just parent in when you don't want to drop the whole AO3 header region style.
    5. Region Drop this is an advanced parenting parent for replacer layouts. It drops header, dash, footer, and main from AO3 default. In most cases you're better off overriding instead. Check out Trouble O'Head for fast header overrides and the Tile Puzzle series to move the dashboard around with overrides.
  6. Graphical

    I've uploaded a ton of tiling textures you can call to decorate your layouts. There are loads more graphical styles to come but this is what I could do with two days notice!

    1. Simply Twilling introducing textures - this is a simple override CSS3 skin that demonstrates how you can leverage region and group transparency to build dramatically different styles quickly.
    2. Threw Twill Out an introduction to parenting.
    3. Desk Job a template "desk top" layout you can adapt to your own design. [needs a bit of testing so have not preloaded sorry]
    4. Panda Madness this is like, pink and round and it has pandas on it
    5. The Hustings a stripped down version of a more complex theme made ready quickly for deploy
    Chained Melody

    Here I'm demonstrating breaking a css3 theme apart into components so each piece can be used in other skins. There are brill free fonts to download linked in. CSS3.

    1. Chained Buttons
    2. Chained Head hover the icon
    3. Chained Groups
    4. Chained Quotes
    5. Chained Icons
    6. Chained Key (colours, fonts, background)
    7. Chained Melody the whole lot chained together
    Fixie

    A fixed region layout, again with components you can use in other skins pretty easily, but this one drops components of the site style: it doesn't just override them, it replaces them. Free fonts to download linked . IE7 and up

    1. Fixie Fix explodes the site layout and takes out portions of it, then fixes the regions: header, dashboard, footer, and scrolls the main region. This is "parent only" meaning you have to chain it in to a style - it doesn't work on its own as a layout.
    2. Fixie Buttons makes scribbly buttons with Mido font
    3. Fixie Icons make scribbly backed icons
    4. Fixie Groups this makes some swooshy CSS3 rounded boxes
    5. Fixie this chains everything together to make a layout!
    6. Fixie Free Wheel (coming soon) this spoofs the basic look of Fixie, but as an override skin, and with normal scrolling regions.
  7. Palettes

    Colour changes, some based on the most popular colour changes in the old skins system

    1. Mono black and white where red all over
    2. Zebra Mono black and white where red all over, with zebra fur detail
    3. Reversi light on dark, with blue key
    4. Dusted off based on Dusty Rose by sistabro
    5. For the trees based on Sunny Forest by enigel
    6. The Blues based on Medium Blues by Arduinna
    7. Snow makes everything that is very light lavender pure white. Useful to chain in.
    8. Snow Blue
    9. Get the Backers makes all the group backgrounds white.
  8. Tile Puzzle

    1. Wide Horizon Horizontal dash in blocks
    2. Dash Line Horizontal dash, inline
    3. Eyes to the right Right side dash
    4. 100% width filters
    5. Stick It sticks the secondary (page specific) navigation to the left and fixes it there
    6. Mark My Words Shows all landmarks and gives some minimal visual style
    7. Slim Shaded makes a slimmer, texty header, with a shaded strip, snow body, and lowercase buttons
    8. One Point Faux spoofs the old style on top of the new style. Might look slightly different to the original old style, but broadly the same.
    9. 2 Point No takes off all the box shadows, text-shadows, and rounded corners
    10. Look and Read swaps the logo for a text title: "Archive Of Our Own
    11. Imago swaps your header icon for a text greeting: "Hi, username!"
    12. Incommodious takes off the commas we add into long lists of inline tags, if you find them odious!
  9. Wiggle It

    Some pure CSS3 mods. Modern browsers only.

    1. Head Buoy slides the header up out of sight and slides down on hover.
    2. Sliders slides the meta header off a work and slides out on hover.
    3. The Bubbler probably the most useful skin here. Bubbles everything. No animation.
  10. Mash Up

    So you can just stick on different buttons.

    1. Aqua Buttons You can just swap the buttons, or use them in a more complicated layout.
    2. Gel Buttons showing how you can change the colours for a different effect.
    3. Scribble Buttons pencil scribble buttons good for paper styles.
    4. Massive Buttons they're really big and bold.
    5. Don't Care A Button makes the buttons just plain text.
    6. Dusted Buttons chain in Dusted Rose

Comment


Pages Navigation