Smashing Magazine

AUGUST 10, 2021

Cookieless Alternative To Embed HTML, CSS And JS Code Snippets. Cookieless Alternative To Embed HTML, CSS And JS Code Snippets. At the same time, we want to have an interactive website with comments, polls, videos, code examples, and many more. Deploy the code example with your favorite hosting provider (e.g. Get Started.

Code 109

Code Website Open Source Design 109

Tim Kadlec

FEBRUARY 21, 2018

In one of the Slack groups I’m in, someone asked a question about running workshops and what folks found that has or hasn’t worked. Being authentic is one of the most important things you can do whether you’re giving a workshop, giving a talk or writing. Modular workshop material. Your mileage may vary.

Network 53

Network Code Performance 53

Dynatrace

APRIL 17, 2024

This year, the workshop-styled classes attracted nearly 1,500 attendees eager to learn more about “Power dashboarding,” “Advanced Diagnostics,” “Intro to DQL,” and a dozen other topics. These classes allow our customers and partners to learn more about specific areas of the Dynatrace product that interest them and their company.

Development 179

Development Performance Airlines Healthcare 179

Strategic Tech

JULY 22, 2019

This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. In Domain-Driven Design, a large system is decomposed into bounded contexts , which become natural boundaries in code as microservices and as teams in the organisation. 1 hour) Candidate Context Modelling (min.

Design 76

Design Systems Strategy Processing 76

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. When you send the user code that is not needed, you waste resources from your end, and from the user’s end.

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. When you send the user code that is not needed, you waste resources from your end, and from the user’s end.

Code 130

Code Performance Google Media 130

Smashing Magazine

MARCH 19, 2021

New Online Workshops on Smashing. Almost a year ago, we started running our very own online workshops , and each and every one has been an incredible experience to our entire team. Here’s a brief overview of the workshops that we have planned for the **next months**: Dates. Workflow & Code. Workflow, Code.

Mobile 140

Mobile Design Cache Code 140

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. progress * 4 ) } workshops · { Math. La solución se basa en code splitting. Code-splitting es bastante común y fácil de implementar a nivel de ruta. { Math.

Code 130

Code Google Media Performance 130

Adrian Cockcroft

NOVEMBER 26, 2023

For re:Invent 2021 my team (but mostly Elise Greve) persuaded the re:Invent organizers to include Sustainability as a track code, and that was repeated for 2022 and now for 2023. In this workshop, investigate the relationship between air quality and weather using Amazon SageMaker Studio. AWS speaker: T.

AWS 52

AWS Energy IoT Best Practices 52

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. Jump to online workshops ?. Consider the following figure: ( Large preview ).

Design 144

Design Testing Code Systems 144

Dynatrace

OCTOBER 28, 2019

Automation was a hot topic at the event and Dynatrace had the opportunity to host a workshop “Building Autonomous Operations for Pivotal Platform with Keptn”. The workshop taught best practices that companies can look toward to automate more of their environment and tame and better manage the complexity.

Innovation 101

Innovation Open Source Serverless Best Practices 101

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

Alex Podelko

OCTOBER 3, 2017

A lot of events are scheduled: Performance and Capacity Hackathon (which is $10 / free for the conference attendees), Performance Testing Workshop, CMG Training / Badge Program, and the CMG imPACt 2017 conference itself.

IoT 113

IoT Performance Programming Performance Testing 113

Strategic Tech

JULY 29, 2021

Designing domain boundaries is a cross-functional activity that requires business, product, and tech input, so you can invite almost anyone to these workshops. Part 1: Domain Discovery The goal of this part of the workshop is for attendees to get an understanding of the business example they will be working with throughout the Kata.

Design 52

Design Software Architecture Architecture Strategy 52

Smashing Magazine

AUGUST 3, 2021

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 ?. Taking a more defensive approach when writing code helps reduce programmer errors arising from making assumptions. More after jump!

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

SEPTEMBER 23, 2021

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. That means no extra code styling is required to ensure our checkboxes are as accessible as they can be. Jump to online workshops ?. Michelle Barker.

Media 133

Media Design Code Development 133

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

JULY 26, 2021

Here’s a sneak peek of what I’ll be talking about in this post , or if you prefer to jump ahead, the finished code can be found here. In his online workshop on Building Modern HTML Emails , Rémi Parmentier will show how to code bulletproof, responsive HTML emails that work well in Gmail, Apple Mail, Yahoo and Outlook today.

Serverless 142

Serverless Code Servers Open Source 142

All Things Distributed

FEBRUARY 3, 2017

Space/Time Trade-offs in Hash Coding with Allowable Errors ", Bloom, Burton H., in Demetrescu, Camil, Experimental Algorithms, 6th International Workshop, WEA 200. in Communications of the ACM, 13 (7): 422–426. Cache-, Hash- and Space-Efficient Bloom Filters ", Putze, F.; Sanders, P.; Singler, J.,

Cache 111

Cache Efficiency Code Testing 111

Smashing Magazine

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

SEPTEMBER 15, 2021

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 ?. Doing this helps foster reduced and simpler code. More after jump! On design systems, CSS/JS and UX. vf, yk, il).

Internet 135

Internet Internet Google Design 135

Smashing Magazine

SEPTEMBER 28, 2022

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. How will you serve blazingly fast code, then? Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

OCTOBER 18, 2021

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 ?. More after jump! On design systems, CSS/JS and UX. With Carie Fisher, Stefan Baumgartner and so many others. Large preview ).

