The Branding Store | Logo Design, Web Design and E-commerce specialists.| Pembroke Pines, Florida. | Sheet Archives - The Branding Store | Logo Design, Web Design and E-commerce specialists.| Pembroke Pines, Florida.

16 Dec

Styling Web Components Using A Shared Style Sheet

by TBSCategories: News

Web components are an amazing new feature of the web, allowing developers to define their own custom HTML elements. When combined with a style guide, web components can create a component API, which allows developers to stop copying and pasting code snippets and instead just use a DOM element.

By using the shadow DOM, we can encapsulate the web component and not have to worry about specificity wars with any other style sheet on the page. However, web components and style guides currently seem to be at odds with each other.

The post Styling Web Components Using A Shared Style Sheet appeared first on Smashing Magazine.

Smashing Magazine

25 Jul

Testing Credit-Card Numbers In E-Commerce Checkouts (Cheat Sheet)

by TBSCategories: News

As a developer, I work a lot with e-commerce websites and, as a result, with a lot of payment gateways. I’m fortunate that I get to work on many different projects for different clients, each with its own unique challenges. I have, therefore, found myself working with a lot of different payment gateways over the years, from the more familiar ones like PayPal and Stripe to some lesser known ones.

While I love the variety of my work, I generally find working with payment gateways to be frustrating. I’m sure I’m not alone in this opinion! For many payment gateways, the documentation is poorly written, lengthy and, at times, difficult to find.

The post Testing Credit-Card Numbers In E-Commerce Checkouts (Cheat Sheet) appeared first on Smashing Magazine.

Smashing Magazine

06 Jul

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)

by TBSCategories: News

Every designer has their favorite prototyping tools. However, when it comes to UX wireframing and prototyping, there is often more than one tool involved. Sooner or later, you find yourself switching from one tool to another to cherry-pick the best ones among them.

Adobe announced Project Comet in October last year to provide a fast and efficient all-in-one solution. A few months ago, the secret behind the codename was revealed and pushed to the public in a preview version: Adobe Experience Design CC (Adobe XD). Made for fast and fluid UX design, XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them.

The post Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet) appeared first on Smashing Magazine.

Smashing Magazine

27 May

Stylelint: The Style Sheet Linter We’ve Always Wanted

by TBSCategories: News

Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a linter for style sheets. In this article, we’ll look at stylelint, a linter for style sheets.

We will also learn why linting a style sheet matters, how stylelint brings order to a style sheet and how we can avoid errors. Finally, we will learn how to use stylelint and start linting as soon as possible. Let’s start with why linting is important.

The post Stylelint: The Style Sheet Linter We’ve Always Wanted appeared first on Smashing Magazine.

Smashing Magazine

Tag: Sheet

Styling Web Components Using A Shared Style Sheet

Testing Credit-Card Numbers In E-Commerce Checkouts (Cheat Sheet)

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)

Stylelint: The Style Sheet Linter We’ve Always Wanted