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

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. In this article, we’ll build a website (a tea shop!) Let’s learn these techniques by applying them to a website project. Then, we’ll remove everything in the styles/ directory (it’s all sample code).

Website 142

Website Design Best Practices Code 142

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. 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. How will you serve blazingly fast code, then? More after jump!

Cache 125

Cache Performance Servers Social Media 125

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 106

Efficiency Code Strategy Network 106

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

JUNE 2, 2021

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). Today, the website is much faster and ranks highly in various showcases and benchmarks. Large preview ).

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

NOVEMBER 19, 2021

This space can act as its own website — not tied to anything. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; Hosting Content And Personal Portfolios. From complex mega-dropdowns to carousels and filters.

Servers 83

Servers Website Code Best Practices 83

Smashing Magazine

NOVEMBER 17, 2021

This code gives our element a red background color: my-element { background-color: #ff0000; }. 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.

Energy 144

Energy Design Website Hardware 144

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

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

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? of the largest peak, the ones that are visible in the plot.

Lambda 98

Lambda Latency Cache C++ 98

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. 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.

Performance 145

Performance Cache Mobile Network 145

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. Indirect tax?

FinTech 40

FinTech Education Testing Website 40

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

Rigor

SEPTEMBER 11, 2019

If you want to vastly improve the startup and load performance of your website, you cannot miss the impactful observations and insights that Jake posts on jakearchibald.com/ and shares on Twitter @ jaffathecake. He writes about Progressive Web Apps on Medium as well as on his own website. Rick Byers. Rick Byers. Tammy Everts.

Performance 89

Performance Education Google Website 89

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 ?. I like to use progressive enhancement to provide a basic website, even without JavaScript where possible. Set Width And Heights On Images And iFrames.

Media 125

Media Metrics Website Google 125

Smashing Magazine

JUNE 28, 2021

Creating Custom Emmet Snippets In VS Code. Creating Custom Emmet Snippets In VS Code. It’s a collection of mostly <head> tags and attributes I usually use on every website I build. It’s a collection of mostly <head> tags and attributes I usually use on every website I build. Jump to online workshops ?.

Code 101

Code Social Media Media Website 101

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. It fits in with my whole stance on “ Playfulness in Code ” to learn. Jump to online workshops ?. I saw an effect like this on TV one evening and made a note to myself to make something similar. More after jump!

Games 107

Games Website Performance Design 107

Tasktop

APRIL 8, 2020

Useful websites and resources. Cool math Games – A brain-training website, where logic and thinking meet fun and games. TechShopz in a Box – Offering free workshop plans, documents and guides for middle school girls. Scratch – Online code-via-drag-and-drop for kids.

Entertainment 52

Entertainment Games Software Engineering Virtualization 52

The Symphonia

MARCH 14, 2018

Amazon’s ‘Infrastructure-as-Code’ language and deployment service. For a publisher to put an application in SAR they need to have an AWS account, and the FAQ says “All applications published by AWS are vetted for license adherence and code quality. Upcoming Workshops I hope you enjoyed this article! Thanks Tim Wagner .

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

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

JULY 16, 2021

website : 1 — Welcome to GOV.UK Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. Jump to the workshop ?. Let’s write a piece of simplified dream code for this situation. Online, and live.

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. You’ve probably worked on a project with a poor CSS codebase before and thought how you’d written the code differently, given the opportunity to refactor or rewrite everything from scratch. Leftover, unused chunks of code from deleted features.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

AUGUST 30, 2021

Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. After all, users won’t wait around forever for the website to load. Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

SEPTEMBER 8, 2021

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. We’re not going to delve into how to code it — rather, the factors that will determine our development decisions.

Development 139

Development Media Design Mobile 139

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. Practicing accessibility in your workflows and methodologies ensures people — disabled or not — that they can access your product, your website, and your brands.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 23, 2021

That is also something that you can find when using a procurement website. Larger organizations often post their invitations to tender on procurement websites. Websites like Upwork tend to be highly competitive and price sensitive. Jump to the workshop ?. Procurement Sites. Networking. Online, and live. Sep 16–24, 2021.

Social Media 145

Social Media Media Network Website 145

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. Jump to the workshop ?. code some certain instructions that are peculiar to Vue.js. Online, and live.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

NOVEMBER 4, 2021

Let’s get right into the code. website to download the latest version. Just before we start, this is the repo containing the code demonstrating everything under Real-time update on GraphQL, using Apollo as a state management tool, Fragments, and Apollo directives. Jump to online workshops ?. installed on your computer.

Cache 114

Cache Servers Transportation Code 114

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. Test your sending script.

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

JULY 19, 2021

Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. They’re all testing the code. Jump to the workshop ?.

Testing 141

Testing Code Design Strategy 141

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. For our migration projects, we simply roll out Dynatrace OneAgents on the existing infrastructure.

Cloud 31

Cloud Traffic Database Network 31

Smashing Magazine

AUGUST 12, 2021

If you’d like to dive a bit deeper into animation with Figma, a guide to adding animation to your designs in Figma shows the entire workshop, and various options you have, step-by-step. You can choose from a huge library of palettes or search for a specific color code, name or number to apply to your design. Jump to online workshops ?.

Google 145

Google Design Code Mobile 145

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. ra, yk, il).

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

AUGUST 5, 2021

Example: Swedish public transportation website. A wonderful interface of the Swedish public transportation website with a button that’s initially disabled, but becomes accessible once a selection is made. Jump to the workshop ?. Would you like to live in this world? One of the many. Online, and live. Aug 18 & 20, 2021.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

OCTOBER 22, 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 ?. insert([{ code: 123456 }]); Note : The supabase_url and supabase_key are stored in a.env file. More after jump! and Express.

Games 94

Games Servers Database Virtualization 94