Smashing Magazine

JULY 5, 2021

Usually, we use hexadecimal color codes (hex colors) which are fine, but they have a couple of issues: They are limiting; They’re hard to understand from reading them. Adding on that, it’s not easy to guess what color is from looking at the hex code. Note : I’m using Sketch app, but you use whatever design tool you want.

Design 144

Design Testing Code Systems 144

Jos

APRIL 6, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. Componentizing generally makes testing and maintenance easier. for some inspiration :).

Code 147

Code Performance Media Google 147

Jos

APRIL 5, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. Componentizing generally makes testing and maintenance easier. for some inspiration :).

Code 130

Code Performance Google Media 130

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX.

Development 145

Development Games Education Programming 145

Jos

APRIL 5, 2018

Code Splitting y CSS-in-JS : cómo CSS-in-JS nos permite extender el code-splitting y lazy-loading a CSS, SVGs y otros recursos. Puedes echar un ojo a Website Sameness o Web Design Trends: Why Do All Websites Look The Same? progress * 4 ) } workshops · { Math. La solución se basa en code splitting.

Code 130

Code Google Media Performance 130

Smashing Magazine

OCTOBER 18, 2021

We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?.

Website 106

Website Google Metrics Testing Tools 106

Smashing Magazine

AUGUST 3, 2021

This liberal attitude is known as Postel’s Law, which is conveyed superbly by Jeremy Keith in Resilient Web Design : “Even if there are errors in the HTML or CSS, the browser will still attempt to process the information, skipping over any pieces that it can’t parse.”. On design systems, CSS/JS and UX. Jump to online workshops ?.

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

AUGUST 4, 2021

In this article, we’ll look at a React utility React.Children.toArray which lets us prepare the children prop for inspection and iteration, some of its shortcomings and how to overcome them — through a small open-source package, to keep our React code function the way it is deterministically supposed to behave, keeping performance intact.

Open Source 138

Open Source C++ Google Website 138

Smashing Magazine

JULY 28, 2021

There are plenty of them out there already that have been tested, audited, used and reused and you should prefer these ones over your own. It is tentalizing to address all design problems with them, especially on mobile, but there often are other ways to overcome design issues. Jump to the workshop ?. Defining the API.

Code 140

Code Design Technology Technology 140

Smashing Magazine

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Online, and live.

Games 144

Games Design Strategy Code 144

Smashing Magazine

AUGUST 18, 2021

Sample Files And Instructions For Running The Code. You can find the full code snippets of this article in the following files: index.html. Since the code contains JavaScript modules, you can only run the example from an HTTP server and not from the local file system. On design systems, CSS/JS and UX. DateTimeRenderer.js.

Code 139

Code Servers Development Availability 139

O'Reilly Software

MAY 15, 2018

Whether it’s dev, staging, testing, or production, developers need assurance that the code they deploy to one environment is going to work in another. Developers at the "Istio Hands-on Workshop" at KubeCon in Copenhagen. The way they’ve designed Kubernetes and its use of containers to actually run apps has become very powerful.

Development 73

Development Media Google Network 73

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; More after jump! From complex mega-dropdowns to carousels and filters.

Servers 84

Servers Website Code Best Practices 84

Smashing Magazine

DECEMBER 23, 2021

That assumption was correct until I began testing the range input across multiple browsers and quickly realized that I had a lot more work on my hands. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. More after jump!

Best Practices 109

Best Practices AWS Processing Design 109

The Agile Manager

AUGUST 31, 2021

Although completing a story may require contribution from people in different roles - QA analyst and developer and experience designer, for example - each person is still responsible for the entire outcome of the story. An Agile story is an expression of end-to-end business need. Good managers know how to work the problem and solution space.

Metrics 52

Metrics Design Engineering C++ 52

Rigor

SEPTEMBER 11, 2019

Vitaly specializes in front-end development, performance optimization, and responsive design, and he has made an epic contribution to the performance industry in addition to many other technology and design-related spaces. You can catch Vitaly on Twitter @ smashingmag. Ilya Grigorik. Ilya Grigorik. Patrick Hamann. Patrick Hamann.

Performance 89

Performance Education Google Website 89

Smashing Magazine

AUGUST 2, 2021

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

Strategy 132

Strategy Testing Best Practices Code 132

Adrian Cockcroft

JUNE 21, 2022

I also learned how marketing worked, and began to build my presentation and training skills as I was sent around the world by Sun to teach workshops and speak at events. I still code in R… One role I had for many years was to lead technical training events for the global specialist systems engineers, which we called the Ambassador Program.

Tuning 52

Tuning Benchmarking Engineering C++ 52

Smashing Magazine

JUNE 28, 2021

Creating Custom Emmet Snippets In VS Code. Creating Custom Emmet Snippets In VS Code. Until recently, I would just copy and paste the boilerplate whenever I needed it, but I’ve decided to improve my workflow by adding it as a snippet to VS Code — the editor of my choice. Snippets And Abbreviations In Visual Studio Code.

Code 101

Code Social Media Media Website 101

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Jump to the workshop ?. Vitaly Friedman. 2021-08-05T13:30:00+00:00. Let’s fix that!

Design 145

Design Transportation Code Systems 145

Smashing Magazine

OCTOBER 5, 2021

Local Testing A Serverless API (API Gateway And Lambda). Local Testing A Serverless API (API Gateway And Lambda). This article is for anyone struggling with testing cloud services locally, and specifically for people wanting to locally test an API that uses API Gateway and Lambda, with the Serverless framework, on AWS.

Lambda 118

Lambda Serverless Testing AWS 118

Smashing Magazine

JULY 19, 2021

Maintaining End-To-End Quality With Visual Testing. Maintaining End-To-End Quality With Visual Testing. Testing is a critical part of any developer’s workflow. But often automated tests can be a pain to manage. A Quick Look At Some Of The Types Of Automated Testing. Colby Fayock. 2021-07-19T10:30:00+00:00.

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Local screen-printing workshops offered affordable flyers and posters.

Design 102

Design Media Testing Entertainment 102

Smashing Magazine

JULY 2, 2021

Email Testing Flow As It Should Be. Email Testing Flow As It Should Be. By testing every single email aspect! Unfortunately, email testing is often underestimated and leads to email testing mistakes that kill all your effort spent on creating a great email sequence. Let’s talk email testing! More after jump!

Testing 110

Testing Servers Social Media Automotive 110

The Netflix TechBlog

FEBRUARY 13, 2020

Brief overview of image coding formats The JPEG format was introduced in 1992 and is widely popular. This is followed by quantization and entropy coding. With the motion extension, it was accepted as the video coding standard for digital cinema in 2004. Webp is based on intra-frame coding from the VP8 video coding format.

Code 212

Code Metrics Efficiency Open Source 212

Smashing Magazine

SEPTEMBER 8, 2021

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.

Development 139

Development Media Design Mobile 139

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

Code 89

Code Performance Network Website 89

Smashing Magazine

JULY 8, 2021

Using the proposed file structure is not a bad way of structuring your project per se, but as your project grows, you will need a better structure as your code becomes clustered and harder to navigate and access files. There is also a test folder to carry out testing for this feature. Jump to the workshop ?.

Speed 133

Speed Processing Development Code 133

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. Let’s progress from theoretical considerations into hands-on code. Jump to the workshop ?.

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

OCTOBER 4, 2021

Finally, let’s add a paragraph with helpful text on how to use the gallery, and wrap the whole code in a landmark (in this case, the main element). <main> Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Media 118

Media Design Code Internet 118

Smashing Magazine

JULY 9, 2021

The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. Of the 1 million home pages that were tested, over 51 million errors were detected averaging 51.4 Inclusive design and accessibility go hand-in-hand.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

AUGUST 19, 2021

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. It all starts with a Code of Ethics. “I Outcomes of a code of ethics affect almost every aspect of your user research practice, from processes to templates and team environment. Devin Harold. Large preview ).

Code 137

Code Design Education Government 137

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents.

Google 145

Google Design Code Mobile 145

Testsigma

DECEMBER 18, 2019

To improve the quality of a software product built by developers, software testing is the key. Testing is essential to ensure that the end product delivered is stable and works according to the required specifications. Test coverage has a huge impact on what is received as an end product. Training and adaptation.

Testing 73

Testing Open Source Strategy Processing 73

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

Efficiency 107

Efficiency Code Strategy Network 107

Smashing Magazine

OCTOBER 2, 2023

Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to the workshops ↬ Using CDN For Caching And WebP For Lighter File Sizes As I mentioned a little earlier, our stack includes Sanity’s CMS. Here is how we tackled the challenge.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

AUGUST 20, 2021

However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor. Piecing together a website using a WYSIWYG editor and seeing the code it generated was a fascinating and educational experience that sparked an initial interest in web design. Jump to the workshop ?.

Ecommerce 139

Ecommerce Website Government Internet 139