Website 105

Website Google Metrics Testing Tools 105

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. Jump to online workshops ?. VanillaGanttChart.js.

Code 139

Code Servers Development Availability 139

Smashing Magazine

OCTOBER 12, 2021

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 ?. Here we’re declaring code inside of JSX, we can run arbitrary code and all we have to do is return a JSX function to be rendered.

Design 97

Design Code C++ Development 97

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). Jump to the workshop ?. We could certainly code our layout directly on the TeaList component. Alexander Dubovoy.

Website 142

Website Design Best Practices Code 142

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 1, 2021

Well, it’s simply an apt allegory when it comes to dealing with tests in a code base. These traps might feel like an unexpected ambush when you’re working on a code base, especially when doing so for a long time. They test units of code together, looking at their interaction. Integration tests have a broader scope.

Testing 120

Testing Best Practices Code Design 120

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. Containers, microservices, and Kubernetes provide such assurance. Image courtesy of IBM.

Development 73

Development Media Google Network 73

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 ). The code is written using the R statistics language and I downloaded a free copy of RStudio to run the examples below. >

Lambda 98

Lambda Latency Cache Traffic 98

Smashing Magazine

AUGUST 11, 2021

Once our app is set up, we can change our directory to our new project directory and open it in your favorite code editor. 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 ?.

Code 111

Code Storage Best Practices Design 111

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

Tasktop

OCTOBER 22, 2020

While these metrics are key in measuring flow in a specific area of the value stream (such as measuring lead time between code commit and deploy), they do not reflect the reality of how long it really takes to deliver business value from ideation to operation. Register for a Value Stream Management Workshop.

Energy 52

Energy Metrics Government Software 52

Smashing Magazine

NOVEMBER 17, 2021

This code gives our element a red background color: my-element { background-color: #ff0000; }. rgb() and rgba() allow us to “mix” colors in our code to some extent, but the results can be somewhat unpredictable. Jump to online workshops ?. These are very limited, and rarely fit the designs we are building! More after jump!

Energy 144

Energy Design Website Hardware 144

O'Reilly

JANUARY 13, 2020

Binder, she notes, “was widely used last year for teaching workshops and tutorials at many Python conferences.” The experimental DSL for code contracts gives developers the ability to provide guarantees about the ways that code behaves. Does your function have side effects?

Programming 130

Programming Java Google C++ 130

Smashing Magazine

JULY 28, 2021

We will use modern JavaScript for sake of simplicity (such as classes and arrow functions), but keep in mind that this code might not work in legacy browsers. constructor (element) { // … rest of the code // Bind our methods so they can be used in event listeners without losing the // reference to the dialog instance this._show

Code 140

Code Design Technology Technology 140

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 ?. They come with several predefined styles or you can customize the look to your liking, if you prefer. Online, and live.

Open Source 143

Open Source Design Availability Website 143