Jen Simmons

Last updated
Jen Simmons
Jen Simmons AEACHI (cropped).jpeg
Simmons presenting at An Event Apart in 2015
Education Gordon College (BA)
Temple University (MFA)
Occupation(s)graphic designer, web developer
Website jensimmons.com

Jen Simmons is an American graphic designer, web developer, educator and speaker known[ by whom? ] for her expertise in web standards, particularly HTML and CSS. [1] [2] She is a member of the CSS Working Group and has been prominent in the deployment of CSS grid layout. [3] She worked as a developer advocate at Mozilla and later at Apple.

Contents

Life

Simmons earned a BA in sociology from Gordon College in 1991. [4] In 2007 she graduated from Temple University with an MFA in Film and Media Arts. [4] In addition to working on websites since 1998, Simmons is a designer for print pieces and live performance, including projection and lighting design work. [5]

She is a creator of Bartik theme for Drupal, which became one of core themes and a default in Drupal versions 7, 8 and 9. [6] [7] [8]

In 2013 she joined the Responsive Images Community Group one of groups of the World Wide Web Consortium (W3C). [9]

She was a designer and developer advocate at Mozilla since 2016, [10] where she designed the Firefox browser's Grid Inspector. [11] [12] Since 2020 Simmons is a developer advocate at Apple for the Web Developer Experience team for WebKit and Safari. [13] [10]

Simmons is a member of the CSS Working Group created by the W3C since 2016. [1] [14] She joined CSS WG when working for Mozilla and continued as an Apple employee. [15] [14] She helped prepare and communicate CSS grid layout specification (level 1 and 2), [16] [17] CSS Containment Module Level 3, [18] CSS Cascading and Inheritance (level 5 and 6), [19] [20] CSS Shapes Module Level 1. [21] She was an editor on CSS Box Sizing Module level 4 [22] and on CSS Grid Layout Level 3. [23]

Significance

Simmons runs the YouTube channel "Layout Land" [24] [25] and coined the term "intrinsic design" to refer to her philosophy of web layouts that mix fixed, content-sized, and fluid layout. [26] She is a frequent conference speaker at events such as South by Southwest, DrupalCon and SmashingConf. [27] [28] [29] [30] [31] [32] [12]

Simmons has been on Twitter since 2007 and has more than 100,000 followers. [33] In 2007, she coined the term "fail whale" for the website's error message illustration that showed during outages until 2013. [34] [35] [36]

Related Research Articles

Gecko is a browser engine developed by Mozilla. It is used in the Firefox browser, the Thunderbird email client, and many other projects.

XUL, which stands for XML User Interface Language, is a user interface markup language developed by Mozilla. XUL is an XML dialect for writing graphical user interfaces, enabling developers to write user interface elements in a manner similar to web pages.

<span class="mw-page-title-main">Drupal</span> Web content management system

Drupal is a free and open-source web content management system (CMS) written in PHP and distributed under the GNU General Public License. Drupal provides an open-source back-end framework for at least 14% of the top 10,000 websites worldwide and 1.2% of the top 10 million websites—ranging from personal blogs to corporate, political, and government sites. Drupal can also be used for knowledge management and for business collaboration.

XBL is an XML-based markup language for altering the behavior of XUL widgets. It was devised at Netscape in the late 1990s as an extension of XUL.

In computing, quirks mode is an approach used by web browsers to maintain backward compatibility with web pages designed for old web browsers, instead of strictly complying with web standards in standards mode. This behavior has since been codified, so what was previously standards mode is now referred to as simply no quirks mode.

<span class="mw-page-title-main">FOAF</span> Semantic Web ontology to describe relations between people

FOAF is a machine-readable ontology describing persons, their activities and their relations to other people and objects. Anyone can use FOAF to describe themselves. FOAF allows groups of people to describe social networks without the need for a centralised database.

<span class="mw-page-title-main">HTML5</span> Fifth and previous version of HyperText Markup Language

HTML5 is a markup language used for structuring and presenting hypertext documents on the World Wide Web. It was the fifth and final major HTML version that is now a retired World Wide Web Consortium (W3C) recommendation. The current specification is known as the HTML Living Standard. It is maintained by the Web Hypertext Application Technology Working Group (WHATWG), a consortium of the major browser vendors.

<span class="mw-page-title-main">CSS animations</span> CSS3 properties that would let some HTML elements animate

