Production HTML samples showing how CWDS button classes are used in AEM with the ads__ scoping pattern.
Production HTML samples showing how CWDS typography classes are used in AEM with the ads__ scoping pattern.
Living style guide for all CWDS button variants with rendered examples, specifications, and copyable code snippets.
Repeatable process for adding new CWDS components to UXLab with CSS tokens, Vue components, AEM references, and style guide pages.
AbbVie's web design system integrated into UXLab with CSS tokens, Vue components, and living style guide pages.
Living style guide for all CWDS typography variants with rendered examples and font specifications.
Naming things is hard. This sheet attempts to make it easier.
Globally, our employees embrace diverse backgrounds and perspectives and treat everyone equally, with dignity and respect, allowing us all to achieve our best. We proudly do our part to serve and support our communities and protect the environment, making a lasting impact that's felt within healthcare and beyond. What we do isn't easy, but we persevere because what we achieve inspires hope and transforms lives—every single day.
ack is a grep-like source code search tool.
Adobe Experience Manager (AEM) is a comprehensive content management solution that makes it easy to manage your marketing content and assets.
The HTML5 <article> element represents a complete or self-contained composition in a web page. Examples of articles include an item at a shopping site or a news article on a news site.
A simple typescript API for common auth utilities like hashing, encryption, encoding, and OTP generation. Built on top of Web Crypto APIs and it wraps over uncrypto to provide a unified API for both Node.js (using the Crypto module) and web environments (using the Web Crypto API) through Conditional Exports.
Advanced fetch wrapper for typescript with zod schema validations, pre-defined routes, hooks, plugins and more. Works on the browser, node (version 18+), workers, deno and bun.
The following is an excerpt from the The Story of my Life by Helen Keller
The webpack config for an SSR project will be similar to a client-only project. If you're not familiar with configuring webpack, you can find more information in the documentation for Vue CLI or configuring Vue Loader manually.
Clack contains low-level primitives for implementing your own command-line applications.
Effortlessly build beautiful command-line apps 🪄 Try the demo
ack tree
A Developer-Centered Experience for AEM Components_
The Dev Experience We Wanted to See
Content Fragments and Experience Fragments are different features within AEM:
AbbVie may use and disclose online usage data about you collected automatically through online tracking technologies such as cookies, pixels, and web beacons (collectively, “cookies”). We use this data for multiple purposes, including for online targeted advertising (advertisements based on your interests inferred from your activity across other unaffiliated sites and services) and website analytics purposes, as well as to personalize content, save your preferences, provide social media features, and track the site’s performance, as further described in the"Cookies and similar tracking and data collection technologies" section of our Privacy Notice. We retain this data for as long as necessary to fulfill these purposes or as needed to comply with our record retention obligations. We do not sell your data, but we may disclose it to our marketing and advertising partners for purposes of online targeted advertising or for website analytics purposes. To opt out of the use or disclosure of your cookie-based personal data for online targeted advertising or for website analytics purposes, or to otherwise manage your preferences, please click on Cookie Settings below. For additional information on the categories of data we collect, the purposes for their collection, disclosures to third parties, and data retention, please visit ourPrivacy Notice.
This chart indicates all tile orders that users will encounter in the ISA. This section is only required if the business rules for the various segments cannot be included in the Navigational Requirements tab. If this CRD is used, please include the default presentation and the additional segments (please name segments in column headings below)
Document Driven Design (DDD) is a software development methodology that prioritizes creating well-documented code and using that documentation as a central focus for development. It starts with the documentation, and the documentation drives other aspects of the development process, such as progress tracking, code implementation, and testing.
Design tokens are foundational design decisions representing a design system’s visual language. Tokens can represent colors, typography, effects, spacing, and animation. Tokens store values like colors, font-styles, and font sizes, allowing the visual language to be applied across all products. They streamline designer and developer workflows, enabling the design system to scale. Tokens are platform agnostic but can be applied with platform-specific code for ultimate flexibility.
This repo includes a Bitbucket Pipelines configuration tailored for Node-based frontend projects (React + Tailwind + Storybook).
A systematic approach to technical documentation authoring.
A small team and I are working to create a tool (DiVA – Digital Virtual Assistant) that will take a user’s question and using AI be able to pull answers from a repository of documents in response to the question.
Designing Brand Identity: A Comprehensive Guide to the World of Brands and Branding 6th Edition https://a.co/d/eXwsJSx
Explanation is a discursive treatment of a subject, that permits reflection. Explanation is understanding-oriented.
The sales volume of our SpaceBear product was steadily the first three quarters but had a huge success in quarter four with the introduction of SuperBear in time for the holiday season. See graphic G3 for details.
Frontmatter, in both literary and digital contexts, refers to the information preceding the main content of a document. In literature, it's the section at the beginning of a book containing elements like the title page, copyright information, dedications, and the table of contents. In digital contexts, particularly with static site generators and documentation tools, frontmatter is a block of metadata typically written in YAML, TOML, or JSON at the top of a file, used to define attributes like title, date, and layout.
global gitconfig
Your personal productivity system for managing tasks, projects, and commitments
Your inbox for capturing all thoughts, ideas, and commitments
This information is intended for US healthcare professionals only
This starter theme enhances your AEM + Tailwind UI with a polished and accessible light/dark theming system using OKLCH color values and a rich background image.
Here's a comprehensive example of nested resources in Nuxt 3 with a parent [slug] page passing props to subpages:This example demonstrates a complete nested resource structure in Nuxt 3 with:
How-to guides are directions that guide the reader through a problem or towards a result. How-to guides are goal-oriented.
HTML template language is preferred and recommended server-side template system used in AEM, this is also know as sightly in most of the AEM community.
Hydration refers to the client-side process during which Vue takes over the static HTML sent by the server and turns it into dynamic DOM that can react to client-side data changes.
A responsive iframe component for your Nuxt 3 app.
You can split your slides.md into multiple files and organize them as you want using the src attribute.
source
Come to work each day for a leading biopharma company, helping to create solutions that impact patients and their communities for the better. If you believe as much as we do that Technology can make remarkable business impact and enjoy working within a fast paced, cutting-edge, technology team that believes that the greatest value is coming when living and breathing diversity, equity, and inclusion then we want you to join us.
Come to work each day for a leading biopharma company, helping to create solutions that impact patients and their communities for the better. If you believe as much as we do that Technology can make remarkable business impact and enjoy working within a fast paced, cutting-edge, technology team that believes that the greatest value is coming when living and breathing diversity, equity, and inclusion then we want you to join us.
JavaScript concepts explained with code.
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
Note: This license has also been called the “New BSD License” or “Modified BSD License”. See also the 2-clause BSD License.
Copyright
Copyright
This is free and unencumbered software released into the public domain.
LMS Login - Abv Employee - IDP Chaining BotoxOne Loging forHCP Using Okta (Dev)
meta description of the page
Record your first Loom video in seconds https://www.loom.com/signup
A tool to check markdown files and flag style issues.
Marketing technology (martech) is a set of integrated technologies that enables marketing capabilities, such as efficiently and effectively targeting, acquiring and retaining customers.
Hey Victor, just a reminder for sharing with me the draft version of the whitepaper of which areas specifically you see opportunities for your to contribute between NOVA & Web. Also think about adding at least 1 Mission Impossible for you in 2025.
Shape and deliver the Commercial technology priorities while ensuring our technology ecosystem and organization are Future Fit.
Nebula
A progressive Node.js framework
Tailwind v4 & Unity v3
This is the audio element
A clickable button element.
A callout box for highlighting information.
A rotating slider for showcasing multiple items.
A layout element for grouping sections in columns.
A container element for grouping sections.
Create unique presentation layouts with custom styling.
A reusable content block that can be used in multiple locations.
Flips to reveal alternate content or details.
Formulary data is a list of medications that are covered by a health insurance plan. This data is used to determine the cost of medications for patients.
Renders visual content with flexible styling options.
A reusable content block that can be used in multiple locations.
A navigation component for site menus.
Alerts users with important safety or warning messages.
Organizes data in a responsive table layout.
A tabbed interface component.
A tabbed interface component.
A text component for rich content.
Vertical navigation is a navigation menu that is positioned vertically on the right side of the page.
Embeds video content with integrated playback controls.
Display inline code and code blocks
Add image, video, and other HTML elements
Text, title, and styling in standard markdown.
Components to help you structure your content.
Welcome to the Nebula component catalog.
Get started with the Component catalog.
Experience Fragments are a powerful feature in Adobe Experience Manager (AEM) that allow you to create reusable content components that can be used across multiple pages and channels. They enable you to create a consistent user experience by reusing content and design elements, making it easier to manage and maintain your digital assets.
Modals are a great way to display content without navigating away from the current page. They can be used for various purposes, such as displaying forms, images, or additional information.
Slides are a great way to present information in a visually appealing manner. They can be used for various purposes, such as showcasing images, videos, or text content. Below is an example of how to create a simple slide using HTML and CSS.
A container element for grouping sections.
Typography tokens for font families.
Typography tokens for font sizes.
Utilities for selecting the width of a font face.
Typography tokens for font weights.
A collection of scalable icons.
A collection of scalable logos.
To create a truly seamless user experience, it’s important to pay attention to both the big picture and the finer details. One element that’s often overlooked is micro-interactions—those small moments, like gamified animation, that make a big difference in user engagement interaction examples from top companies to help spark some ideas.
Guidelines for spacing and layout.
Type-safe search params state manager for React
The git-based CMS for Nuxt projects.
OAuth is an open protocol which allows users to log into your service with an account that they already have with a third party provider (e.g. Google, Github, Twitter etc.). The benefit is that the user doesn't need to maintain a separate set of credentials for each app or web service that they interact with, they can just "log in with Google". The protocol depends on grants and tokens and works by issuing access tokens to the third-party client with the approval of the resource owner.
The tiniest and the fastest library for terminal output formatting with ANSI colors.
Advantages of Pinia vs Vuex | Vue Mastery
This is a red text
Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.
You do a certain operation in a specified interval for a long time or until a specific action. The most direct approach would be using setInterval but then you need to make sure to also clearInterval at the right time.
Should some steps be done before others?
This project was bootstrapped with create-react-app.
Go on a deep dive into React Hooks, and find you what you need to know to start using them in your applications right away.
_Reference guides are **technical descriptions** of the machinery and how to operate it. Reference material is **information-oriented**._
Regular Expressions
Regular Expressions
Synthesize the important messages or insights for your audience
The HTML5
YOU must ASK for your discount!
Presentation slides for developers
Presentation Slides for Developers
Generate borderless text table strings suitable for printing to stdout
The main brand color used for primary actions, links, and key interface elements
Damola Adamolekun
A tutorial is an experience that takes place under the guidance of a tutor. A tutorial is always learning-oriented.
Before going further, let's take a moment to discuss the constraints when writing "universal" code - that is, code that runs on both the server and the client. Due to use case and platform API differences, the behavior of our code will not be exactly the same when running in different environments. Here we will go over the key things you need to be aware of.
Access thousands of icons as components on-demand universally.
Integrated utility classes to make site authoring easier.
VeeValidate is the most popular Vue.js form library. It takes care of value tracking, validation, errors, submissions and more.
Accelarate AbbVie's remarkable impact on people's lives and enable extraordinary business results through a connected digital ecosystem and best-in-class service.
Vite is a blazing fast frontend build tool powering the next generation of web applications.
Vue Class Component is a library that lets you make your Vue components in class-style syntax. For example, below is a simple counter component written with Vue Class Component:
This library fully depends on vue-class-component, so please read its README BEFORE using this library.
Any tool you use will take effort to keep clean and current, so that you can trust your action choices. The Wunderlist application is no exception. Rest assured, the Weekly Review is what ties this whole thing together, ensuring that you have actions for all the active parts of your projects on a consistent basis, so you can trust that what you are choosing from your next action lists is current. The Weekly Review steps include:
This site includes documentation of the tools, components, and styles used on OddSite. There are also sample pages available for viewing aspects of the site in context -- including typography, colors, responsive images, and more.
Xterm.js is a front-end component written in TypeScript that lets applications bring fully-featured terminals to their users in the browser. It's used by popular projects such as VS Code, Hyper and Theia.
YAML frontmatter, also known as YFM, is a common convention used in static site generators like Jekyll and content management systems like GitHub Docs for adding metadata to files. It's a block of valid YAML placed at the beginning of a file, typically enclosed by triple-dashed lines (---).
JavaScript library to zip and unzip files supporting multi-core compression, compression streams, zip64, split files and encryption.
https://us04web.zoom.us/j/71726569550
Quick reference for all custom shell aliases and functions configured in ~/.zsh_aliases