[Wikitech-l] OOUI v0.45.0 released -- keyboard and screenreader accessibility improvements, jQuery update

2022-09-29 Thread Volker E.
Hi all,

We've released OOUI v0.45.0 yesterday. It will be rolling out on the
normal train, Tuesday, 04 October 2022.

Highlights in this release since v0.44.0:
- Raise underlying jQuery to v3.6.1, up from v3.6.0 in alignment to
equal change in MediaWiki.

- Drop 'stopHand', renamed to 'hand' since v0.43.0.
Both updates above are considered breaking changes. Please carefully
test if they affect your code.
- Drop 'stopHand', renamed to 'hand' since v0.43.0.
Both updates above are considered breaking changes. Please carefully
test if they affect your code.

Selected new features:
- SelectWidget: Introduce `findFirstSelectedItem()` for performance
- SelectWidget now supports Home/End/PageUp/PageDown keys
- DropdownWidget: Add screen reader support while collapsed
- Toolbar: Fix DOM order of tools and actions for keyboard tabbing.

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.44.0
in the full changelog [0].

Thanks to all code contributors, and to James D. Forrester for major
release work.

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos and library documentation is available on
mediawiki.org [1], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org [2].

OOUI version: 0.45.0
MediaWiki version: 1.40.0-wmf.4 [3]
Date of deployment to production: Regular train, Tuesday 04 Oct 2022

[0] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.45.0/History.md
[1] - https://www.mediawiki.org/wiki/OOUI
[2] -
https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons=wikimediaui=ltr=desktop
[3] - https://wikitech.wikimedia.org/wiki/Deployments


Best,
Volker
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] OOUI v0.44.0 released -- performance improvements due to dropped support for certain browsers including IE 9 & 10

2022-05-24 Thread Volker E.
Hi all,

excited to share that we've released OOUI v0.44.0. It already happened
last Tuesday. ;)
Due to activities around Global Accessibility Awareness Day[0] and
Wikimedia Hackathon[1] (hope the ones participating had all fun!) the
release email is coming now.
It is rolling out on the normal train today, Tuesday, 24 May 2022.

Highlights in this release since v0.43.0:
- Dropped support for IE<10, FF<38, Android<4.4 in sync with updated
MediaWiki and Wikimedia's browser matrix. This removes a significant
amount of CSS rules and hacks specifically for those browsers[2]
-- This also enables us to use modern CSS techniques like Flexbox,
here resulting in a fix for a 6 year old bug on Firefox by Ed Sanders.

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.43.0
in the full changelog[3].

Thanks to all code contributors, and to James D. Forrester and Bartosz
Dziewoński for their consistently excellent help – on this release
again.

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos and library documentation is available on
mediawiki.org[4], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[5].

OOUI version: 0.44.0
MediaWiki version: 1.39.0-wmf.13[6]
Date of deployment to production: Regular train, starting Tuesday 24 May 2022

[0] - 
https://meta.wikimedia.org/wiki/Accessibility/Global_Accessibility_Awareness_Day_2022
[1] - https://www.mediawiki.org/wiki/Wikimedia_Hackathon_2022/
[2] - https://phabricator.wikimedia.org/T306486
[3] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.44.0/History.md
[4] - https://www.mediawiki.org/wiki/OOUI
[5] - 
https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons=wikimediaui=ltr=desktop
[6] - https://wikitech.wikimedia.org/wiki/Deployments#Tuesday,_May_24

Best,
Volker
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] OOUI v0.43.0 released -- new features, icon amendments and performance improvements

2022-01-17 Thread Volker E.
Hi,

excited to share that we've released OOUI v0.43.0 last Thursday.
It will rollout on the normal train tomorrow, Tuesday, 18 January 2022.

Highlights in this release since v0.42.0:

- MessageWidget features now a `showClose` option for the optional
  closing notices et al.
- MenuSelectWidget highlights the first selectable option instead of the
  visible one. Thanks to volunteer Func.

- Numerous icon additions and improvements are featured:
-- The only nominal breaking change is removal of the `destructive`
variant from 'close' icon. The 'close' icon shouldn't be used for removing
or deleting things for user-experience consistency, please revisit your
codebase and use 'trash' icon instead.
-- 'stopHand' icon was deprecated and renamed to 'hand' icon while being
aligned to the Design Style Guide's icon guidelines[0].
-- 'watchlist' icon was added. Thanks to Alex Hollender.
-- Large number of 'bold' and 'italic' icons for specific languages
were aligned to the guidelines. Thanks to new Design Systems team
peer, Bárbara Martínez Calvo.
I'm specifically excited about these changes as they emphasize our goal
to provide first-class experience for our diverse language communities.
With updated OOUI demos[1] and demos of future Vue.js-based[2] UI
toolkit Codex, you're now able to see and compare all per language
icons. Thanks to Roan Kattouw and Ed Sanders.

- Last, but not least, more than 20 different performance optimizations
across widgets were included in this release, thanks to Thiemo Kreuz
at current work focus by Wikimedia Deutschland.
One call for notice here, widgets don't feature default implicit
`aria-disabled="false"` any more to save bytes sent to client,
only when set dynamically.
There was one case of a template breakage written to check for
this –now missing attribute. Please carefully test if this might affect
your
code.–

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.42.0
in the full changelog[4].

If you have any further queries or need help dealing with deprecating
changes, please let me know.

As always, interactive demos and library documentation is available
on mediawiki.org[5], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[6].

OOUI version: 0.43.0
MediaWiki version: 1.38.0-wmf.18[7]
Date of deployment to production: Regular train, starting Tuesday 18 January

[0] - https://design.wikimedia.org/style-guide/visual-style_icons.html
[1] -
https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons=wikimediaui=ltr=desktop
[2] - https://www.mediawiki.org/wiki/Vue.js
[3] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.43.0/History.md
[4] - https://www.mediawiki.org/wiki/OOUI
[5] - https://doc.wikimedia.org/oojs-ui/master/
[6] - https://wikitech.wikimedia.org/wiki/Deployments#Tuesday,_January_18

Best,
Volker
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] Re: WVUI v0.3.0 released – last minor version incl. new components

2021-08-30 Thread Volker E.
Hi Legoktm and AntiCompositeNumber,
please find my replies inline.

On Fri, Aug 27, 2021 at 6:33 PM AntiCompositeNumber
 wrote:
>
> Looks like the closest thing to a decision record that we get to have
> is <https://phabricator.wikimedia.org/T286953>.
>
> I'll underscore that "everyone" does not mean "WMF staff, WMDE staff,
> and a few consultants".

Agreed, a misleading lapse that was on the article page since our team
has started it. Further down
at “Who” we've stated “Wikimedia Foundation and WMDE staff who are
involved in writing Vue.js code across our projects”. [4]

>
> ACN
>
> On Fri, Aug 27, 2021 at 6:37 PM Kunal Mehta  wrote:
> >
> > Hi,
> >
> > On 8/26/21 11:48 PM, Volker E. wrote:
> > > We've released version 0.3.0 of WVUI earlier today.
> > > One of the agreements from Vue.js developer summit [0] organized by the
> > > Design System team has been to start a new library and repository next 
> > > with
> > > all other technical decisions made, a.o. being based on Vue 3 or no
> > > JavaScript only
> > > support to IE 11. With this email we want to clarify upfront why we've
> > > merged two more component additions (progress-bar and toggle-button)
> > > succeeding the summit.
> >
> > > [0] 
> > > https://www.mediawiki.org/wiki/Design_Systems_Team/Vue.js_Developer_Summit_2021
> >
> > Is there a retrospective or explanation of why WVUI is being
> > abandoned/deprecated/replaced? I read through [0] and [1] but didn't see
> > any explanation of *why* this is happening, what went wrong with WVUI.

In short, the summit was the culmination of an internal retrospective
and we will share out a blog post on the agreements and resulting
recommendations by 20 plus designers and more than 60 mostly engineers
of the two events.

We're on the brink of important technological changes, which are
directly related to and will have an impact on the developer
experience and the speed of progress towards a production-ready,
shared library. Developer experience and evolving our technology
platform [5] have been the underlying pillars for the decision for
Vue.js. I've mentioned the change from Vue 2 to Vue 3 and removal of
Internet Explorer 11 support [6] for modern, JavaScript enabled
experience.
Both of those and some other technical questions have been differently
approached in current WVUI, and other WMF and WMDE libs and resulted
in limitations like not using ES6 client code [7].

Also, we're going to transfer the good parts of the existing
implementations into the new library quickly.

> >
> > It also feels a bit weird to me that the event was billed as a
> > "Developer Summit for everyone involved in writing Vue.js code across
> > our various projects" when this objectively wasn't true given that there
> > are actively people working on Wikimedia-related Vue.js projects (even
> > mentioned and thanked in this email!) who weren't invited and excluded.

What I've shared above, a sentence that unintendedly stayed unchanged.
We were working hard on the contents of the designer workshop and
developer summit and were trying to bring all staff designers and
developers collaborating on and with the library in a very short time
window together. At the same time, we've been aiming at sharing out
our agreements and recommendations and gathering further feedback. For
example, DannyS712 as an important contributor to WVUI has been
informed by myself about two months ago about the internal agreements
to be still set. And I've followed up in Gerrit comments about the
progress that led to filing the release task [8].

> >
> > [1]
> > https://www.mediawiki.org/wiki/Design_Systems_Team/Vue.js_Developer_Summit_2021/Vue.js_Developer_Summit_2021_Documentation
> >
> > -- Legoktm
> ___
> Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
> To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
> https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

Best,
Volker

[4] 
https://www.mediawiki.org/wiki/Design_Systems_Team/Vue.js_Developer_Summit_2021#Who
[5] https://www.mediawiki.org/wiki/Platform_Evolution
[6] https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix
[7] https://phabricator.wikimedia.org/T178356
[8] https://phabricator.wikimedia.org/T289377
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] WVUI v0.3.0 released – last minor version incl. new components

2021-08-27 Thread Volker E.
Hi all,

We've released version 0.3.0 of WVUI earlier today.
One of the agreements from Vue.js developer summit [0] organized by the
Design System team has been to start a new library and repository next with
all other technical decisions made, a.o. being based on Vue 3 or no
JavaScript only
support to IE 11. With this email we want to clarify upfront why we've
merged two more component additions (progress-bar and toggle-button)
succeeding the summit.
Reasons was mainly to finalize the already in-flight work by volunteer
DannyS712.

