Twenty Fourteen Project Update

Home stretch. Let’s polish.

Finished

  • Launched the theme on WordPress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ (announcement, Theme Showcase page)
  • Many, many fixes to get ready for code freeze (see all commits since our last update): including RTL, IE, contextual help, layout, etc
  • Improvements based on feedback from coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. dev team (simplification, code readability and commenting)
  • Lots of activity at the WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. London Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/.

A special thanks to everyone who participated in our “device testing and bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. hunt” activity at WordCamp London, including but not limited to binarymoon, jartes, erichmond, janhenckens, sonjanyc, amistad18, iv.dimova, kdankov, robert olsen, iandstewart, chellycat, sixhours, cainm, blankthemes, thomasguillot, kwight, Frank Klein, siobhan, and defries. And all three of us on the Twenty Fourteen team were present: lancewillett, iamtakashi, obenland. [These are WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ usernames.]

Next

  • Wrap up final bug fixes: see open tickets
  • Make a Codex page for Twenty Fourteen help and tips—@siobhan to create the draft and kick it off

Discussion

What’s a pragmatic solution for detecting mobile and table devices? We’d like to use wp_is_mobile() but that seems designed for only adminadmin (and super admin) use since it assumes no page caching. See notes at #26221.

#3-8, #bundled-theme, #theme, #twentyfourteen

Twenty Fourteen Project Update

Crunch time! We’re working hard to make sure everything’s ready for 3.8 release. We’ve listened to all your feedback, thank you—including lots from last week’s dev chat. We’ve made significant improvements in the last week.

Many improvements

  • Many design changes to make the “first run” nicer and look better without featured images #25859 #25758
  • UIUI User interface for Featured Content moved completely into CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. (tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.), display, count) #25549
  • Added contextual help and tips around the adminadmin (and super admin) interface for setting up the Featured Content area #25837 #25869
  • Performance tweaks for faster loading #25876 #25922
  • IE, RTL, and i18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill. fixes #25036 #25625 #26071 #25144 #25625 #25888

Author widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user.

Too late to get it into 3.8 dev? It’s fairly light and can merge right away.

Last week at 3.8 features-pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party meeting we forgot to suggest this; we’d worked on it as a plugin first, see #24856: “Authors widget to highlight authors.”

This is a new widget for any theme to use, but we’d planned to show it off with Twenty Fourteen because as a magazine theme it’ll feature and show off multiple authors.

On our radar

  • Strategy for 3.7 and earlier non-MP6 handling #25906
  • AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) feedback on the slider
  • More work on contextual help and the user experience with Twenty Fourteen, maybe including user testing and research
  • Launching the theme on WordPress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ to get early feedback from real usage
  • Code review with coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. dev team

#3-8, #bundled-theme, #theme, #twentyfourteen

Twenty Fourteen Project Update

Status

We’re right on target—making lots of progress on the main features in the theme. Finishing up within 1-2 weeks, then switching gears to verifying and testing (things like device testing, RTL, older browser support, accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility), and more).

Finished

  • Implemented alternate slider view for featured content #25550
  • Implement featured content settings for authors to control which posts are displayed, and how many #25549
  • Used SVG images instead of CSS3 gradients for speed and responsiveness, more browser support, and vector-based scalability r25865
  • Allow any page to be set as front page #25685
  • Several passes at CSSCSS Cascading Style Sheets. code revamp to meet WP style standards and better organization and efficiency #25592
  • More accessibility fixes #25054

Next

  • Accessibility feedback on the slider
  • Featured content options moved completely into CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. (tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.), display, count)
  • Accent colors: decide on keeping this feature in the theme #25563 #25580
  • Decide on pros and cons of creating an extra-large image size for full-width featured images #25758

On our radar

  • RTL and IE fixes
  • Mobile and tablet device testing
  • “Breaking” the theme in every way possible

Join us! Weekly office hours are Tuesdays and Thursdays at November 5th, 2013 17 UTC.

#3-8, #bundled-theme, #theme, #twentyfourteen

