Smashing Magazine

AUGUST 19, 2022

Well, there’s even an open-source project that literally handles authentication from the ground up. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. they are not in the URL), we render a text that says that the page they’re looking for isn’t available.

Processing 110

Processing Best Practices Availability Open Source 110

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. Image source: Flexy Boxes ). “code golf”).

Development 145

Development Games Education Programming 145

Smashing Magazine

APRIL 1, 2020

Traditional CMS gives the comfort of having the content, the editing interface, templates and custom codes, in a single environment. We need a new breed of CMS — one that can make content available through any channel at which point a Headless CMS is required. A free and open-source, git-based CMS created by Netlify.

Open Source 103

Open Source Website Mobile Code 103

Smashing Magazine

NOVEMBER 3, 2021

According to the docs on GitHub: “Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform.”. This approach means that we’ll be writing our code in the form of functions that will handle different tasks or requests within the application.

Serverless 123

Serverless Lambda AWS Website 123

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. It is an open-source AV1 image file format for storing still and animated images with better lossy and lossless compression than most popular formats on the web today, offering a 50% saving in file size compared to JPEG. Large preview ). title (Text).

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JUNE 29, 2021

But this allows us to decouple content from code, by moving content to a Content Management System (CMS) we can update information in a few seconds, regardless of how big our application is. It is not possible to ship code incrementally. You can check both versions deployed to Netlify: With On-Demand Builder: code , live.

Cache 129

Cache Website Strategy Traffic 129

Smashing Magazine

APRIL 28, 2021

The eBook is available right away (PDF, ePUB, Amazon Kindle). eBook is already available as PDF, ePUB, and Amazon Kindle. Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing. Print + eBook.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

DECEMBER 14, 2021

I was working on an application that opened the provided webpage and then give the user an option to modify elements, add events, add analytics, and so on. without any need to code. Selenium WebDriver is open source; It offers bindings for every major programming language; Works across multiple OS. the New-Header.

Testing 99

Testing Network Website Google 99

Smashing Magazine

JUNE 10, 2022

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. The result of the collaboration is a standardized, valid, and reliable reading test system available in numerous languages. Measure quality type: Weak (subjective). More after jump! Jump to table of contents ?.

Performance 94

Performance Design Speed Testing 94

Smashing Magazine

JUNE 8, 2021

Devoted to the open-source community, Addy’s past open-source contributions include Lighthouse (an auditing tool for performance and web best practices), Workbox (libraries for offline-caching files using service workers), Yeoman (the web scaffolding tool), Critical (the critical-path CSS optimization tool), and TodoMVC.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

DECEMBER 2, 2021

Advent of Code. If you prefer a puzzle over an article, take a look at Advent of Code. The project is available in twenty languages, and encourages all kinds of contributions to open-source projects — including non-pull-request contributions. Code Security Advent Calendar. JavaAdvent on Twitter.

Design 107

Design Development Programming Website 107

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. Code sharing. A few other options are available for an Express app.

Cache 109

Cache Servers Code Storage 109

Smashing Magazine

MAY 6, 2019

When a new browser technology is released to a single browser, the open-source community usually releases a JavaScript polyfill to provide the same technology to the rest of the browsers. It’s not very hard to write the JavaScript code required to perform these operations on your own. Here’s a snippet of code that does that. <!

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? dashboard (open source), SpeedCurve and Calibre are just a few of them, and you can find more tools on perf.rocks.

Performance 103

Performance Cache Metrics Network 103

O'Reilly

FEBRUARY 13, 2024

Is the entire corpus available (I doubt it), or just certain random articles? Smaller startups (including companies like Anthropic and Cohere) will be priced out, along with every open source effort. Open source AI has been the victim of a lot of fear-mongering lately. Those companies can afford it.

Open Source 93

Open Source Strategy Government Tuning 93

Smashing Magazine

JUNE 1, 2022

In many cases, they can be super convenient to add or remove without having to push code changes to the site. For example, users can install browser plugins to suggest coupon codes when they are shopping, to scan web pages for malware, to play games or message friends, or do any number of other things. More after jump!

Website 131

Website Design Network Best Practices 131

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. Now there’s a massive range of Jamstack CMSs available, which bring all the advantages of static sites while allowing non-technical folk to update content. We can see all the bones of modern Jamstack CMSs here.

Ecommerce 139

Ecommerce Website Government Internet 139

Speed Curve

OCTOBER 19, 2015

Fork your code, rip out the old cruft, set new aggressive budgets and watch for alerts as you add new components and content back in. In the chart below, we can see why Smashing Magazine is so much faster - they're simply delivering a lot less JavaScript. All of these metrics are available in SpeedCurve.

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

