accessibility

en-noun

accessibility (usually uncountable, plural accessibilities)

From accessible + -ity, after Late Latin accessibilitas, from Latin accessibilis.

The purpose of this study is to measure West Virginia University's website accessibility for students and users who are blind or visually impaired and compare that measurement to the measurement of other websites of […]

2007, Accessibility of WVU Websites for Individuals with Vision Impairments, ProQuest, →ISBN, page 4:

(computing, web design) Features that increase software usability for users with certain impairments.

無障礙 /无障碍

feature that increases software usability


CSS

CSS (countable and uncountable, plural CSSs or CSSes)

One needs only to decide upon a series of rules to define the functionality of a CSS and then to decide how to implement that sheet, either directly within their HTML document, or by using an externally linked file.

2009, J.D. Applen, Rudy McDaniel, The Rhetorical Nature of XML: Constructing Knowledge in Networked Environments, New York, N.Y., London: Routledge, →ISBN, page 162:

A marked-up document can have a CSS linked to it, but a user may have a CSS on their machine that will override it, which can cause problems sometimes and can need checking where publishers need to be sure the content is accurately presented.

2013, Frania Hall, The Business of Digital Publishing: An Introduction to the Digital Book and Journal Industries, Routledge, →ISBN, page 22:

Now, the first thing we will do is to alter our listing page to respect the layout of the original Agendatech, importing the CSSs.

2014, Alberto Souza, Practical Play Framework: Focus on What Is Really Important, Editora Casa do Código, →ISBN:

Create a CSS with the following rules: a. Set the text color for the page to "#ff6600", and the text color for <h1> to "IndianRed".

2021, Prashant Joshi, Introduction to IT Systems, Khanna Book Publishing Co. (P) Ltd., published 2022, →ISBN, page 110:

cascading style sheet
cascading style sheet#English

(web design) Initialism of cascading style sheet.


CSS

style sheet language
style sheet language

(web design) Initialism of Cascading Style Sheets, a style sheet language.


hero

hero (plural heroes or (sandwich sense) heros)

[ˈhɪə.ɹəʊ~ˈçɪə.ɹəʊ]

From Middle English heroes, from Old French heroes, from Latin hērōs (“hero”), from Ancient Greek ἥρως (hḗrōs, “demi-god, hero”), from Proto-Indo-European *ser- (“to watch over, protect”). Related to Latin servo (“protect”). Displaced Middle English heleð, haleð, from Old English hæleþ, hæle.

der

(web design) The eye-catching top portion of a web page, sometimes including a hero image; the portion above the fold.


fold

The verb is from Middle English folden, from Old English fealdan, from Proto-West Germanic *falþan, from Proto-Germanic *falþaną (“to fold”), from Proto-Indo-European *pel- (“to fold”).
The noun is from Middle English folde,falde, itself derived from the verb.

For example, a story that is "page I, above the fold" is considered very important news. In web page design, the fold signifies the place at which the user has to scroll down to get more information.

1999, Jared M. Spool, Web Site Usability: A Designer's Guide, Morgan Kaufmann, →ISBN, page 77:

(by extension, web design) The division between the part of a web page visible in a web browser window without scrolling; usually the fold.


hydration

en-noun

hydration (usually uncountable, plural hydrations)

LL-Q1860 (eng)-Flame, not lame-hydration.wav

From hydrate + -ion. The programming terms come from the concept of data lake.

(web design) Client-side rendering of pre-rendered static server data, e.g. to make dynamic web pages.


rem

Like the em unit, the rem unit is based on declared font size. The difference—and it’s a doozy—is that whereas em is calculated using the font size of the element to which it’s applied, rem is always calculated using the root element.

2017, Eric A Meyer, Estelle Weyl, CSS: The Definitive Guide: Visual Presentation for the Web, Kindle edition, O'Reilly Media, page 126:

(web design) A unit relative to the declared font size of the root element in an HTML document.


rollover

rollover (countable and uncountable, plural rollovers)

rollovers (plural)
roll-over (alternative)

LL-Q1860 (eng)-Flame, not lame-rollover.wav

Your Web site doesn't have to be full of the latest dropdowns, rollovers, superslick graphics, or Flash videos.

2007, Ray Foley, Heather Dismore, Running a Bar for Dummies, page 273:

graphical user interface
graphical user interface

(graphical user interface, chiefly web design) A graphic element that changes its appearance when the cursor moves over it.

osoitettaessa muuttuva elementti

computing: a graphic element that changes its appearance when the cursor moves over it


in-line

Now the paragraph to which you applied the inline style should be light gray, as the inline CSS is overriding the embedded CSS and the linked style sheet. Any other default paragraphs should still be dark gray based on the embedded style.

2007, Simon Collison, Beginning CSS Web Development: From Novice to Professional:

(web design, Cascading Style Sheets) Of a style: inserted in the style attribute of an HTML element instead of in a separate stylesheet.


div

Coordinate term: section break