CSS animations is a proposed module for Cascading Style Sheets that allows the animation of HTML document elements using CSS.

<span class="mw-page-title-main">CSS</span> Style sheet language

Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

The Web Open Font Format (WOFF) is a font format for use in web pages. WOFF files are OpenType or TrueType fonts, with format-specific compression applied and additional XML metadata added. The two primary goals are first to distinguish font files intended for use as web fonts from fonts files intended for use in desktop applications via local installation, and second to reduce web font latency when fonts are transferred from a server to a client over a network connection.

<span class="mw-page-title-main">Holy grail (web design)</span> CSS programming trick for dividing a web page into three columns

The holy grail is a web page layout which has multiple equal-height columns that are defined with style sheets. It is commonly desired and implemented, but for many years, the various ways in which it could be implemented with available technologies all had drawbacks. Because of this, finding an optimal implementation was likened to searching for the elusive Holy Grail.

<span class="mw-page-title-main">Responsive web design</span> Approach to web design for making web pages render well on a variety of devices

Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction.

HTML audio is a subject of the HTML specification, incorporating audio input, playback, and synthesis, as well as speech to text, all in the browser.

CSS Flexible Box Layout, commonly known as Flexbox, is a CSS web layout model. It is in the W3C's candidate recommendation (CR) stage. The flex layout allows responsive elements within a container to be automatically arranged depending on viewport size.

Front-end web development is the development of the graphical user interface of a website through the use of HTML, CSS, and JavaScript so users can view and interact with that website.

Web Components are a set of features that provide a standard component model for the web allowing for encapsulation and interoperability of individual HTML elements. Web Components are a popular approach when building microfrontends.

WebXR Device API is a Web application programming interface (API) that describes support for accessing augmented reality and virtual reality devices, such as the HTC Vive, Oculus Rift, Meta Quest, Google Cardboard, HoloLens, Apple Vision Pro, Magic Leap or Open Source Virtual Reality (OSVR), in a web browser. The WebXR Device API and related APIs are standards defined by W3C groups, the Immersive Web Community Group and Immersive Web Working Group. While the Community Group works on the proposals in the incubation period, the Working Group defines the final web specifications to be implemented by the browsers.

<span class="mw-page-title-main">Progressive web app</span> Specific form of single page web application

A progressive web application (PWA), or progressive web app, is a type of web app that can be installed on a device as a standalone application. PWAs are installed using the offline cache of the device's web browser.

<span class="mw-page-title-main">CSS grid layout</span> CSS properties for complex responsive webpages

In Cascading Style Sheets, CSS grid layout or CSS grid creates complex responsive web design grid layouts more easily and consistently across browsers. Historically, there have been other methods for controlling web page layout methods, such as tables, floats, and more recently, CSS Flexible Box Layout (flexbox). CSS grid is currently not an official standard although it has been adopted by the recent versions of all current major browsers.

<span class="mw-page-title-main">David Baron (computer scientist)</span> American computer scientist

David Baron is an American computer scientist, web browser engineer, open web standards author, technology speaker, and open source contributor. He has written and edits several CSS web standards specifications including CSS Color Module Level 3, CSS Conditional Rules, and several working drafts. He started working on Mozilla in 1998, and was employed by Mozilla in 2003 to help develop and evolve the Gecko rendering engine, eventually as a Distinguished Engineer in 2013. He was Mozilla’s representative on the WHATWG Steering Group from 2017-2020. He has served on the W3C Technical Architecture Group (TAG) continuously since being elected in 2015 and re-elected subsequently, most recently in 2020. In 2021 he joined Google to work on Google Chrome.

