CSS Wizardry

NOVEMBER 26, 2018

This is exactly why documentation around ITCSS is so hard to find—there’s an empty website and a handful of (remarkably thorough!) blog posts out there with which developers can piece together the concepts themselves, but ITCSS had always been reserved for clients and workshop attendees.

Website 105

Website Availability Performance Development 105

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. Developing software is becoming easier as frameworks like React, Vue, or Angular become the go-to solution for creating even the simplest applications. Jump to online workshops ?.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

OCTOBER 15, 2021

It may seem enchanting how well-designed apps or websites can boost your sales, but it takes far more than a handful of fairy dust to make users enjoy their interactions. That happens when your app/website/system is efficient. Jump to online workshops ?. And vice versa. And memorable. And easy to understand. And reliable.

Design 113

Design Website Efficiency Games 113

Smashing Magazine

MAY 23, 2022

Custom properties brought significant improvements to CSS by allowing developers to create reusable values in their stylesheet without the need for CSS preprocessor like SASS. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Media 140

Media Tuning Design Website 140

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

NOVEMBER 19, 2021

This space can act as its own website — not tied to anything. For example, later in this article, we’ll be developing a web toy that flips a webpage upside down making it readable for Australians. Difficulties with Development. Jump to the workshop ?. development" ? development" ? Online, and live.

Servers 83

Servers Website Code Best Practices 83

Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Jake is a developer advocate at Google working with the Chrome team to develop and promote web standards and developer tools, as well as a contributor to the Chromium blog. Rachel Andrew. Jake Archibald. Jake Archibald.

Performance 89

Performance Education Google Website 89

Smashing Magazine

APRIL 21, 2023

Exploring The Potential Of Web Workers For Multithreading On The Web Exploring The Potential Of Web Workers For Multithreading On The Web Sarah Oke Okolo 2023-04-21T10:00:00+00:00 2023-04-21T11:15:35+00:00 Web Workers are a powerful feature of modern web development and were introduced as part of the HTML5 specification in 2009.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

AUGUST 17, 2021

Two versions available: Designers can use the Flagpack in Figma and Sketch, developers can install it directly within their code project (React, Vue, and Svelte are supported). Jump to the workshop ?. No more boring business websites! Boring Avatars And Absurd Illustrations. Do you need some SVG-based avatars for your project?

Open Source 143

Open Source Design Availability Website 143

Smashing Magazine

AUGUST 4, 2021

The most obvious and common prop that developers work with within React is the children prop. Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. Jump to the workshop ?. React Children And Iteration Methods. Arihant Verma.

Open Source 138

Open Source C++ Google Website 138

Smashing Magazine

NOVEMBER 17, 2021

When building a website we might be given a hex color value by a designer, but if they asked us to make it, say 20% darker, we would have a hard time doing that by adjusting the hex value, without a visual guide or color picker. As a developer, these are far more intuitive when it comes to adjusting color values. Large preview ).

Energy 144

Energy Design Website Hardware 144

Smashing Magazine

FEBRUARY 2, 2022

JavaScript-based frameworks like React made the process of developing web applications streamlined and efficient, for better or worse. This automatization often leads developers to treat a framework and build tools as a black box. Jump to online workshops ?. Website performance is not consistent across devices.

Code 89

Code Performance Network Website 89

Smashing Magazine

NOVEMBER 23, 2021

Adding A Dyslexia-Friendly Mode To A Website. Adding A Dyslexia-Friendly Mode To A Website. We can build upon those foundations to offer more focused support for different communities, making it easier to engage with our websites on their own terms. Jump to online workshops ?. John C Barstow. 2021-11-23T10:00:00+00:00.

Website 131

Website C++ Best Practices Design 131

The Agile Manager

MARCH 31, 2024

I keep a record of what I do on individual stones, on how I configure machines and the maintenance I perform on them, and for the totality of activities I do in the workshop each day. Learning out of a video or website or a good old fashioned book is wonderful, but that’s theory. As a learning exercise, it is fantastic.

FinTech 40

FinTech Education Testing Website 40

Testsigma

DECEMBER 23, 2021

Online Resources to develop relevant skills. Here are a few online resources that will help your friend to develop robust software testing skills to soar high in the career. Apart from this check the website by Huib Schoots which is a goldmine of testing resources. Team Guide to Software Testability by Ash Winter and Rob Meaney.

Software 52

Software Software Java Testing 52

Smashing Magazine

SEPTEMBER 8, 2021

Developer Decisions For Building Flexible Components. Developer Decisions For Building Flexible Components. We’re not going to delve into how to code it — rather, the factors that will determine our development decisions. Changing Our Development Mindset. Jump to online workshops ?. Michelle Barker.

Development 139

Development Media Design Mobile 139

Smashing Magazine

JUNE 2, 2021

All of these techniques basically involve setting aside the correct amount of space before additional content is loaded — whether that is media or JavaScript-injected content, but there’s a few different options available to web developers to do this. Jump to online workshops ?. Set Width And Heights On Images And iFrames.

Media 125

Media Metrics Website Google 125