(web design) A section of a web page, or the div element that represents it in HTML code.


inline

Bold and italic tags are inline elements.

(web design, Cascading Style Sheets) An element that occurs within the flow of the text.


XYZ

(web design, cartography) Describing a URL scheme for providing map tiles, where X and Y refer to coordinates, while Z refers to zoom level.


BEM

Where OOCSS and SMACSS can be seen as a more of frameworks for thinking about structured CSS combined with some handy rules of thumb, BEM is a much more rigid system for how to author and name your styles. BEM is originally an application development methodology from the search engine company Yandex.

2016, Andy Budd, Emil Björklund, CSS Mastery, Apress, →ISBN, page 387:

(web design) Initialism of block, element, modifier, a convention for authoring CSS.


leaderboard

(web design) An advertisement on a web page spanning the width of the page and shallow in height.


below the fold

(by extension, web design, graphical user interface) Far enough down that it is not likely to be visible in the initial display of a window or screen, such that the end user will probably have to scroll down before seeing it.


divitis

(web design, usually derogatory) The practice of authoring web-page code with many div elements in place of meaningful semantic HTML elements.


wireframe

wireframes (plural)
wire frame (alternative)
wire-frame (alternative)

Wireframes should be simple sketches that you can quickly revise and not get attached to.

2003, Andrew Chak, Submit Now: Designing Persuasive Web Sites, →ISBN, page 306:

(web design) A basic visual guide used to suggest the layout of fundamental elements in a web interface


wireframe

en-verb

wireframe (third-person singular simple present wireframes, present participle wireframing, simple past and past participle wireframed)

wireframes (present singular third-person)
wireframing (participle present)
wireframed (participle past)
wireframed (past)
wire frame (alternative)
wire-frame (alternative)

There are a few lists you should make before you start wireframing.

2006, Daniel M. Brown, Communicating Design, →ISBN, page 290:

(web design) To prepare a wireframe for a website


favicon

From the original filename used by Internet Explorer, "favicon.ico", a blend of favorites (“browser bookmarks”) + icon.

blend

The only way to restore a favicon is to delete the link from the Favorites folder and recreate it.

2000, PC Magazine, volume 19, numbers 19-20, page 127:

A free online favicon editor allows advanced webmasters to create their own favicons and use them during website development or maintenance.

2002, Ejub Kajan, Information technology encyclopedia and acronyms, page 195:

You, however, can do better by creating your own customized favicon for your Web site — just the thing you need to add that professional touch.

2006, Richard Wagner, Web Design Before & After Makeovers, page 206:

Make sure to create a favicon. Since the browser will request this file anyway, there's no reason to return a 404 Page Not Found error, especially if your 404 handler consumes a database connection or other expensive resources.

2009, Steve Souders, Even Faster Web Sites, page 158:

Favicons are those cute little icons that appear on your browser's address bar when you visit some sites.

2009, Manny Hernandez, Ning for Dummies, page 312:

You can stick with the favicon provided by your Web host.
Do not worry about pronouncing favicon correctly. There is no definitive pronunciation.

2010, Janet Majure, Teach Yourself Visually WordPress, page 132:

(web design) An icon associated with a particular website, and typically displayed in the address bar of a browser viewing the site.


stylesheet

stylesheets (plural)
style sheet (alternative)

en:computer file with markup controlling style for other files

(web design) A document consisting of markup that describes the layout and presentation to be used when displaying other documents.

stilfolio

Internet: a document consisting of markup that describes the layout and presentation to be used when displaying other documents


landing page

A good international landing page should have languages in some type of graphic that all browsers can read, followed by a selection of other languages that the user can shoot to quickly.

1996, Robert F. Breedlove, Web Programming Unleashed, Indianapolis: Sams.net, page 910:

When the user arrives at that landing page the content is not generic (as the home page will be) but specific

2007, Richard Gay with Alan Charlesworth and Rita Esen, Online marketing: a customer-led approach, page 294:

Your most important information on the landing page should be above the fold.

2008, Susan Sweeney, 101 Ways to Promote Your Tourism Business Web Site, page 104:

If they see their user-generated scent of information (keywords) on a website's landing page, they believe the page will help ... Searchers become confident that the landing page is giving them what they need.

2009, Shari Thurow with Nick Musica, When Search Meets Web Usability, page 71:

Is your landing page clearly about that keyword, and is the keyword used repeatedly on the landing page?

2010, Perry S. Marshall with Bryan Todd, Ultimate Guide to Google Ad Words, page 110:

(web design, marketing) A web page at which a user first arrives at a website, now especially one optimized for a marketing campaign or for lead generation.


slippy map

(web design, cartography) An interactive digital map with pan and zoom features.


infinite scroll

The prime example of this is the so-called infinite scroll pattern. The idea is simple: rather than distribute results across a series of pages, all results are loaded into a single page.

2009, Robert Hoekman, Jared Spool, Web Anatomy: Interaction Design Frameworks That Work, page 96:

