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. This is a straightforward flexbox playground that also generates the code for you. Jump to online workshops ?. “code golf”).

Development 145

Development Games Education Programming 145

Smashing Magazine

OCTOBER 21, 2021

This has the advantage of reducing the amount of code we need to write, and means it’s less likely we’ll forget to cater for users’ motion preferences: @media (prefers-reduced-motion: no-preference) {.some-element Jump to online workshops ?. some-element { animation: none; } }. some-element { animation: bounce 1200ms; } }.

Media 125

Media Systems Mobile Design 125

Smashing Magazine

OCTOBER 28, 2021

Scraping those product pages can net you invaluable data such as: The competitors’ pricing strategy. Jump to the workshop ?. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it. Online, and live. Oct 25 – Nov 8, 2021.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

NOVEMBER 19, 2021

Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; This enables you to use wildcards in more than one route without duplicating code as well as speeding up the processing as code execution happens on the edge.

Servers 84

Servers Website Code Best Practices 84

Strategic Tech

MARCH 16, 2021

I believe that attitude towards the design of code and architecture is one of them. In my experience, the culture is better and the results are better in orgs where engineers and architects obsess over the design of code and architecture. Visualisation techniques like EventStorming can also be used to design code.

Software Engineering 80

Software Engineering Design Engineering Software 80

Smashing Magazine

JANUARY 21, 2021

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests. Once the workshop was over, we got to work.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. Then, we’ll remove everything in the styles/ directory (it’s all sample code). If you’re not familiar with this syntax, you can check out “ A Strategy Guide To CSS Custom Properties ”.) Jump to the workshop ?.

Website 142

Website Design Best Practices Code 142

Smashing Magazine

AUGUST 5, 2021

We might have typed in all the right data, and have chosen all the right settings, and perhaps even went to the trouble of finding a working discount code, and even have crafted a perfect gift message. Jump to the workshop ?. Online, and live. Aug 18 & 20, 2021. Inline Validation Is Never Bulletproof.

Design 145

Design Transportation Code Systems 145

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

Testsigma

DECEMBER 18, 2019

As software testing plays a significant role in the delivery of the final product, it is necessary to consider that the testing process must involve accurate, exhaustive test cases and firm test strategy. Before enacting your automation strategy, create a training document and have multiple meetings and workshops.

Testing 73

Testing Open Source Strategy Processing 73

Smashing Magazine

JUNE 2, 2021

Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. These were stored as one big svg tag in the HTML head of the page, with a symbol for each of the icons that was then used as a linked svg in the HTML’s body.

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

OCTOBER 15, 2021

The key to successful hiring requires a different strategy: a list of strict requirements and versatile aspects to assess. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?.

Design 113

Design Website Efficiency Games 113

Strategic Tech

JUNE 23, 2018

Whenever a team starts on a piece of work they should own all of the code and infrastructure that needs to change in order to deliver the work. Where we place boundaries impacts our ability to innovation, the quality of our UX, and execution of our strategy. Equally, it’s also about the quality of the work and not just the speed.

Systems 40

Systems Social Media Design Media 40

Dynatrace

AUGUST 5, 2019

For a recent technical workshop I did with one of our strategic cloud partners, I created a deck that aims to answer exactly this question. There is no code or configuration change necessary to capture data and detect existing services. If you want to read up on migration strategies check out my blog on 6-R Migration Strategies.

Cloud 31

Cloud Traffic Database Network 31