All Things Distributed

SEPTEMBER 25, 2017

We have supported the development of technology skills across the region with Training and Certification programs to help customers develop skills to design, deploy, and operate their infrastructure and applications on the AWS Cloud. This provides students and educators with the resources needed to accelerate cloud-related learning.

Cloud 152

Cloud Education Energy Government 152

Smashing Magazine

JULY 1, 2021

When developing locally, developers tend to get impatient with tests, especially if someone in your team needs to merge corresponding pull requests. In general, too many classes or abstractions littered across walls of text or code can swiftly kill the motivation of a developer and lead to plain chaos. Jump to the workshop ?.

Testing 120

Testing Best Practices Code Design 120

Smashing Magazine

NOVEMBER 29, 2021

Although this isn’t something I’d look to drop on a website any time soon, it’s a neat little challenge to make. We won’t use grid-gap in the final demo, but, it’s good for seeing the cells easier whilst developing. Jump to online workshops ?. Well, “Flippy Snaps” was the best thing I could come up with. ?? See the Pen [1.

Games 107

Games Website Performance Design 107

Adrian Cockcroft

JANUARY 29, 2023

A later version of the slides is included in my Microservices Workshop deck from later that year, slides 168–200 ( pdf , keynote are available in GitHub.com/adrianco/slides ). What Is the Expected Distribution of Website Response Times? I then used two sample histograms from the same system to develop an algorithm in R I call as.peaks.

Lambda 98

Lambda Latency Cache C++ 98

Jos

APRIL 6, 2018

Componentization has marked a before and after in web development. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here is an example taken from the React Alicante website. progress * 4 ) } workshops · { Math. Componentizing generally makes testing and maintenance easier.

Code 147

Code Performance Media Google 147

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. Harry Roberts ran his (excellent) Web Performance Masterclass as an online workshop with us, and throughout the entire workshop, he was using Smashing as an example by highlighting issues that we had and suggesting solutions to those issues alongside useful tools and guidelines.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JULY 8, 2021

Development Process. Development Process. Note: This article is aimed at both beginners and seasoned developers who want to better their Vue.js development. This method of modularization allows for efficient program development and easy debugging and modification in our application. Jump to the workshop ?.

Speed 132

Speed Processing Development Code 132

Jos

APRIL 5, 2018

Componentization has marked a before and after in web development. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here is an example taken from the React Alicante website. progress * 4 ) } workshops · { Math. for some inspiration :). a footer. .

Code 130

Code Performance Google Media 130

Smashing Magazine

SEPTEMBER 16, 2021

That also means answering this other question: “How can one evaluate, manage and guarantee the quality of a website?” In most sectors where risks are understood and perceived as critical, quality assurance inevitably develops. Asking this initial question about a website involves analyzing the user requirements.

Automotive 138

Automotive Website Social Media Design 138

The Symphonia

MARCH 14, 2018

The general goal of SAR is to make it easier to distribute, and consume, applications that have been developed using AWS Serverless products, like Lambda. A couple of great things about Serverless technologies is that applications using Serverless are incredibly quick to develop, and in low-usage scenarios cost very little or nothing to run.

Serverless 40

Serverless AWS Lambda Open Source 40

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 139

Ecommerce Website Government Internet 139

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. For that, a web developer’s headline toolbox contains six levels ( <h1> to <h6> ).

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

JULY 12, 2021

CSS is a simple stylesheet language for defining a website or document’s presentation. For all its flexibility and simplicity, CSS itself has some fundamental issues that allow developers to write poor-quality code in the first place. The development team has lost track of which CSS code is used and which can be safely removed.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

JULY 9, 2021

These are just a couple of examples of what disabled users face daily when they try and access a website that is inaccessible. 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.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

OCTOBER 28, 2021

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Jump to the workshop ?.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

OCTOBER 6, 2021

Also offers the “Changes” panel by default, located in the same tab bar as the “Styles” Recommended Reading : “ Examine And Edit CSS ,” Firefox Developer Tools, MDN Web Docs. Jump to online workshops ?. Webhint alerts you about features that may have lower browser support to help you be aware during development.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

JULY 2, 2021

In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. A mistake could be made when you work with several projects/websites. Online, and live. August 5–19, 2021. How To Test Sending Infrastructure.

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

NOVEMBER 4, 2021

It allows developers to define, handle, and make queries/mutations available within our application. website to download the latest version. 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!

Cache 114

Cache Servers Transportation Code 114

Smashing Magazine

JULY 19, 2021

By adding automated visual testing , we can eliminate those flaky tests , leveling up our testing pipelines providing that coverage (and more) by taking advantage of smart image comparisons using screenshots of our website or app. Automated testing is an interesting part of the development cycle. Jump to the workshop ?.

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

MARCH 2, 2020

Local screen-printing workshops offered affordable flyers and posters. CSS blend modes don’t merely save time on trips to an image editor, they’re also a fabulous way to add depth and texture to a design which can be refreshing when the majority of websites are flat and two-dimensional. Music magazines were popular too.

Design 101

Design Media Testing Entertainment 101