References

  1. 1 2 Warren, Tom (2018-01-04). "Chrome is turning into the new Internet Explorer 6". The Verge. Retrieved 2019-08-30.
  2. ↑ Coyier, Chris (2019-03-04). "CSS Remedy". CSS-Tricks. Retrieved 2019-08-30.
  3. ↑ CaSE Podcast Team (2017-03-08). "Modern CSS with Jen Simmons". CaSE: Conversations about Software Engineering. Retrieved 2019-08-30.
  4. 1 2 "Monday Profile: Jen Simmons". Web Directions. 2016-06-20. Retrieved 2019-08-30.
  5. ↑ "Jen Simmons - An Event Apart". aneventapart.com. Retrieved 2019-08-30.
  6. ↑ "Core Themes: Bartik". Drupalize.Me. 2017-03-30. Retrieved 2023-03-01.
  7. ↑ "Bartik". Drupal.org. 2010-02-22. Retrieved 2023-03-01.
  8. ↑ "Bartik". Drupal.org. 2016-10-27. Retrieved 2023-03-01.
  9. ↑ "Use Cases and Requirements for Standardizing Responsive Images". www.w3.org. 2013. Retrieved 2023-03-01.
  10. 1 2 Notarianni, Mauro (2020-06-03). "Jen Simmons, la specialista degli standard web ora lavora per Apple". macitynet.it (in Italian). Retrieved 2023-03-01.
  11. ↑ Huijing Chen (2017-12-04). "Debugging CSS Grid Layouts With Firefox Grid Inspector". Smashing Magazine . Retrieved 2022-11-01.
  12. 1 2 "Jen Simmons Bio". talks.jensimmons.com. Archived from the original on 2019-08-30. Retrieved 2019-08-30.
  13. ↑ Mearian, Lucas (2022-02-10). "Apple wants to know why you hate Safari". Computerworld. Retrieved 2023-03-01.
  14. 1 2 "CSS WG members". www.w3.org. Archived from the original on 2023-03-01. Retrieved 2023-03-01.
  15. ↑ "CSS WG members". 2017-05-19. Archived from the original on 2017-05-19. Retrieved 2023-03-01.{{cite web}}: CS1 maint: bot: original URL status unknown (link)
  16. ↑ "CSS Grid Layout Module Level 1". www.w3.org. 2020. Retrieved 2023-03-01.
  17. ↑ "CSS Grid Layout Module Level 2". www.w3.org. 2020. Retrieved 2023-03-01.
  18. ↑ "CSS Containment Module Level 3". www.w3.org. 2022. Retrieved 2023-03-01.
  19. ↑ "CSS Cascading and Inheritance Level 5". www.w3.org. 2022. Retrieved 2023-03-01.
  20. ↑ "CSS Cascading and Inheritance Level 6". www.w3.org. 2021. Retrieved 2023-03-01.
  21. ↑ "CSS Shapes Module Level 1". www.w3.org. 2022. Retrieved 2023-03-01.
  22. ↑ "CSS Box Sizing Module Level 4". www.w3.org. 2021. Retrieved 2023-03-01.
  23. ↑ "CSS Grid Layout Module Level 3". drafts.csswg.org. 2021. Retrieved 2023-03-01.
  24. ↑ Slefo, George P. (2019-07-18). "CSS Grid is finally starting to live up to its potential in web design". adage.com. Retrieved 2019-08-30.
  25. ↑ "The 15 best new podcasts for web designers and developers". The Media Temple Blog. 3 August 2018. Retrieved 2019-08-30.
  26. ↑ "The Web Layout Revolution: An Interview with Chen Hui Jing". The Media Temple Blog. 14 May 2019. Retrieved 2019-08-30.
  27. ↑ "Jen Simmons on Speaker Deck". speakerdeck.com. Retrieved 2023-03-01.
  28. ↑ "Mozilla Developer Roadshow: A Day Working on CSS Grid + Layout with Jen Simmons". generalassemb.ly. Retrieved 2023-03-01.
  29. ↑ "Jen Simmons - An Event Apart". aneventapart.com. Retrieved 2023-03-01.
  30. ↑ "Jen Simmons's schedule for CSS Dev Conf 2014". cssdevconf2014.sched.com. Retrieved 2023-03-01.
  31. ↑ "Web Directions hover 2022". webdirections.org. Retrieved 2023-03-01.
  32. ↑ "Jen Simmons - SmashingConf SF 2019, April 16–17". smashingconf.com. 2019. Retrieved 2023-03-01.
  33. ↑ "Jen Simmons (@jensimmons)". twitter.com. Retrieved 2019-08-30.
  34. ↑ "La vera storia della balena di Twitter" [The real story of the Twitter whale]. La Stampa (in Italian). 24 January 2015. Archived from the original on 2021-03-08. Retrieved 2019-08-30.
  35. ↑ LaFrance, Adrienne (2015-01-08). "The Story of Twitter's Fail Whale". The Atlantic. Retrieved 2019-08-30.
  36. ↑ Simmons, Jen [@jensimmons] (2007-09-02). "Oh, fail whale, you are making my website fail. No more wordpress-twitter-crossposting" (Tweet) – via Twitter.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.