You want to create an “infinite scroll” interaction that appends new results as the user scrolls down the page.

2012, Evan Goer, Yui 3 Cookbook, page 80:

The demands of the infinite scroll, in short, can no longer be fulfilled by humans alone.

2025 April 19, Jacob Silverman, “Welcome to Slop World”, in FT Weekend, Life & Arts, page 16:

(web design) A web design technique that loads more content as the user scrolls towards the end of the loaded content. This prevents the browser scroll bar from scrolling to the bottom of the page, causing the page to grow with additional content instead, until there are no more results to be displayed.


classitis

LL-Q1860 (eng)-Flame, not lame-classitis.wav

Classitis can be avoided through a better understanding of CSS selectors.

2006, Paul Haine, HTML Mastery: Semantics, Standards, and Styling, page 175:

Frameworks tend to suffer from divitis and classitis.

2011, Antony Kennedy, Inayaili de León, Pro CSS for High Traffic Websites, page 102:

(web design, usually derogatory) The practice of authoring stylesheets with redundant and semantically unhelpful classes.


Sass

style sheet language
style sheet language#English

(web design) Initialism of Syntactically Awesome Style Sheets (a style sheet language)


font stack

(web design) The list of fonts a CSS stylesheet instructs a web browser to use.


hero image

With the thumbnails in place we can concentrate on the hero image. Click the current full size image until the hero image is the active object.

2014, David Asch, Creative Web Design with Adobe Muse, CRC Press, →ISBN, page 66:

(web design) An eye-catching, prominent image, used as an over-sized (almost background-like) header.


OOCSS

Where OOCSS and SMACSS can be seen as a more of frameworks for thinking about structured CSS combined with some handy rules of thumb, BEM is a much more rigid system for how to author and name your styles.

2016, Andy Budd, Emil Björklund, CSS Mastery, Apress, →ISBN, page 387:

(web design) Initialism of Object-oriented CSS.


cascading style sheet

en-noun

cascading style sheet (plural cascading style sheets)

cascading style sheets (plural)
Cascading Style Sheet (alternative)

Conversely, one cascading style sheet can be applied to a potentially infinite number of Web pages, giving Web page authors heretofore unknown ease of application of style across that potentially infinite number of pages.

1998, Peter Belesis, Dynamic HTML Unleashed, 2nd edition, Sams.net Publishing, →ISBN, page 62:

His prose is a cascading style sheet of aperçus.

2006 May 20, Toby Litt, “In with IT crowd”, in The Times, archived from the original on 2021-10-21:

You will also need to add a cascading style sheet (CSS) by producing the following file in an editor and saving it in the same file as your “hello.xml”: hello {display: block; font-size: 30pt; font-weight: bold;}

2009, J.D. Applen, Rudy McDaniel, The Rhetorical Nature of XML: Constructing Knowledge in Networked Environments, New York, N.Y., London: Routledge, →ISBN, page 47:

In addition to cookies, advertisers can use a computer’s IP address to determine a user’s geographic location, can use invisible “web bugs” to monitor activity and can look at an individual’s browser history by using JavaScript or a cascading-style-sheet technique.

2011 November 21, Deborah M. Todd, “Internet tracking: As more advertisers monitor every click of your mouse, should someone monitor the monitoring?”, in Pittsburgh Post-Gazette, volume 85, number 113, page A-8:

A theme must have at least one cascading style sheet.

2013, Brad Williams, David Damstra, Hal Stern, Professional WordPress® Design and Development, 2nd edition, John Wiley & Sons, Inc., →ISBN, page 214:

(web design) A stylesheet in Cascading Style Sheets format.


masonry layout

(web design) A tightly-packed columnar layout in which there are no identifiable rows, unlike a uniform grid.


doorslam

(web design) A pop-up or other obstruction preventing a user from viewing content, typically after reaching a scrolling threshold.


neubrutalism

Neubrutalism can be easily identified by a few particular traits. Immediately noticeable are the solid clashing colours; large bold text in quirky fonts immediately tells you where you are and what you can do there.

2022 July 26, Maria Teneva, “Neubrutalism style in UX: a twist on the dominant modern minimalist”, in Medium, archived from the original on 2023-11-03:

Background color: In Neubrutalism, we can use multiple colors (other than white and light gray on light mode and dark colors on the dark theme) for the background color! We can use very vibrant colors, and vintage and muted colors.

2023 February 12, Sepideh Yazdi, “How can I design in the Neo Brutalism style?”, in Medium:

Neubrutalism (a.k.a. neo-brutalism) takes recent website trends to the next level—it retains its edge while also combining the unusual style with more modern animation, illustration, and text standards.

2023 December 21, Hermione Wright, “What Is the Neubrutalism Web Design Trend?”, in Envato Elements, archived from the original on 2024-02-29:

(web design) A modern Web user interface style inspired by brutalism.


neobrutalism

(web design) Alternative form of neubrutalism