Twenty Fourteen Project Update

Things we’ve finished:

  • Many accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) fixes: keyboard navigation for main menu, color contrast, Skip to Content links, remove all unneeded title attributes: #25054
  • Allow featured images to work on pages (not just posts), a better UXUX User experience for index vs. single views, and better layout and handling when no featured images exist: #25325
  • Simplified sidebars to allow a wider layout: #25031, remove a confusing front-page only widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. area: #25565—after a long discussion about the Ephemera widget and how it should interact with the main stream of blogblog (versus network, site) posts: #25330
  • Myriad layout and style fixes

Big things we’re working on next:

  • Deciding on whether or not the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. Text Color feature should be disabled for Twenty Fourteen: #25540
  • Implementing “Plan B” for featured content: #25549
  • Building an amazing alternative view for front page featured content—yes, a slider! #25550
  • Triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. all our open tickets for Twenty Fourteen.

Join in the fun! We have weekly office hours, Tuesdays and Thursdays at Tuesday 17 UTC) as well as general “Bundled Themes” bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. scrubs, Fridays at Friday 18 UTC.

[Update: fixed the TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. links. I guess they can’t be in parentheses.]

#3-8, #bundled-theme, #theme, #twentyfourteen

Twenty Fourteen project update

We’re continuing regular office hours on Tuesdays and Thursdays at Tuesday 17 UTC) as well as general “Bundled Themes” bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. scrubs, Fridays at 18 UTC.

Done since last time:

  • Accent color theme option added: #25220
  • Added a “Contributor” page: #24863
  • Lots of layout and style fixes
  • Fixing how Genericons are loaded: #25085

In progress:

  • More work on sidebars and featured images: #25031 and #25330
  • AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) review and fixes: #25054
  • And more: view all open tickets for Twenty Fourteen.

#3-8, #bundled-theme, #theme, #twentyfourteen

Twenty Fourteen theme project update

We’ve made lots of great progress over in Twenty Fourteen theme land.

This update is long because it’s my first one since we kicked off. Subsequent reports will be shorter.

Goals

In short, make it an awesome default theme.

1. Polish, “break”, and perfect the theme.
2. Add enhancements and new features.
3. Integrate with 3.8 pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party projects as we can.

Who we are

(These are WP.org usernames.)

  • Leads: lancewillett, obenland, and iamtakashi
  • Many patches have come in! Thanks to: cainm, celloexpressions, DrewAPicture, eherman24, Frank Klein, georgestephanis, iamtakashi, Jayjdk, jeherve, joedolson, Jonnyauk, kovshenin, Kuzmanov, MikeHansenMe, nofearinc, obenland, rickalee, sabreuse, and SergeyBiryukov.
  • Many other contributors have joined the fun, including but not limited to: cfinke, chellycat, jazzs3quence, johnbillion, karmatosed, McGuive7, nacin, nhuja, paolal, RDall, rmccue, taupecat, trishasalas, and shaunandrews.

You can get still get involved in any of these activities:

  • Putting up new tickets for bugs or enhancements (plus a patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing. if you can).
  • Review and test patches on existing tickets, add comments to the ticketticket Created for both bug reports and feature development on the bug tracker..
  • Join the 3.8 plugin projects like Featured Content.
  • Help with theme breaking: IE, RTL, accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility).

Big things we’re working on now

So far we’ve seen 38 related tickets in TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. opened, closing 24 already. View all open tickets.

  • (Possible) removal of Custom HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. Image support: #25094
  • Accessibility review and fixes: #25054
  • Adding a “Contributor” page: #24863
  • Allowing color customization for “accents”: #25220

The removal of the header image, along with which customization options to allow and support, has been a very healthy discussion. See #25094 if you want to read along.

Big things we’ve already tackled

  • Updating to use HTML5 markup from coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. for search, comment form, and comment list.
  • Added missing archive templates.
  • Many usability fixes.
  • Lots of code cleanup.
  • Added Editor Styles to enhance the visual editor.
  • SidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. improvements: widgetizing special Post Formats display, making right sidebar optional, and more.