Additionally to this, all other components merged since v0.2.0 and before the
summit – checkbox, dropdown and options-menu – are part of this
release. Same goes
for further improvements for the most important in-production use case,
Desktop Improvements project's Typeahead Search feature [1].
We'll discontinue major additions to WVUI from this release on besides
bug fixes and
will focus our work on the coming library.

Thanks to volunteer DannyS712 for all contributions! And to Nikki
Nikkhoui for the
continued build step support and James Forrester to get release out of the door
during after hours.

Find interactive demos hosted on doc.wikimedia.org [2] and the additional
improvements since v0.2.0 in the full changelog [3].

If you have any further questions please reach out to
design-systems-team-exter...@wikimedia.org.

Best,
Volker

[0] 
https://www.mediawiki.org/wiki/Design_Systems_Team/Vue.js_Developer_Summit_2021
[1] 
https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Vue.js_case_study
[2] https://doc.wikimedia.org/wvui/master/ui/
[3] 
https://gerrit.wikimedia.org/r/plugins/gitiles/wvui/+/refs/tags/v0.3.0/CHANGELOG.md#v0_3_0-2021_08_25
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] OOUI v0.42.0 released – less render-blocking code via updated browser support, upgrade to jQuery 3.6.0 & OOjs 6.0.0

2021-08-19 Thread Volker E.
Hi everybody,

We've released version 0.42.0 of the OOUI library* yesterday.
It's going to rollout with normal train next Tuesday, 24 August 2021.

Highlights in this release:
- Removal of code fragments for browsers, that were taken out of basic
support, most of those affected released before 2013! [0]. Removal
will directly results in a small performance gain for all other users.
This is nominally a breaking change. If you need to continue to
support those browsers in your environment, please stick with an
earlier version.

- Upgraded underlying libraries to jQuery v3.6.0, up from v3.5.1 and
OOjs to v6.0.0, up from v5.0.0. This goes hand-in-hand with similar
upgrade in MediaWiki core. Both updates above are considered breaking
changes. Please carefully test if they affect your code.

- Two new icons, 'share' and 'ocr' have become part of the library and
the WikimediaUI design system.

- Addition of RequiredElement mixin, already added in v0.41.1

Thanks especially to Thiemo Kreuz and volunteer DannyS712 on improving
the documentation and Umherirrender for continuous code improvement
patches.

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.41.0
in the full changelog [1].

If you have any further queries or need help dealing with breaking
changes, please reach out to me.

As always, interactive demos [2] and library documentation is
available on mediawiki.org [3], there is comprehensive generated
code-level documentation and interactive demos and tutorials hosted on
doc.wikimedia.org [4].

Best,
Volker

* Obligatory to say, no, this is not the answer to Everything. That
will probably be v42 of the future Vue.js based user-interface
components library [5].

---
OOUI version: 0.42.0
MediaWiki version: 1.37.0-wmf.20
Date of deployment to production: Regular train, starting Tuesday 24 August

[0] - https://phabricator.wikimedia.org/T266866
[1] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.42.0/History.md
[2] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[3] - https://www.mediawiki.org/wiki/OOUI
[4] - https://doc.wikimedia.org/oojs-ui/master/
[5] - https://phabricator.wikimedia.org/T288980
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/


[Wikitech-l] Vue.js has been selected as Wikimedia Foundation's future JavaScript framework

2021-08-02 Thread Volker E.
Hi all,
With excitement we're sharing today that Vue.js is Wikimedia
Foundation's official choice for adoption as future JavaScript
framework for use with MediaWiki.

The evaluation of front-end frameworks officially started mid 2019, as
part of the Platform Evolution program’s goal to evolve our technology
platform and development processes to empower the Wikimedia
Movement[0].
The corresponding Technical RFC was successfully resolved in March
2020[1]. As this framework selection is a wide-ranging, long-term
decision, a dedicated group, the Front-end Architecture Working
Group[2], was established to drive the technology comparison and the
final recommendation. Besides the resolved RFC the outcome was to
build and test developer experience in a pilot project[3].

The selected pilot was within the Desktop Improvements project[4] with
its new Vue.js-based TypeaheadSearch feature that allows for providing
additional context while searching. Since its introduction in March
2021[5] the new TypeaheadSearch component has been the default across
15 wikis of varying sizes and has received positive user feedback[6].
A final developer satisfaction survey was completed to gain further
information on the developer experience. The survey results emphasized
“a positive light on the future of working with Vue.js”. And “[t]he
engineers felt optimistic about the future and confident in
recommending it for adoption across all our teams.”

The pilot gave us confidence in the recommendation to adopt Vue.js and
we are moving into further implementation of Vue.js tooling and
product migration planning.

To support further efforts, the Wikimedia Foundation has established
the Wikimedia Design System team[7], which I'm proudly part of. Our
continued work and upcoming priorities include:
- Preparing a shared Vue.js user-interface components library
- Deciding on Vue 2 or Vue 3 including transition path
- Figuring out how the components library will be built and
distributed in and beyond MediaWiki
You can find more of the ongoing work on Phabricator[8].

For full transparency, we've carried that knowledge with us for some
time already, but were prioritizing progressing integration, annual
planning and our internal All-hands conference to finally arrive at
this announcement today.

I'd like to thank a number of folks involved in leading to this, all
Front-end Architecture Working Group members, especially colleagues
Eric Gardner & Roan Kattouw for driving the RFC, the Readers Web team
for undergoing as pilot implementers and especially our former
colleague Stephen Niedzielski who was central to making it a success,
Wikimedia Deutschland for numerous insights through their Vue.js
experience, current Design System team members responsible for further
progress, all Movement volunteers involved in both providing feedback
to the pilot and contributing to development and Product & Tech
department leadership for their strong support of this wide-reaching
change.

Best regards,
Volker

References
[0] 
https://www.mediawiki.org/wiki/Platform_Evolution/Recommendations#1._Develop_a_user_interface_using_modern_front-end_tooling
[1] https://phabricator.wikimedia.org/T241180
[2] https://www.mediawiki.org/wiki/Frontend_Architecture_Working_Group
[3] https://www.mediawiki.org/w/index.php?title=File:FAWG_Demo.pdf=26
[4] https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements
[5] 
https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements/Updates#March_2021:_New_search_widget_live_on_pilot_wikis,_A/B_test_in_progress_for_logged-in_users
[6] 
https://www.mediawiki.org/wiki/Reading/Web/Desktop_Improvements#List_of_early_adopter_wikis_(test_wikis)
[7] https://www.mediawiki.org/wiki/Design_Systems_Team
[8] https://phabricator.wikimedia.org/T286946

---
Volker Eckl
Design Lead
Wikimedia Design System

Wikimedia Foundation
1 Montgomery Street
Suite 1600
San Francisco, CA 94104
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] Proposal for removal without deprecation of capitalize-all-nouns skin functionality from MW core

2021-07-19 Thread Volker E.
Hi all,
we propose to remove `capitalize-all-nouns` skin functionality from
MediaWiki core without deprecation in 1.37.

Patch to remove: https://gerrit.wikimedia.org/r/c/mediawiki/core/+/435638
Patch to continue functionality in Monobook:
Bug: https://phabricator.wikimedia.org/T97892
Existing uses:
https://codesearch.wmflabs.org/search/?q=MagicWord%3A%3AclearCache=nope==

MediaWiki core has a feature whereby the setting $capitalizeAllNouns = true
can be set in a LanguageXx.php file. When this is set, OutputPage attaches
the `capitalize-all-nouns` CSS class to the page  element. The only
languages for which $capitalizeAllNouns = true are German and languages
with German as a fallback (e.g. Alemannic).
The only widely used skin using this has been Monobook to disable lowercase
transformation of tab titles for those languages. A few other skins might
have applied the same functionality when basing on top of Monobook.
We've copied this obscure functionality over to Monobook in the meantime
and would recommend doing so for your skin if you like to continue to use
it.
In any case, as this removal results in a non-existing CSS class mostly
rendering of some elements of the skin in some languages would change
slightly.
Please note, that no other modern Wikimedia deployed skin has used this
ever since Monobook.

Thanks to volunteer Jack Phoenix and my colleague Jon Robson for driving
this work.

Regards,
Volker
___
Wikitech-l mailing list -- wikitech-l@lists.wikimedia.org
To unsubscribe send an email to wikitech-l-le...@lists.wikimedia.org
https://lists.wikimedia.org/postorius/lists/wikitech-l.lists.wikimedia.org/

[Wikitech-l] Increase MediaWiki basic support requirements to TLS 1.2 supporting browsers

2021-03-08 Thread Volker E.
Hi all,

Since January 2020, Wikimedia has not served traffic to browsers which do
not support TLS 1.2 [0]. We would like to bump basic MediaWiki software
stack support to exclude those very old browsers as well.

Our MediaWiki core, extensions and skins basic browser support matrix still
includes some end-of-life browsers published between 2007 and 2013 that are
only supporting the now insecure ciphers of TLS 1.0 and 1.1.
We've gathered stats [1] emphasizing the relatively small access
expectations. Now we want to push software stack support to align to those
browser versions already in place as minimum in Wikimedia hosted
MediaWikis.
We're continuing to provide support for browsers published from 2013 on!
Note that Internet Explorer 9 and 10 are unaffected by this proposed change
as well for the moment.  See the specific list on task. [1]

What's to win:
A great number of design and layout features (CSS, SVG and WAI-ARIA, see
the list [2]) which we currently just exceptionally use in some products or
via extra effort, performance impacting hacks and workarounds, and
maintenance on the developer side.
Current support is slowing down some advances in Desktop Improvements and
other front-end work.

What's to lose:
Possible layout issues in third party MediaWikis still targeting those
end-of-life browers. Content access should be untouched there.

If there are no objections within the next 10 days, we're going to amend
the support matrix with aforementioned TLS 1.2 supporting browsers as the
minimum.
Please let us know about any objections or further inputs, preferably on
task.

Thanks and best regards,
Volker

[0] - https://phabricator.wikimedia.org/T238038
[1] - https://phabricator.wikimedia.org/T238038
[1] - https://phabricator.wikimedia.org/T266866
[2] - https://phabricator.wikimedia.org/T266866#6591703


