HTML document traversal & manipulation, event handling, animation, and Ajax are simpler by using the APIs in the jQuery library.

Designed to work across a multitude of browsers.

Document Object Model, or DOM

The DOM is a tree structure with the HTML document as the root object. The root can have several children, and those children can have several children. For example, a web page that contains a list would have a root object, with a child list object that contained several child list element objects.

JavaScript and jQuery enable you to interact directly with the DOM, reading each of the objects, changing those objects, and even removing and adding objects.

jQuery Syntax

The jQuery syntax is made for selecting HTML elements and performing some action on the element(s).

The search input type is a special kind of text input that conveys the additional semantic that the user will be entering search terms.

Numerous date and time inputs for specifying the date and time, a month, or a week.

Input types of tel, url, and email also represent special text inputs, but with different structures as well as semantics.

On an <input> element, the autofocus attribute indicates to the browser that this input should be focused upon loading the page, so the user can start typing without having to first activate that input.

The <output> element is used to perform some sort of computation or calculation based on input from the user.

The <details> element is for representing and presenting a piece of content that offers a summary label with further details provided through a progressive disclosure interface. The new <summary> element marks up the summary or label inside the <details> element.

Shopping List

avocado

broccoli

carrots

grapes

kale

spinach

tamales

tomatoes

The <meter> element can be used to display measurements such as a score, a rating, a countdown, or donations towards a goal. The new element comes with min and max attributes to set the bottom and top ends of the range, as well as a value attribute.

The <progress> element is for the special case of progress towards completion of a task; and also has max and value attributes.

Josh Broton

During the day (and most nights, too), you’ll find him building responsive sites for VistaComm’s biggest clients and as the front-end developer of kidblog.org, where they’re re-imagining what an education-centric social network and blogging platform can do for teachers and students.

When he can get away from work, he loves to spend time on WordPress, JavaScript, responsive design, his awesome family, and ranting on Twitter.

Theme Twentyfifteen only has the template for displaying link post formats. It is used for both single and index/archive/search. The styling in its CSS pertains to all of the formats:

from style.css of theme twentyfifteen

Theme authors define what formats they support, and they should style those formats appropriately. Before version 3.1, categories were used in arbitrary ways to show different formats.

Some standardization by theme authors is expected. For instance, Asides should not display a title. Galleries should display a photo on the left hand side with the title shortened and to the right. Long format posts should have a double line underneath them.

If your theme takes advantage of these Post Formats, you will have any easy way to display each format with a unique style.

Too many people see Multisite as a silver bullet that can do everything they need, only to find out they’ve bitten off more than they can chew, and now they have a site that is too big, too complicated, and too much of a hassle.

Understanding what Multisite does out of the box, what it’s best at, and where it’s easily extendable will help you build the right site.

Mika Epstein

Mika Ariela Epstein is better known as Ipstenu, the Half-Elf Support Rogue.

Working for DreamHost, she solves any WordPress problem that comes up, and still finds time to slash unanswered WordPress.org forum threads by night and wrangle plugins by day.

A self-taught guru on Multisite and .htaccess, she has a passion for writing and technology and blogs about them

She builds beautiful, functional websites that her clients can update themselves and that are easy for search engines to find.

She supports things like making the web accessible for everyone, using open source software, helping organizations find greener more sustainable ways to operate through online technology and helping non-profits with online community organizing.

Positioning is a system for finding windows in the mind.

P2 from Automattic is an atypical theme that works for longer posts but really lends itself to quick updates, inline commenting, and real-time communication.

In this session, see how a P2-powered internal blog has improved staff communication and cohesion at UCSF resulting in a much better user experience for the researchers and students we support.

Michele Mizejewski

Michele Mizejewski is the Web Initiatives lead for the library at UC, San Francisco where she is an advocate for user experience.

She believes that software and web sites should be visually pleasing, simple, and fun to use.As a WordPress fan from the beginning, Michele has employed it to solve problems in a variety of situations including harnessing internal communications, augmenting online courses, building portfolios, and oh yeah, for a bunch of blogs too.

Michele has a penchant for the eclectic, and when not curating, creating, or consuming web content, she can be found drinking a cortado and seeking narratives.