AUGUST 28, 2020

It’s free and open source. startproject and startapp commands available to us through Django aim to solve this problem. The DEBUG functionality is set to True to enable reading of errors and debugging code in development, it should be set to False during production (i.e Add the following code to your new file ( urls.py ).

Virtualization 143

Virtualization Database Code Processing 143

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. He’s been writing code for two decades, and using JavaScript the whole time. They just have to copy and pastable Chakra code. Is that born out in the code itself? That you, is available from the makers of Chakra, but as a commercial offering. Show Notes. Transcript.

Website 62

Website Design Open Source Software 62

Smashing Magazine

MAY 20, 2020

It’s happening because of new features being added and the fact that we sometimes don’t have a second thought on packages that we constantly add and update, or think about the complexity of our code. In the case that new development changes the file size to the point of exceeding the defined limit, the script will complete with non-zero code.

Performance 98

Performance Metrics Best Practices Code 98

Smashing Magazine

OCTOBER 8, 2021

Generate your own madlibs in the demo ; Look through the final code on Github ; Get a fully-built version set up in your accounts. Sanity pairs a real-time data store with three open-source tools: a powerful query language (GROQ), a CMS (Sanity Studio), and a rich-text data specification (Portable Text). Portable Text.

Serverless 77

Serverless Cache Open Source Code 77

Smashing Magazine

FEBRUARY 8, 2022

At first, utilities for these tasks were available in the console, but not in the browser. We don’t need the second export, so we can painlessly remove it without harming the bundled code. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. More after jump!

Storage 79

Storage Code Metrics C++ 79

Smashing Magazine

SEPTEMBER 27, 2021

Makes sense — with these measures, we can ensure that our application is working correctly and that no future changes will break our code. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Cypress’ test runner is open-source, so it fits our product strategy.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

AUGUST 3, 2023

HTML Processing Once a web page’s HTML file has been downloaded, the browser begins to process the contents line by line, translating code into the visual website that users interact with. With over 100,000 landing pages, each available in seven different languages, we managed a total of around 700,000 individual pages.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

APRIL 29, 2021

Lighthouse is an open-source, automated tool for improving the quality of web pages. The above code with an alt specified looks as follows: <img src="donut.jpg" alt="A delicious pink donut."> Responsive Breakpoints helps you determine the optimal image breakpoints and generate srcset code for responsive images.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

OCTOBER 28, 2021

But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. 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.

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

JANUARY 21, 2019

A component is simply a set of pieces of HTML, JavaScript and CSS code put all together to create an autonomous entity. Hence, the API can be implemented on any language (which is one of the beauties of GraphQL: being a specification and not an actual implementation has enabled it to become available in a myriad of languages.).

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

JULY 16, 2021

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. Let’s write a piece of simplified dream code for this situation. applications, you can, of course, recreate the code examples above. I’m the live region.

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

JULY 13, 2021

It is an open-source React framework that offers features to generate static pages, create server-side rendered pages, and combine both types in the same application. Although, jQuery is a library that contains a lot of code and features that are not needed anymore. That is the case, for example, of Next.js. Instead of doing: $.ajax({

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

DECEMBER 27, 2021

Gatsby is an open-source framework built on top of React. Both are available via the official WordPress plugins repository and do not require any configuration. This setup assumes that the themes are available via some npm repository, which means we’ve already published them. Paulina Hetman. 2021-12-27T10:30:00+00:00.

Website 127

Website Open Source Code Availability 127

Smashing Magazine

OCTOBER 23, 2021

The deployed app is available for viewing , and the final code is on Github. Quasar Framework is an open-source Vue.js-based based cross-platform framework whose motto is : “write code once and simultaneously deploy it as a website, a mobile app and/or an Electron app”. holds the Vue Router initialization code.

Database 111

Database Code Mobile Google 111

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. All functionality and integrations would also have a tight dependency which in turn results in a large, cumbersome monolithic code base. Comprehensive documentation and code samples are also a must. Native SDKs.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

NOVEMBER 22, 2021

And once the teams started working off of the knowledge, it meant organizing performance-focused design and code reviews, training and education, plus providing tools and assets to support these ongoing efforts. In addition, this significantly reduced the amount of JavaScript code that needs to be downloaded by the browser.

Website 126

Website Performance Google Media 126

Smashing Magazine

OCTOBER 22, 2021

The first prototype was built using the open-source game engine Phaser.js , mostly for the included physics engine and because I already had some experience with it. is an open-source alternative to Firebase. insert([{ code: 123456 }]); Note : The supabase_url and supabase_key are stored in a.env file. Supabase.io

Games 94

Games Servers Database Virtualization 94