---
Volker E.
Lead UX Engineer
Desktop Improvements/Design System
Wikimedia Foundation
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


[Wikitech-l] OOUI v0.41.0 released

2020-12-07 Thread Volker E.
Hi,

we've released OOUI v0.41.0 last Thursday.
It will rollout on the normal train tomorrow, Tuesday, 08 December.

Highlights in this release since v0.40.0:
- Accessibility enhancements on PopupWidget (keyboard tabbing order)
and ToggleSwitchWidget.
Thanks to volunteer contributor Edwin Tam.
- Icon optimization resulting in less data sent to our users in
several often used icons.
Thanks to Thiemo Kreuz for the contributions here.
- Additional 'volume*' & 'network', 'networkOff' icons.
Thanks Matthew Williams and Sudhanshu Gautam for the design work.
-It also contains a deprecating change. Passing a string to `OO.ui.infuse()` is
deprecated, use an HTMLElement or jQuery collection instead.


You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.38.0
in the full changelog[0].

If you have any further queries or need help dealing with deprecating
changes, please let me know.

As always, interactive demos[1] and library documentation is available
on mediawiki.org[2], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[3].

OOUI version: 0.41.0
MediaWiki version: 1.36.0-wmf.21
Date of deployment to production: Regular train, starting Tuesday 08 December

[0] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.41.0/History.md
[1] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


[Wikitech-l] OOUI v0.40.0 and 0.40.1 released

2020-08-10 Thread Volker E.
Hi,

we've released v0.40.0 and follow-up hot fix v0.40.1 of OOUI library
last Friday.
It will rollout on the normal train tomorrow, Tuesday, 11 August.

Highlights in this release:
- Removal of Internet Explorer 8 specific code and fallbacks, largely
reducing size of CSS (~800+ lines on all icons) due to removal of PNG
fallback images, relying only on SVG icons from here on. This is going
to have a positive performance impact for all other users of the
library.
This is in alignment with approved RFC on removing IE 8 Basic support
for MediaWiki core.[0]. Hence, this release is a breaking release. If
you need continuous support in your environment for IE 8 you need to
stick with v0.39.3.

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.38.0
in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[2] and library documentation is available
on mediawiki.org[3], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[4].

OOUI version: 0.40.1
MediaWiki version: 1.36.0-wmf.4
Date of deployment to production: Regular train, starting Tuesday 11 August

[0] - https://phabricator.wikimedia.org/T248061
[1] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.40.1/History.md
[2] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[3] - https://www.mediawiki.org/wiki/OOUI
[4] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] Vue.js Migration Project Charter released

2020-07-01 Thread Volker E.
Hi,
I'm excited to share the release of the Vue.js Migration Project
Charter[0] today.
This is an update on the Foundation's evaluation and adoption of
Vue.js framework for building user-interfaces in a modern,
developer-friendly, inclusive, and internationalization-ready way. It
is a result of the platform evolution program[1] recommendations.
We aim to achieve this with help of the shared components and patterns
library Wikimedia Vue UI (WVUI). We project to implement first,
slimmed-down components for it as part of the Vue.js Search Case
Study[2].

Please find further details on the article. Also keep in mind, that
the shared charter reflects current planning and is subject to
repeated evaluation and possible change. Provide any feedback or
questions, on the talk page[3], technical issues and ideas on
Phabricator tagged with 'Vue.js'[4] or directly to me.

Thanks specifically to Jazmin Tanner, who has played an essential part
in gathering inputs from all stakeholders and interested groups in
synthesizing the charter.
Also to Stephen Niedzielski as a thoughtful driver of the Vue.js
Search Case Study – one of the first major milestones. And generally,
thanks to all members of FAWG, WMDE, Product and Technology department
teams (Reading Web, Editing, Growth, Language, Multimedia, Design,
Core Platform, Performance) involved and leadership for continuous
strong support of this wide-reaching project.

Best,
Volker

[0] - https://www.mediawiki.org/wiki/Vue.js/Migration_Project_Charter
[1] - https://www.mediawiki.org/wiki/Platform_Evolution
[2] - https://phabricator.wikimedia.org/project/view/4767/
[3] - https://www.mediawiki.org/wiki/Talk:Vue.js/Migration_Project_Charter
[4] - https://phabricator.wikimedia.org/tag/vue.js/

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.39.0 released

2020-05-21 Thread Volker E.
Hi,
we've released v0.39.0 of the OOUI library this Tuesday. It will rollout on
the
normal train next Tuesday, 26 May.

Highlights in this release:
- Text flow of form layouts on mobile devices was improved, surfaced
in Advanced Mobile Contributions
- Additionally this release removed deprecated icons 'beaker' and
'unTrash', both were renamed, former to 'labFlask', latter to
'restore'. Additionally 'toc' in 'icons-layout' was deprecated in this
release, as design team has decided to use 'listBullet' as unified
table of contents icon.[0]

- Added option in PopupWidget to remove close button and add custom icon to
widget head. Thanks to volunteer contributor Sohom Datta!
- Remove `onLookupMenuItemChoose` event in LookupElement. It got deprecated
in v0.35.2. Use onLookupMenuChoose instead.
- TagItemWidget: Remove `setDisabled` function. It was deprecated in
v0.27.0.
Please look through your code, if you still occur to use them.
- Underlying library OOjs was updated to v5.0.0, up from v3.0.1,
nominally a breaking change.
Also, as new features of OOUI v0.38.0, ButtonMenuSelectWidget and
IndexLayout.php#setTabPanel was newly implemented.

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.38.0
in the full changelog[0].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[1] and library documentation is available
on mediawiki.org[2], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[3].

OOUI version: 0.39.0
MediaWiki version: 1.35.0-wmf.34
Date of deployment to production: Regular train, starting Tuesday 26 May

[0] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.39.0/History.md
[1] -
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.37.0 released -- OOjs update, mobile form layout improvements

2020-02-28 Thread Volker E.
Hi,
we've released v0.37.0 of OOUI this Wednesday. It will rollout on the
normal train next Tuesday.

Highlights in this release:
- Underlying library OOjs was updated to v3.0.1, up from v3.0.0,
nominally a breaking change.
- Text flow of form layouts on mobile devices was improved, surfaced
in Advanced Mobile Contributions
- Additionally this release removed deprecated icons 'beaker' and
'unTrash', both were renamed, former to 'labFlask', latter to
'restore'. Additionally 'toc' in 'icons-layout' was deprecated in this
release, as design team has decided to use 'listBullet' as unified
table of contents icon.[0]
If you haven't yet updated them, now's the time.

You can find details on additional new features, code-level, styling
and interaction design amendments, and all improvements since v0.36.0
in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[2] and library documentation is available
on mediawiki.org[3], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[4].

OOUI version: 0.37.0
MediaWiki version: 1.35.0-wmf.11
Date of deployment to production: Regular train, starting Tuesday 17 December

[0] - https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons
[1] - https://gerrit.wikimedia.org/g/oojs/ui/+/v0.37.0/History.md
[2] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[3] - https://www.mediawiki.org/wiki/OOUI
[4] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.36.0 & v0.36.1 released – PHP 7.2.9+ required & Design Style Guide components amendments

2019-12-15 Thread Volker E.
Hello,
last couple of days we've released v0.36.0 & minor follow-up v0.36.1 to
ensure backwards compatibility. We caught the issue before rolling release
out. Version v0.36.1 will roll out on normal train next Tuesday.

Highlights in this release were
- Breaking change: Requiring PHP 7.2.9+, up from 5.6.99/HHVM in alignment
with recent MediaWiki core changes
- Deprecating change: Rename LookupElement's onLookupMenuItemChoose to
onLookupMenuChoose to follow naming scheme listeners – {Emitter}{Event}.
Thanks to Bartosz Dziewoński and Ed Sanders for quickly identifying and
fixing the backwards compatibility issue
- Amending and updating TextInput- and DropdownWidgets paddings minimally
to fully align with Design Style Guide's components templates[0].

You can find details on additional new features, code-level, styling and
interaction design amendments, and all
improvements since v0.35.0 in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[2] and library documentation is available
on mediawiki.org[3], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[4].

OOUI version: 0.36.1
MediaWiki version: 1.35.0-wmf.11
Date of deployment to production: Regular train, starting Tuesday 17
December

[0]- https://design.wikimedia.org/style-guide/components/
[1]-
https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md

[2]-
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[3] - https://www.mediawiki.org/wiki/OOUI
[4] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.35.0 released – new CSS unit approach

2019-10-18 Thread Volker E.
Hello,
end of last week saw releases of OOUI v0.35.0 and minor follow-up v0.35.1,
they have rolled-out on normal train this week.

The highlights were
- Using `px` where applicable over `em`s.
For most box sizing properties (min-width, min-height, margin, border,
border-radius, padding, box-shadow, outline) `px` unit is sufficient to
still provide accessible user font preference overrides to scale the text.
Additionally, this change is simplifying and speeding up building
interfaces for designers and developers. See
https://phabricator.wikimedia.org/T220671 for further details. This change
doesn't affect any current interfaces, it should result in no rendering
differences at normal environment settings.

- `infuse-by-id` feature got removed, it has been deprecated since v0.29.7
and has, to our knowledge, only been used internally any more. Use an
HTMLElement or jQuery collection instead. Please verify that you are not
using the feature any more.

You can find details on additional new features, code-level, styling and
interaction design amendments, and all
improvements since v0.34.0 in the full changelog[0].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[1] and library documentation is available
on mediawiki.org[2], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[3].

OOUI version: 0.35.0
MediaWiki version: 1.35.0-wmf.2
Date of deployment to production: Regular train, starting Tuesday 15 October

[0]-
https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md

[1]-
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.34.0 released - update to OOjs v3.0.0 & jQuery v3.4.1 (breaking changes), frameless buttons hover/active states, iOS Safari ProcessDialog scrolling fix & more

2019-09-04 Thread Volker E.
Hello everyone,
I'm excited to announce that we've released OOUI v0.34.0 today.

Key highlights of this release are (summarizing since v0.33.0):
- Update to OOjs v3.0.0, up from v2.2.2

- Update to jQuery v3.4.1, up from v3.3.1
Both updates above are considered breaking changes. Please carefully
test if they affect your code.

- Element: Implement `#setScrollLeft` and use where needed. Improves
scrolling-related operations in RTL languages

- Frameless buttons are now featuring hover and active state as
standard, improving user navigational experience