One thing I wanted to highlight was removing the Social Links options from the theme. Instead inserting the search form and the search form toggle through filterable template tags, so that a plugin could hook in and add that feature back in. (Full chat log.)

Related plugin projects

Work continues on Featured Content and the Authors widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user.: #24856.

Office hours and Trac triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors.

We’ve had regular and very productive office hours on Tuesdays and Thursday at 17 UTC (In your time zone: 17:00 UTC). Thanks to everyone who’s joined us, your input is very valuable.

#3-8, #bundled-theme, #theme, #twentyfourteen

Twenty Fourteen theme project kick-off

Are you interested in contributing to the new default theme?

Twenty Fourteen example

We’ll kick off office hours for 3.8 cycle next Tuesday August 13, 17 UTC, in #wordpress-dev IRCIRC Internet Relay Chat, a network where users can have conversations online. IRC channels are used widely by open source projects, and by WordPress. The primary WordPress channels are #wordpress and #wordpress-dev, on irc.freenode.net.. Covering goals, scope, and how best to split up tasks. If time allows we can jump into tickets.

Then throughout the 3.8 cycle making the office hours a habit on Tuesdays and Thursdays at 17 UTC.

Don’t worry if you can’t make it every single chat—we’ll be posting here with the twentyfourteen tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) to keep you updated—and you can follow commits and tickets via TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress..

For a bit of background on the Twenty Fourteen theme, see notes in #24858 and the already-growing list of open tickets. Let’s get to work!

#3-8, #bundled-theme, #theme, #twentyfourteen

We’re getting very close This week focusing on…

We’re getting very close.

This week focusing on RTL again, especially concerning :before and :after and Genericon placement, see #24287. Turns out we’ll need flipped versions of lots of the glyphs—which Joen is now working on. After Joen completes the Genericons font updates are ready we’ll sync them into Twenty Thirteen.

Next is another quick pass at editor styles, including RTL support there.

#3-6, #bundled-theme, #theme, #twentythirteen

Twenty Thirteen project update, April 23, 2013

The focus for Twenty Thirteen right now test, test, and test. Polish, polish, and polish. The IEs, RTL, testing with lots of popular plugins. Getting things working smoothly with the new coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. post formats functionality.

Priorities

  • Launch on WordPress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/: currently blocked by the pending final version of the post formats UIUI User interface.
  • With core team: make a decision on how “structured-post-formats” should be used and declared (if at all) by the theme.
  • With core team: make a decision on fixed navbar—”stay or go.”
  • With Joen, making Quote style improvements.

#3-6, #bundled-theme, #theme, #twentythirteen

We love testers We’d love more people to…

We love testers

We’d love more people to install Twenty Thirteen, with special emphasis on trying out all the new Post Format features.

Also, if you have access to Windows with various versions of Internet Explorer we especially need help testing out some IE8 and IE10 issues (see TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. list link below).

Priorities

  • Address open tickets in Trac, fix bugs and make improvements
  • More browser, device, RTL, and i18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill. testing
  • Post formats testing. For example, looking at the output from post_formats_compat(), making suggestions like Image should use wp_get_attachment_image() there for filters and correct coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. class attribute values in the resulting HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers..
  • Review and possibly refactor the js/functions.js JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. file, going to all procedural/functional or moving to a new architecture—the key is to be consistent with it within the file. We can also look at namespacing the events.
  • Ask Joen to do another design audit, checking versus his design vision for things like spacing, colors, and post formats.

Office hours

We’ll get back to office hours in #wordpress-dev IRCIRC Internet Relay Chat, a network where users can have conversations online. IRC channels are used widely by open source projects, and by WordPress. The primary WordPress channels are #wordpress and #wordpress-dev, on irc.freenode.net. over the next few weeks, Tue and Thu at 17 UTC.

#3-6, #bundled-theme, #theme, #twentythirteen