- ProcessDialog: Improve secondary action appearance to let users
better focus on content

- WindowManager: Prevent iOS Safari from scrolling the page behind the dialog

You can find details on additional new features, code-level and accessibility
changes, styling and interaction design amendments, and all
improvements since v0.33.0 in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[0] and library documentation is available
on mediawiki.org[2], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[3].

OOUI version: 0.34.0
MediaWiki version: 1.34.0-wmf.22
Date of deployment to production: Regular train, starting Tuesday 10 September

[0] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[1] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.32.0 released – native dropdown mobile menu, frameless tabs, SelectFileWidget improvements and breaking changes

2019-05-29 Thread Volker E.
Hello everyone,
I'm excited to announce that we've released OOUI v0.32.0 yesterday.

Key highlights of this release (summarizing since v0.31.0):
 - DropdownInputWidgets now provide native OS menus on mobile.

 - Tabs are now also available in 'frameless' flavor and mobile
behaviour has been improved.
   Thanks to Ed Sanders for the work on that.

 - Several highly used icons saw another size-reduction effort by Thiemo Kreuz.
   Saving big in scale of our projects. Thanks Thiemo.

 - SelectFileWidget has seen a dozen improvements (a.o. supports
multiple file uploads and is available in PHP)

The demos have seen both, usability and navigation improvements as
result of work focus at Hackathon. Check them out![0]

Apart from above, there are also possible breaking changes in this release:
Please carefully consider if they affect your code.

 - SelectWidget: Drop depressed CSS class, which got deprecated in v0.30.4.

 - Toolbar: Remove support for non-tool buttons.

- Drop `web` icon, deprecated in v0.30.4, in this release
removed completely. Use 'browser' instead.

You can find details on additional new features, code-level and accessibility
changes, styling and interaction design amendments, and all
improvements since v0.31.0 in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[0] and library documentation is available
on mediawiki.org[2], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[3].

OOUI version: 0.32.0
MediaWiki version: 1.34.0-wmf.8
Date of deployment to production: Regular train, starting Tuesday 04 June

[0] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[1] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] Reading experience improvements on mobile are live

2019-04-17 Thread Volker E.
Hi all,
last week we've successfully brought the improved font choice to our mobile
skin MinervaNeue onto all wikis.
It helps to provide our users a better reading experience – across
languages, in and beyond latin scripts and a more modern typographic feel
to many of our text-focussed projects, taking advantage of specifically
designed and optimized fonts for every major system.

Technically we're applying an operating system font first stack for running
text (every text element besides main page titles, headings of 2nd order,
blockquotes, code snippets, basically most of every page) on mobile devices
for most popular systems[0].

Thanks to everybody who has helped in the process of this project, Nirzar
Pangarkar for bringing the idea to the table[1],  Jon Robson, Jan Drewniak,
and the rest of Reading Web team for co-researching and supporting the
implementation, Alex Hollender for fine-tuning design parts as well as
documenting pre- and post-change, Brad Jorsch for important reminder of
learnings from the Typography Refresh 2014 and Chris Koerner for
accompanying the communication externally along the way.

You can read more on the details on the project page and at the Phabricator
task.
Please let us know if you have any questions or further feedback, either by
responding to me or on the project's talk page[2].

[0] -
https://m.mediawiki.org/wiki/Design/Projects/Improve_mobile_reading_experience
[1] - https://phabricator.wikimedia.org/T175877
[2] -
https://www.mediawiki.org/wiki/Talk:Design/Projects/Improve_mobile_reading_experience

Enjoy and best regards,
Volker

--
Senior UX Engineer, Lead User-Interface Standardization
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Re: [Wikitech-l] OOUI: problem with button groups

2019-04-15 Thread Volker E.
Hi Huji,
I hope you've found your questions clarified with above. While I appreciate
the continued efforts here on OOUI questions, I would like to propose
different channels for your future technical issues.
Wikimedia Foundation currently test-pilots “Wikimedia Developer Support”[0]
or alternatively a tag for any questions regarding the library on
StackOverflow [1]. Using those channels provide easier, long-term
search-ability for other folks running into the same issues and also keeps
the noise on a high-volume mailing list like wikitech-l for wide range of
subscribers low.
As with any urgent technical question on OOUI you could also seek help on
the IRC channel #wikimedia-editing.

Thanks and regards,
Volker


[0]: https://discourse-mediawiki.wmflabs.org/
[1]: https://stackoverflow.com/questions/tagged/oojs-ui

On Mon, Apr 15, 2019 at 11:14 AM Bartosz Dziewoński 
wrote:

> Using jQuery methods like .remove() and .empty() clears all event
> handlers from the removed elements. That's why the buttons no longer
> work after you remove them (using .empty()) and show them again.
>
> To avoid this, you can use the .detach() method instead, or hide the
> elements rather than remove them. For example, instead of:
>
>
> dialog.panelBottom.$element.empty().append(dialog.buttonSelect[item.data.group].$element);
>
> You can write:
>
> dialog.panelBottom.$element.children().detach();
>
> dialog.panelBottom.$element.append(dialog.buttonSelect[item.data.group].$element);
>
> --
> Bartosz Dziewoński
>
> ___
> Wikitech-l mailing list
> Wikitech-l@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.31.0 released – PHP layouts, breaking changes et al

2019-03-14 Thread Volker E.
Hello everyone,
I'm pleased to announce that we've released OOUI v0.31.0 yesterday.

Key highlights of this release:
 - IndexLayout (tab layout) and all its dependent layouts
 - StackLayout,
 - MenuLayout,
 - TabPanelLayout and TabSelectWidget/TabOptionWidget
   are all now provided server-side in PHP as well.
   Thanks to Cormac Parle, the Multimedia team and Ed Sanders for
providing those.

 - Mixin configs are made extendable
   Config options are always overridable unless explicitly needed to
force a value to them.

 - New 'success' type was added as FieldLayout message type
additionally to 'error' and 'warning'.

Apart from above, there are also possible breaking changes in this release:
Please carefully consider if they affect your code.

 - Remove FlaggedElement from InputWidget.
   Only TextInputWidget & ButtonInputWidget use or require flags, so
mixin FlaggedElement to those directly. The following classes are no
longer flagged:
- CheckboxInputWidget
- CheckboxMultiselectInputWidget
- DropdownInputWidget
- RadioSelectInputWidget

 - Remove method names, like for example `onMouseUp` or `onMouseMove`,
which got deprecated in v0.28.3 and replaced by `onDocumentMouseUp`
and `onDocumentMouseMove`.

- Drop `iconTitle` and `indicatorTitle` properties, deprecated in
v0.30.0, use `title` instead.

- Drop 'search' indicator, deprecated in v0.30.0, in this release
removed completely. This indicator hasn't been used anywhere to our
knowledge. 'search' icon is the replacement where needed.

You can find details on additional new features, code-level and accessibility
changes, styling and interaction design amendments, and all
improvements since v0.30.0 in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, interactive demos[0] and library documentation is available
on mediawiki.org[2], there is comprehensive generated code-level
documentation and interactive demos and tutorials hosted on
doc.wikimedia.org[3].

OOUI version: 0.31.0
MediaWiki version: 1.33.0-wmf.22
Date of deployment to production: Regular train, starting Tuesday 19 March

[0] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[1] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] Improving reading experience on mobile

2019-03-12 Thread Volker E.
Hi all,
in my part of the Design team at Wikimedia Foundation, I'd like to
share an upcoming change in typography, that might be of interest for
you:

Improving reading experience on mobile [0] –
As many of our projects are putting textual content first, we are
consistently aiming at best possible reading experience for our users,
regardless of the device, software, or language of our readers.
Typography, and specifically font choices, build the base for
readability.
Therefore we have been proposing to rely on so-called system fonts as
our default mobile font choice in the mobile skin MinervaNeue. Both
major platforms, iOS and Android, but also operating systems like
macOS and Windows come out-of-box with better suited system fonts than
the general fallback `sans-serif`. Those specific fonts

 - deliver a better native experience for readers,
 - improve cross-platform and
 - improve cross-language readability.

Please see the project page on mediawiki.org [0] for further technical
details of the changes and an overview of our wide-range testing. Our
current plan is to rollout the change to Beta-Cluster next week.
We welcome your feedback!

Best regards,
Volker

[0] – 
https://www.mediawiki.org/wiki/Design/Projects/Improve_mobile_reading_experience

Senior UX Engineer, UI Standardization Lead (he/him)
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Re: [Wikitech-l] 2019-03-06 Scrum of Scrums meeting notes

2019-03-07 Thread Volker E.
Adding UI Standardization update, that made it in the notes 15 mins after
meeting start:
>
>  UI Standardization 
>
> * Blocked by:
>
> * Blocking:
>
> * Updates:
>
> ** Project Improve mobile reading experience through operating system font
>> stack ongoing:
>> https://www.mediawiki.org/wiki/Design/Projects/Improve_mobile_reading_experience
>
> *** Rollout on wikipedia.org succeeded
>
> ** OOUI v0.30.4 release in preparation, among changes
>
> *** Improve error/warning message representation
>
> *** SVG icons optimizations to code perfection, special thanks Thiemo
>> Kreuz for his contributions
>
> *** SelectWidget: Rewrite getItemMatcher without regular expressions and
>
> *** MenuSelectWidget: Add 'filterMode'
>
> ** MinervaNeue: Change to normalize.css approach
>> https://phabricator.wikimedia.org/T205341
>
>
OOUI v0.30.4 was released in the meantime and saw additionally two
deprecations
* SelectWidget: Rename '-depressed' to '-unpressed'
* icons: Deprecate 'web' from 'editing-citation'
Full release history at
https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md

Best,
Volker

On Wed, Mar 6, 2019 at 8:52 AM Grace Gellerman 
wrote:

> https://www.mediawiki.org/wiki/Scrum_of_scrums/2019-03-06
>
> =*2019-03-06*=
>
> == Callouts ==
> * Language blocked on RelEng: CI issues/Merge Blockers:
> https://phabricator.wikimedia.org/T217654 and
> https://phabricator.wikimedia.org/T216689
> * SRE informs that we have a Network maintenance (Tuesday 19th 14:00UTC)
> https://phabricator.wikimedia.org/T187960
> ** Will require s2 to be read only (T217441 - we will use that window to
> upgrade MySQL on the master)
> ** Will also impact x1 master (which will be read only for a few seconds
> and cannot be disabled on mediawiki layer)
> * Search Platform -> RelEng: CI configuration for Blazegraph:
> https://gerrit.wikimedia.org/r/c/integration/config/+/493340
> * Release Engineering: Train blocked:
> ** Growth - Flow\Exception\WikitextException: ParseEntityRef: no name -
> https://phabricator.wikimedia.org/T217766
> ** Cloud Services - labtestweb2001: Fatal error: unknown class AuthPlugin
> in
>
> /srv/mediawiki/php-1.33.0-wmf.20/extensions/LdapAuthentication/LdapAuthenticationPlugin.php
> on line 21 - https://phabricator.wikimedia.org/T217692
>
> == Audiences ==
>
> === Contributors ===
>  Community Tech 
> * Blocked by:
> * Blocking:
> * Updates:
> **
>
>  Anti-Harassment Tools 
> * Blocked by:
> * Blocking:
> * Updates:
> **
>
>  Editing 
> * Blocked by:
> * Blocking:
> ** Updates:
> **
>
>  Growth 
> * Blocked by:
> * Blocking:
> ** Performance: CR for avoiding Watchlist DB writes on HTTP GET.
> https://gerrit.wikimedia.org/r/416198
> ** Release Engineering - Flow\Exception\WikitextException: ParseEntityRef:
> no name - https://phabricator.wikimedia.org/T217766
> * Updates:
> **
>
>  Language 
> * Blocked by:
> * Blocking:
> * Updates:
> **
>
> === Readers ===
>  iOS native app 
> * Blocked by:
> * Blocking:
> * Updates:
> **Working on 6.2.1 (
> https://phabricator.wikimedia.org/tag/ios-app-v6.2.1-beluga-on-stilts/)
> ***bug fixes
> ***editing enhancements
>
>  Android native app 
> * Blocked by:
> * Blocking:
> * Updates:
> **
>
>  Readers Web 
> * Blocked by:
> * Blocking:
> * Updates:
> ** Summary: adding some features to QuickSurveys, medium term planning, and
> continuing the Advanced Mobile Contributions and MobileFrontend
> Architecture investment projects.
>
> ** Responsive website (MinervaNeue / MobileFrontend):
>
> *** Advanced mobile contributions
> https://www.mediawiki.org/wiki/Reading/Web/Advanced_mobile_contributions
>  Provide mechanism to allow dynamically tag log entries T215675
>  Add X-Analytics tag for AMC webrequests T212961
>  Cannot access user contributions when following red link to user page
> on mobile T201339
>
> *** Invest in the MobileFrontend & MinervaNeue frontend architecture
>
> https://www.mediawiki.org/wiki/Reading/Web/Projects/Invest_in_the_MobileFrontend_%26_MinervaNeue_frontend_architecture
>  Refactor TalkSectionAddOverlay T217102
>  Refactor ImageOverlay T216198
>  Post-inheritance cleanup T217220
>  Limit mobile.startup's mw.config variables T216848
>  Refactor TalkOverlay T215370
>  Refactor LanguageOverlay T215657
>
> *** Update list styles T150377
> *** Miscellaneous bug fixes and maintenance T216628
>
> *** QuickSurveys
>  Consultation with Research
>  Support sampling by country T213847
>  Support sampling by edits T139317
>  Support sampling by page T213696
>  QuickSurveys are hidden on pages without infoboxes and with table of
> contents T210646
>
> ** Desktop website (Vector, Popups)
>
> *** Vector
>  Vector should replace rendering from PHP with Mustache T217172
>
> *** Popups https://www.mediawiki.org/wiki/Page_Previews
>  WMDE reference previews review and support T67114
> 

[Wikitech-l] OOUI v0.30.0 released – accessibility improvements et al

2018-12-20 Thread Volker E.
Hello everyone,
I'm excited to announce that we've released OOUI v0.30.0 today.

Key highlights of this release:
 - OOUI widgets are now fully accessible in regards to following the
Web Content Accessibility Guidelines specification requirements.
That's my personal pre-holiday highlight, as the varying support has
been one of the first things identified when started contributing and
has gone a long way ever since, with milestones like
  -- WCAG 2.0 level AA conforming color contrast from v0.18+ on for
low-vision users,
  -- consistent keyboard accessibility from v0.7+ on,
  -- touch-target size optimized elements for non-pointer device users
from v0.20+ on
  -- usage of ARIA roles and attributes from v0.6.4+ on for screen reader users.
  Many of those improvements are helping not only affected user
groups, but they are also often providing simpler usage for all users.
To give an example, the contrast requirements help easier interact
with a site on a device in the sunlight.
   Some of the work has been started long before my first
contribution. Thanks to Bartosz Dziewoński, Prateek Saxena, and
volunteer Derk-Jan Hartman for all their accomplishments
   along the way to this release.
While we are providing the handles for a low-hurdle interface, it's
still up to the implementors to make the right choices, use the right
configuration and user-test them. Our demos are a good starting point
for configuration examples[0].

Apart from above, there are also possible breaking changes in this release:
The following changes might cause breaking of your interface, please carefully
consider if they affect your code.

- Drop 'advanced' icon, deprecated in v0.28.1, in this release removed
completely
- Make non-continuous StackLayouts non-scrollable

You can find details on additional new features, code-level and accessibility
changes, styling and interaction design amendments, and all
improvements since v0.29.0 in the full changelog[1].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, library documentation is available on mediawiki.org[2],
there is comprehensive generated code-level documentation and
interactive demos and tutorials hosted on doc.wikimedia.org[3].

OOUI version: 0.30.0
MediaWiki version: 1.33.0-wmf.12
Date of deployment to production: Regular train after end-of-year
break, starting Thursday 10 January

[0] - 
https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-vector-ltr
[1] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[2] - https://www.mediawiki.org/wiki/OOUI
[3] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.29.2 released

2018-10-09 Thread Volker E.
Hi everyone,
last week we've released OOUI v0.29.0 and identified sequentially two
issues on Beta-Cluster which we've addressed in v0.29.1 next day and
v0.29.2 released yesterday.
Bartosz Dziewoński took the chance and hardened the JS/PHP comparison
test suite with former hotfix.
Thanks to Pablo Grass of Wikimedia Deutschland and Petar Petkovic for
help in identifying latter of those issues and Ed Sanders for instant
fix!

Key highlights of this release:
 - OOUI, similar to MediaWiki, now requires PHP 7
   With this change we've also switched code to PHP 7 syntax in order
to make code reusable between MediaWiki and OOUI (see below)
 - Deprecated CapsuleMultiselectWidget got dropped, which reduces
widgets CSS by 8%  percent after gzipping[0]

Possible breaking changes:
The following changes might cause breaking of your interface, please carefully
consider if they affect your code.

- Drop CapsuleMultiselectWidget, deprecated since v0.27.5. Use
superior TagMultiselectWidget instead.
- TextInputWidget: Drop support for `multiline: true`, deprecated in
0.22.2. Use MultilineTextInputWidget directly.
- Consistently name document listeners[1]
- Formally require PHP 7
-- Use PHP 5.6 variadic function syntax
-- Use PHP 7 "\u{}" Unicode codepoint escapes[2]
-- Use PHP 7 '??' operator instead of '?:' with 'isset()'[3]
- Upgrade jQuery from 3.2.1 to 3.3.1

You can find details on additional new features & icons, code-level
and accessibility
changes, styling and interaction design amendments, and all
improvements since v0.28.0 in the full changelog[4].

If you have any further queries or need help dealing with breaking
changes, please let me know.

As always, library documentation is available on mediawiki.org[5],
there is comprehensive generated code-level documentation and
interactive demos and tutorials hosted on doc.wikimedia.org[6].

OOUI version: 0.29.2
MediaWiki version: 1.32.0-wmf.26
Date of deployment to production: Regular train (due to DC switchover
next week), starting Thursday 18 October

Best,
Volker

[0] - https://phabricator.wikimedia.org/T183299#4637565
[1] - https://gerrit.wikimedia.org/r/#/c/oojs/ui/+/437960/
[2] - https://gerrit.wikimedia.org/r/#/c/oojs/ui/+/456500/
[3] - https://gerrit.wikimedia.org/r/#/c/oojs/ui/+/456499/
[4] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[5] - https://www.mediawiki.org/wiki/OOUI
[6] - https://doc.wikimedia.org/oojs-ui/master/

--
Senior User Experience Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Re: [Wikitech-l] OOUI v0.28.0 released

2018-08-17 Thread Volker E.
Thanks for that question, Thiemo.
We've been aware of that naming weakness and we're already underway of
resolving it.[0]
In the mid-term 'advanced' will be turned into 'settings', but we had to
deprecate and rename former 'settings' to 'pageSettings' before.

[0] https://phabricator.wikimedia.org/T190581

Best,
Volker

On Thu, Aug 16, 2018 at 11:42 PM Thiemo Kreuz 
wrote:

> > Final code cleanup step after major icon refinement […]
>
> Congratulations on that! I especially love how the identifiers for
> many icons describe more how they look, and less what their intended
> purpose is. E.g. "die" and "funnel" being called like this, and not
> "random" and "filter".
>
> However, one pair of icons still leaves me puzzled: There are two
> settings cogs, one in a dark rectangle called "pageSettings", and one
> without called "advanced". I never got what "advancements" the later
> refers to. How is it meant to be used?
>
> Best
> Thiemo
>
> ___
> Wikitech-l mailing list
> Wikitech-l@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.28.0 released

2018-08-16 Thread Volker E.
Hello everyone,
I'm pleased to announce that we've released OOUI v0.28.0 this Tuesday.

Key highlights of this release:
 - New OOUI “Tutorials” section[0]
   Special thanks to GSOC student Hagar Shilo, who has provided us an excellent
   addition to our documentation.
   The tutorials simplify stepping into development with the library.
 - Final code cleanup step after major icon refinement[1], see below.

Possible breaking changes:
The following changes might cause breaking of your interface, please carefully
consider if they affect your code.

- Drop 'find' icon, deprecated in v0.26.2
- Drop 'settings' icon, deprecated in v0.27.0
- Drop cite icons, renamed and deprecated in v0.27.0
- Remove 'clip' & 'unClip', deprecated in v0.26.1
- Remove 'comment', deprecated in v0.26.1
- Remove deprecated 'userActive'/'userInactive', deprecated in v0.26.2

All six icon changes above have been deprecated and announced in former
versions. With this release we've removed them completely.

You can find details on additional new features, code-level and accessibility
changes, styling and interaction design amendments, and all
improvements since v0.27.0 in the full changelog[2].
I'd also like to give a shoutout to Alangi Derick and Tim Eulitz for
their contributions.

If you have any further queries or need help dealing with breaking
changes, please
let me know.

As always, library documentation is available on mediawiki.org[3],
there is comprehensive generated code-level documentation and
interactive demos and tutorials hosted on doc.wikimedia.org[4].

OOUI version: 0.28.0
MediaWiki version: 1.32.0-wmf.18
Date of deployment to production: Regular train, starting Thursday 16 August


[0] - https://doc.wikimedia.org/oojs-ui/master/demos/tutorials/index.html
[1] - https://phabricator.wikimedia.org/T177432
[2] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[3] - https://www.mediawiki.org/wiki/OOUI
[4] - https://doc.wikimedia.org/oojs-ui/master/

Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI v0.27.0 release (breaking change)

2018-05-09 Thread Volker E.
Hello everyone,

We've released OOUI version 0.27.0 last evening. It will be in
MediaWiki core from 1.32.0-wmf.3, which will be deployed to Wikimedia
production in the regular train, starting on Tuesday 16 May. As there
are five breaking changes in this release, at least nominally, please
carefully consider if they affect your code.


Breaking changes since last release:

* GroupElement: Remove getItem(s)FromData (Prateek Saxena)
We rename a number of getters when asking for one of 0+ items for
consistency reasons.
This and the following two changes are all on this topic.

* MultiSelectWidget: Remove getSelectedItems and getSelectedItemsData
(Prateek Saxena)

* SelectWidget: Remove getSelectedItem (Prateek Saxena)

* TagItemWidget: Replace 'disabled' items with 'fixed' (Moriel Schottlender)
For consistency of behavior and separation of UX concerns, we don't
allow for individual tag items in a TagMultiselectWidget to be
individually disabled. Instead, allow defining 'fixed' values that
cannot be removed. We are not aware of any instance of the
TagMultiselectWidget featuring 'disabled' items, nevertheless marking
it as breaking change.

* indicators: Remove 'alert', deprecated in v0.25.2 (James D. Forrester)
'alert' indicator has been deprecated a while ago and is unused in all
known implementations, therefore we've removed it completely.


Deprecations since last release:

* icons: Deprecate 'editing-citation' icons from 'content' (Volker E.)
We've added an explicit 'editing-citation' icon pack, that helps us
standardize citation icons. Therefore we have moved existing related
icons to its own pack.

* icons: Rename 'settings' to 'pageSettings' (Volker E.)
Clarify intended usage of icon by renaming it.

Please update your icon pack references accordingly in case you're
using one of those icons.


New features, icons and highlights in this release:

* An infusable PHP NumberInputWidget was implemented by volunteer mainframe98.

* icons: 'editing-citation' pack was added (Volker E.)

* ProcessDialog: Fix footer height when actions or dialog size changes
(Bartosz Dziewoński)


Additional details on 45 code-level and accessibility changes, 34
styling and interaction design amendments, and all improvements since
v0.26.0 are in the full changelog[0]. If you have any further queries
or need help dealing with breaking changes, please let me know.

As always, library documentation is available on mediawiki.org[1], and
there is some comprehensive generated code-level documentation and
interactive demos hosted on doc.wikimedia.org[2].

Thanks to all contributors involved, especially volunteers mainframe98
and Daimona Eaytoy!

Best,
Volker

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[1] - https://www.mediawiki.org/wiki/OOUI
[2] - https://doc.wikimedia.org/oojs-ui/master/

--
Senior User Experience Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI 0.26.0 release

2018-03-20 Thread Volker E.
Hello everyone,

I'm excited to announce that we've released OOUI v0.26.0 today. It
will be in MediaWiki core from 1.31.0-wmf.26, which will be deployed
to Wikimedia production in the regular train, starting on Tuesday 27
March.
In this breaking release email I would like to begin with pointing out
two “normal” changes with visible user-interface amendments:
- The Design team at the Wikimedia Foundation has established new icon
guidelines over the course of recent months – resulting in a new set
which is part of this release. The set features improved universality,
consistency, neutrality, developer-friendliness and RTL language
support.
- We took the chance of integrating those icons by also unifying
VisualEditor interface on same base size as all other Vector/OOUI
interfaces already had in place. While this leads to a minimal
increase of space (f.e. 2px in height) for the toolbar items, it
reduces and optimizes the interface in all existing OOUI-based
Special:Pages and extensions.

As there are seven breaking changes in this release, at least
nominally, please carefully consider if they affect your code:

* icons: Remove 'alignCentre', renamed in v0.24.2
* icons: Remove 'arrowLast', deprecated since v0.25.0
* icons: Remove 'bellOn', deprecated in v0.25.0
* icons: Remove 'quotesAdd', deprecated in v0.24.4
* icons: Remove 'redirect', renamed in v0.24.4
* indicators: Remove 'next' and 'previous', deprecated in v0.25.0
All six changes above have been deprecated and announced in former
versions. With this release we've removed them completely.

* WikimediaUI theme: Unify available variants across icon packs
This could affect 'wikimedia' pack users with icons set to
'progressive'. Due to branding guideline reasons we need to remove
this color variation We are not aware of any such use case in
production, nonetheless mark it breaking.

Please update your icon pack references accordingly in case you're
using one of those icons or variants.

Additional details on 12 new features, 53 code-level and accessibility
changes, 18 styling and interaction design amendments, and all
improvements since v0.25.0 are in the full changelog[0]. If you have
any further queries or need help dealing with breaking changes, please
let me know.

As always, library documentation is available on mediawiki.org[1], and
there is comprehensive generated code-level documentation and
interactive demos hosted on doc.wikimedia.org[2].

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[1] - https://www.mediawiki.org/wiki/OOUI
[2] - https://doc.wikimedia.org/oojs-ui/master/


Best,
Volker

--
Senior UX Engineer
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOUI 0.25.0 release

2018-01-10 Thread Volker E.
Hello,

I'm pleased to announced that Contributors team has released OOUI
0.25.0 last evening. It will be in MediaWiki core from 1.31.0-wmf.17,
which will be deployed to Wikimedia production in the regular train,
starting on Tuesday 18 January. As there are six breaking changes in
this release, at least nominally, please carefully consider if they
affect your code.


Breaking changes since last release:

* Drop the `constructive` flag entirely (James D. Forrester)
We've identified that we are providing a better experience with a
smaller number of different button types in our use cases and after
outreaching, testing and consolidating from it's starting patch Feb
2016 we finally get rid of the last remainders of this button flag
with this release.

* Remove `BookletLayout#getClosestPage` (James D. Forrester)
We rename a number of getters when asking for one of 0+ items for
consistency reasons.
This and the following three changes are all around this topic.

* SelectWidget: Remove `getFirstSelectableItem` (Prateek Saxena)

* SelectWidget: Remove `getHighlightedItem` (Prateek Saxena)

* SelectWidget: Remove `getRelativeSelectableItem` (Prateek Saxena)

* icons: Drop 'watchlist', deprecated in v0.23.1 (James D. Forrester)
'watchlist' icon was unused and we had no further plans to start using
it, therefore removed it completely.


Deprecations since last release:

* GroupElement: Rename getItem(s)FromData to findItem(s)FromData
(Prateek Saxena)
Similar to the breaking changes above, this and the following two
changes are for naming consistency reasons.

* MultiSelectWidget: Rename getters (Prateek Saxena)

* SelectWidget: Rename `getSelectedItem` to `findSelectedItem` (Prateek Saxena)

* icons: Flag indicators 'previous' & 'next' as to be removed (Volker E.)
In our quest to make OOUI core leaner, we've identified that those indicators
originally planned for a certain use case, never came into use.
You can still reference similar 'previous' & 'next' from 'movement' pack.

* icons: Rename 'arrowLast' to 'arrowPrevious' (James D. Forrester)
We're also renaming 'arrowLast' for consistency reasons to 'arrowPrevious'.

* icons: Remove 'eye'/'eyeClosed' icons (Volker E.)
We want to use 'alerts' pack more deliberately in major products and
moved 'eye'/'eyeClosed' out. They were deprecated in v0.23.0 in 'alerts'.
Use icons from 'accessibility' pack instead.

Please update your icon pack references accordingly in case you're
using one of those icons.

A personal highlight of this release is that with the various SVG
markup optimizations in this together with removal of pre Opera v15
special treatment in last minor release we've accomplished to bring
down the icons from ~180 KB to ~120 KB before or 1.8 KB of after
gzipped critical rendering CSS.

Additional details on 11 new features, 42 code-level and accessibility
changes, 18 styling and interaction design amendments, and all
improvements since v0.24.0 are in the full changelog[0]. If you have
any further queries or need help dealing with breaking changes, please
let me know.

As always, library documentation is available on mediawiki.org[1], and
there is some comprehensive generated code-level documentation and
interactive demos hosted on doc.wikimedia.org[2].

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[1] - https://www.mediawiki.org/wiki/OOUI
[2] - https://doc.wikimedia.org/oojs-ui/master/


Best,
Volker

--
Senior UX Engineer, Contributors
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Re: [Wikitech-l] Announcing MediaWiki code search

2017-12-21 Thread Volker E.
Great, thanks Kunal!
Another time that you've addressed a major pain point with a convincingly
simple solution.

On Thu, Dec 21, 2017 at 6:46 AM, Derick N. Alangi 
wrote:

> Hello Kunal,
>
> This tool is superb (i've tried some of it's functionalities out) and it'll
> go a long way. Thank you very much. We are very much grateful for this
> solution :)
>
> *Kind regards*
> *Alangi Derick N*
>
> *[image: https://twitter.com/AlangiDerick]
> 
>   *
>
> On Thu, Dec 21, 2017 at 3:32 PM, Andrew Otto  wrote:
>
> > Super cool!
> >
> > On Thu, Dec 21, 2017 at 9:31 AM, zppix e 
> > wrote:
> >
> > > Thank you very much Kunal!
> > >
> > > --
> > > Zppix
> > > Volunteer Wikimedia Developer
> > > Volunteer Wikimedia GCI2017 Mentor
> > > enwp.org/User:Zppix
> > > **Note: I do not work for Wikimedia Foundation, or any of its
> chapters.**
> > >
> > > > On Dec 21, 2017, at 8:25 AM, Bahodir Mansurov <
> bmansu...@wikimedia.org
> > >
> > > wrote:
> > > >
> > > > It's very fast!
> > > >
> > > > Also, as far as I know, it's not easy to search all extensions at
> > > > once on Github, which makes this tool even more valuable.
> > > >
> > > > Thanks for sharing.
> > > >
> > > > Amir Ladsgroup  writes:
> > > >
> > > >> Kunal, you rock!
> > > >>
> > > >> Best
> > > >>
> > > >> ‪On Thu, Dec 21, 2017 at 1:50 PM ‫יגאל חיטרון‬‎ <
> > khit...@post.bgu.ac.il
> > > >
> > > >> wrote:‬
> > > >>
> > > >>> Wow, thanks a lot!
> > > >>> Igal (User:IKhitron)
> > > >>>
> > > >>>
> > > >>> 2017-12-21 14:09 GMT+02:00 Florian Schmidt <
> > > >>> florian.schmidt.wel...@t-online.de>:
> > > >>>
> > >  Kunal….. that is simply awesome! Big thanks for this new tool,
> this
> > > will
> > >  make us in finding usages of deprecated methods, we would like to
> > > remove,
> > >  much more easy!
> > > 
> > > 
> > > 
> > >  Best,
> > > 
> > >  Florian
> > > 
> > > 
> > > 
> > >  Von: Wikitech-l [mailto:wikitech-l-boun...@lists.wikimedia.org]
> Im
> > >  Auftrag von Kunal Mehta
> > >  Gesendet: Donnerstag, 21. Dezember 2017 05:15
> > >  An: wikitech-l 
> > >  Betreff: [Wikitech-l] Announcing MediaWiki code search
> > > 
> > > 
> > > 
> > >  Hi,
> > > 
> > >  MediaWiki code search is a fully free software tool that lets you
> > >  easily search through all of MediaWiki core, extensions, and skins
> > >  that are hosted on Gerrit. You can limit your search to specific
> > >  repositories, or types of repositories too. Regular expressions
> are
> > >  supported in both the search string, and when filtering by path.
> > > 
> > >  Try it out: https://codesearch.wmflabs.org/search/
> > > 
> > >  I started working on this because the only other options to
> > searching
> > >  the entire MediaWiki codebase was either cloning everything
> locally
> > >  (takes up space, and need to manually keep it up to date) or using
> > >  Github (not free software, has extraneous repositories). The
> backend
> > >  is powered by hound, a code search tool written by etsy, based on
> > >  Google's Code Search.
> > > 
> > >  Please let me know what you think! More documentation and links
> are
> > >  at: .
> > > 
> > >  -- Legoktm
> > > 
> > > 
> > >  ___
> > >  Wikitech-l mailing list
> > >  Wikitech-l@lists.wikimedia.org
> > >  https://lists.wikimedia.org/mailman/listinfo/wikitech-l
> > > 
> > > >>> ___
> > > >>> Wikitech-l mailing list
> > > >>> Wikitech-l@lists.wikimedia.org
> > > >>> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
> > > >> ___
> > > >> Wikitech-l mailing list
> > > >> Wikitech-l@lists.wikimedia.org
> > > >> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
> > > >
> > > > ___
> > > > Wikitech-l mailing list
> > > > Wikitech-l@lists.wikimedia.org
> > > > https://lists.wikimedia.org/mailman/listinfo/wikitech-l
> > > ___
> > > Wikitech-l mailing list
> > > Wikitech-l@lists.wikimedia.org
> > > https://lists.wikimedia.org/mailman/listinfo/wikitech-l
> > >
> > ___
> > Wikitech-l mailing list
> > Wikitech-l@lists.wikimedia.org
> > https://lists.wikimedia.org/mailman/listinfo/wikitech-l
> >
> ___
> Wikitech-l mailing list
> Wikitech-l@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
>
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org

[Wikitech-l] Fwd: OOjs UI 0.24.0 release (breaking change)

2017-10-19 Thread Volker E.
-- Forwarded message --
From: Volker Eckl <vol...@wikimedia.org>
Date: Tue, Oct 17, 2017 at 6:41 PM
Subject: OOjs UI 0.24.0 release (breaking change)
To: Wikimedia developers <wikitech-l@lists.wikimedia.org>


Hello everyone,

We've released OOjs UI 0.24.0, today. It will be in MediaWiki core from
1.31.0-wmf.4, which will be deployed to Wikimedia production in
the regular train, starting on Tuesday 24 October. As there are five
breaking
changes in this release, at least nominally, please carefully consider if
they
affect your code.


Breaking changes since last release:

* Drop 'MediaWiki' backwards-compatibility theme (James D. Forrester)
To better indicate usage focus, 'MediaWiki' theme got renamed to
WikimediaUI'
in v0.22.0. The remaining backwards-compatible alias has been dropped
in this release.

* icons: Drop 'stripeSideMenu' (James D. Forrester)
'stripeSideMenu' was renamed to 'draggable' and moved to 'movement' pack
in v0.22.2. It's now completely dropped. Use it with it's new name from
'movement' instead.

* icons: Remove 'eye'/'eyeClosed' icons (Volker E.)
We want to use 'alerts' pack more deliberately in major products and
moved 'eye'/'eyeClosed' out. They were deprecated in v0.23.0 in 'alerts'.
Use icons from 'accessibility' pack instead.

* icons: Remove 'signature' icon (Volker E.)
Similar to above, we deprecated 'signature'  in v0.23.0 in 'alerts'.
Use icon from 'editing-advanced' pack instead.

* icons: Remove 'sun' (James D. Forrester)
'sun' icon isn't in use in any of our products or products known to us,
nor is it planned to be used. In order to keep things small, the icon,
deprecated in v0.23.0,
now has been removed.

Please update your icon pack references accordingly in case you're
using one of those
icons.


Additional details on the 4 new features, 29 code-level and
accessibility changes,
24 styling and interaction design amendments, and all improvements
since v0.23.0 are in
the full changelog[0]. If you have any further queries or need help dealing
with breaking changes, please let me know.

As always, library documentation is available on mediawiki.org[1],
and there is some comprehensive generated code-level documentation and
interactive demos hosted on doc.wikimedia.org[2].

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/
master/History.md
[1] - https://www.mediawiki.org/wiki/OOjs_UI
[2] - https://doc.wikimedia.org/oojs-ui/master/


Best,
Volker

--
Senior UX Engineer, Contributors
Wikimedia Foundation

volke...@wikimedia.org | @Volker_E
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOjs UI 0.23.0 release (breaking change)

2017-09-05 Thread Volker E.
Hello everyone,

We've released OOjs UI 0.23.0, today. It will be in MediaWiki core from
1.30.0-wmf.18, which will be deployed to Wikimedia production in
the regular train, starting on Tuesday 12 September. As there are five
breaking
changes in this release, at least nominally, please carefully consider if
they
affect your code.


Breaking changes since last release:
* Remove CardLayout and references in IndexLayout (Volker E.)
CardLayout was renamed to TabPanelLayout in v0.21.3 and all its references
updated
back then; now its alias has been removed.

* Remove FloatingMenuSelectWidget (Volker E.)
FloatingMenuSelectWidget got deprecated in v0.21.3 and now has been removed.
Use MenuSelectWidget instead.

* Remove back-compat `OO.ui` prefix assumption in infusion code (Prateek
Saxena)
We've requested that infused data contained the full class name, rather
than assuming
the "OO.ui" prefix, since v0.12.0. Backwards-compatible `OO.ui` prefixing
has been
removed in this release.

* icons: Remove 'caret' icons (James D. Forrester)
The 'caretUp', 'caretDown', 'caretLast', and 'caretNext' icons were
deprecated
and replaced with the almost-identical 'collapse', 'expand', 'previous',
and 'next' ones
in v0.21.3 and are now removed completely.

* icons: Remove 'wikitrail' icon (James D. Forrester)
'wikitrail' icon was renamed to 'mapTrail' for consistency in v0.20.1.


Deprecations since last release:

* BookletLayout: Rename `getClosestPage()` to `findClosestPage()` (Prateek
Saxena)
Renaming this getter for one of the 0+ items inside to `findClosestPage()`
for consistency.
Please switch over to the new name.

* icons: Flag unused 'sun' icon as to be removed (James D. Forrester)
'sun' icon isn't in use in any of our products or products known to us,
nor is it planned to be used. In order to keep things small, we'll remove
the icon
in next breaking release.

* icons: Move 'eye'/'eyeClosed' to 'accessibility' (Volker E.)
We want to use 'alerts' pack more deliberately in major products and gonna
move certain icons to other packs.

* icons: Move 'signature' to 'editing-advanced' (Volker E.)
We want to use 'alerts' pack more deliberately in major products and gonna
move certain icons to other packs.

Please update your icon pack references accordingly in case you're using
this
icon.


Additional details on the 11 new features, 63 code-level and accessibility
changes,
28 styling and interaction design fixes, and all improvements since v0.22.0
are in
the full changelog[0]. If you have any further queries or need help dealing
with breaking changes, please let me know.

As always, a general set of library documentation is
available on mediawiki.org[1], and there is some comprehensive
generated code-level documentation and interactive demos hosted on
doc.wikimedia.org[2].

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/
browse/master/History.md
[1] - https://www.mediawiki.org/wiki/OOjs_UI
[2] - https://doc.wikimedia.org/oojs-ui/master/


Best,
Volker

--
Senior UX Engineer, Contributors
Wikimedia Foundation

volker.e [at] wikimedia | @Volker_E
___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOjs UI 0.19.0 release (breaking change)

2017-02-01 Thread Volker E.
Hello everyone,

we've released OOjs UI 0.19.0 today. It will be in MediaWiki core from
1.29.0-wmf.11, which will be deployed to Wikimedia production in the
regular train, starting on
Tuesday 07 February. As there are three breaking changes in this
release, at least
nominally, please carefully look over them to see if they affect your code.

Breaking changes since last release:

* ButtonWidget: Switch `box-sizing` over to `border-box` (Volker E)
Switching `box-sizing` to `border-box` value, making it easier
to calculate sizes and centralizing occurrences already in use
by widgets with buttons. It also aligns with the current way other
widgets are internally calculated. A rare, though possible side-effect could be
that different sized buttons are changing the layout slightly. If you run
into broken layouts with buttons, you'll need to adapt the size,
`padding` and `border`.

* LabelElement: Drop no-op fitLabel() method. (James D. Forrester)
This was a deprecated no-op since v0.16.0. Note that ProcessDialog#fitLabel()
still exists and is not a no-op. We're now removing the old function;
if you're still using it, you'll need to switch over.

* WindowManager: Error if `.static.name` is not defined when adding a
window (Bartosz Dziewoński)
WindowManager was already emitting a warning if `.static.name` was not defined,
now it throws an error. If you're still adding windows without it
defined, you'll need to
do so.


Deprecations since last release:
* MessageDialog: Default 'verbose' option to true (James D. Forrester)
This was an arbitrary styling choice that eventually became the
default in our designs;
rather than keep actively choosing it, instead let's just do it always.
We'll remove the ability to choose compact styling in an upcoming release.

* icons: Deprecate the 'beta' and 'ribbonPrize' icons (James D. Forrester)
If you use them, be prepared that they'll removed from the libary in
an upcoming release.

* icons: Rename '*Undo' to 'un*' (James D. Forrester)
For consistency:
** blockUndo is now unBlock
** flagUndo is now unFlag
** trashUndo is now unTrash
This fits in with the pre-existing unLock and unStar patterns.

* icons: Rename 'betaLaunch' to 'logoWikimediaDiscovery', move pack
(James D. Forrester)

Additional details are in the full changelog[0]. If you have any further queries
or need help dealing with breaking changes, please let me know. As
always, a general
set of library documentation is available on mediawiki.org[1], and there is some
comprehensive generated code-level documentation and interactive demos hosted on
doc.wikimedia.org[2].

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[1] - https://www.mediawiki.org/wiki/OOjs_UI
[2] - https://doc.wikimedia.org/oojs-ui/master/


Best,
Volker

--
Senior UX Engineer, Editing
Wikimedia Foundation

volker.e [at] wikimedia | @Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Re: [Wikitech-l] Changes in colors of user interface

2016-12-13 Thread Volker E.
Hi,
my name is Volker, I’m part of the Editing department on the Design
team and I’m leading the UI Standardization efforts at the Foundation.

I would like to address Pine's original response about community
involvement – when I've started my employment at the Foundation one of
the first things I've identified was a shortcoming in several user
interface elements' colors to provide sufficient contrast [1] for
people with visual impairments. We then started the work by reaching
out to community members, several of those were active on
accessibility related conversations. Based on the expertise of myself,
other designers at the Foundation, developers' and community members'
feedback we came up with the current color palette [2].
We've been proceeding as sensitive as possible in the follow-up
changes, making the interface better for a specific group of people
and certain use cases (think interaction in sunlight on mobile devices
for example) without negatively affecting any other group or use case
at all.
The first, widely visible change was featured in the Tech News. [3]

A consistently applied, harmonious (and limited) color palette is
important for recognition and a good user experience. Sometimes
context wins over consistency, therefore designers in collaboration
with myself have decided to provide “just” a base palette which should
be sufficient for the majority of interface needs – while some of the
interface challenges [4] might need to feature colors outside of this
palette in order to be solved, with further contributions of community
members.
Clearly, we also might learn about important issues that have not yet
been solved, and need to be addressed in the palette.

For such issues and for staying up-to-date on general activities,
please feel free to subscribe to the UI Standardization overview [5]
and Kanban [6] workboards or to file a task tagged with "UI
Standardization".
Our current work has also been visible in the weekly Scrum of Scrum
notes lately, although I had to skip the last two notes for capacity
and travel reasons.
Additionally we're planning an Unconference session on the already
accomplished work of the user interface guidelines – including the
color palette – at the upcoming Wikimedia Developer Summit [7].

Your feedback is not only welcome, but important to evolve our
interface in the right manner.

Regards,
Volker

[1]: 
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
[2]: https://phabricator.wikimedia.org/M82
[3]: https://meta.wikimedia.org/wiki/Tech/News/2016/41
[4]: Example: https://phabricator.wikimedia.org/T151938 – Add Yellow70
to the color palette
[5]: https://phabricator.wikimedia.org/tag/ui-standardization/
[6]: https://phabricator.wikimedia.org/tag/ui-standardization-kanban/
[7]: https://www.mediawiki.org/wiki/Wikimedia_Developer_Summit


On Mon, Dec 12, 2016 at 10:40 AM, Neil P. Quinn  wrote:
> Strainu and Pine:
>
> If developers learn they can't trust you to distinguish reasonable
> expectations from unreasonable ones (this falls into the "ludicrously
> unreasonable" category, by the way), don't be surprised if they ultimately
> start to doubt even your legitimate complaints.
>
> There are very important discussions to be had about how software
> development works in the Wikimedia movement. This is absolutely not one of
> them.
>
> On Mon, Dec 12, 2016 at 1:48 AM, Strainu  wrote:
>
>> 2016-12-12 10:21 GMT+02:00 Quim Gil :
>> > Hi, let me check this incident under the light of the Technical
>> > Collaboration Guideline
>> > 
>> (draft
>> > under review, feedback welcome in the related discussion pages).
>> >
>> > https://www.mediawiki.org/wiki/Technical_Collaboration_
>> Guideline/Milestone_communication
>> > defines when and where are communications expected.
>>
>> Thank you for the pragmatic approach Quim. I launched 2 discussions
>> there, referring to changes that require action from the communities
>> [1] and changes affecting large number of pages [2]. Hopefully we can
>> find a middle ground on at least some of the subjects.
>>
>> Strainu
>>
>> [1] https://www.mediawiki.org/wiki/Topic:Th1vs3h97d96ajaf
>> [2] https://www.mediawiki.org/wiki/Topic:Th1wc4pu1qplo4k8
>>
>> ___
>> Wikitech-l mailing list
>> Wikitech-l@lists.wikimedia.org
>> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
>>
>
>
>
> --
> Neil P. Quinn ,
> product analyst
> Wikimedia Foundation
> ___
> Wikitech-l mailing list
> Wikitech-l@lists.wikimedia.org
> https://lists.wikimedia.org/mailman/listinfo/wikitech-l

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

[Wikitech-l] OOjs UI 0.18.0 release (breaking change)

2016-11-09 Thread Volker E.
Hello everyone,

we've released OOjs UI 0.18.0 today. It will be in MediaWiki core from
1.29.0-wmf.2,
which will be deployed to Wikimedia production in the regular train, starting on
Tuesday 15 November. As in this release there are six breaking changes, at least
nominally, please carefully look over them to see if they affect your code.


Breaking changes since last release:

* TextInputWidget: remove `isValid()` method, deprecated since v0.12.3
(Ricordisamoa)

  Though named "isValid", this function has always returned a Promise, and not a
  boolean (the Promise was resolved with true/false). Way back over a
year ago in
  v0.12.3 we introduced `getValidity()` instead, with saner semantics
(it returns
  a Promise that is resolved or rejected depending on validitity), with the old
  function left in for backwards compatibility. We're now removing the
old function;
  if you're still using it, you'll need to switch over.


* ComboBoxWidget: Remove this deprecated alias for ComboBoxInputWidget
(James D. Forrester)

  We renamed the `ComboBoxWidget` to `ComboBoxInputWidget` a year ago,
refactoring
  it to inherit from `TextInputWidget`, with the old names left as deprecated
  backwards-compatible options. We're now removing the old name; if you're still
  using it, you'll need to simply switch over the name of the widget you call.


* core: Remove {add|remove}CaptureEventListener (James D. Forrester)

  We provided 'addCaptureEventListener' and its sibling as proxies for
  'node.addEventListener' and its sibling with special code to support Internet
  Explorer 8. However, from version 0.15.0 we dropped support for that
browser (as
  MediaWiki did), so this indirection was no longer necessary. We're
now removing
  the old methods; if you're still using it, you'll need to simply
switch over to
  the native ones.


* icons: Remove deprecated alias 'photoGallery' (Ed Sanders)

  We renamed the 'photoGallery' icon to 'imageGallery' in v0.13.3 in
November 2015,
  and left the old name as a duplicate for a while for backwards
compatibility. We're
  now removing the old name; if you're still using it, you'll need to
simply switch
  over to the new one.


* InputWidget: Remove deprecated #setRTL function (James D. Forrester)

  We renamed the 'setRTL' function to 'setDir' in v0.13.1 to be more standard in
  our naming and not imply that LTR is the normal direction. We left
the old name
  for more than a year, but now it's removed, so you'll switch from passing a
  boolean to one of the strings 'ltr' and 'rtl'.


* MediaWiki theme: Remove deprecated `constructive` variables (Volker E)

  We scrapped the 'constructive' flagged state in the MediaWiki theme some time
  ago. This also removes the Less variables, which we had temporarily set to the
  same values as the 'progressive' flag. This might be a breaking change if you
  were using these downstream, but it is unlikely.



Deprecations since last release:

* Break out parts of TextInputWidget into a new SearchInputWidget
(Prateek Saxena)

  TextInputWidget is being simplified to reduce load, with specialised
assumptions
  around behaviour and what icons to display by default moved down
into a bespoke
  sub-classed widget for that use case. The old parameters will be respected for
  now for backwards-compatibility, but please switch over soon if
you're using the
  widget for search.


* CapsuleMultiSelectWidget: Rename to CapsuleMultiselectWidget
(Bartosz Dziewoński)

  The capital letter on the 'S' is out of keeping with the rest of our
widgets, so
  we renamed it. The old name is left for backwards-compatibility for
at least one
  full release cycle, but please do switch over sooner rather than later.



Additional details are in the full changelog[0]. If you have any further queries
or need help dealing with deprecations, please let me know. As always, a general
set of library documentation is available on mediawiki.org[1], and there is some
comprehensive generated code-level documentation and interactive demos hosted on
doc.wikimedia.org[2].

[0] - https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md
[1] - https://www.mediawiki.org/wiki/OOjs_UI
[2] - https://doc.wikimedia.org/oojs-ui/master/


Best,
Volker

--
Senior UX Engineer, Editing
Wikimedia Foundation

volker.e [at] wikimedia
@Volker_E

___
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l