article thumbnail

Interactive Learning Tools For Front-End Developers

Smashing Magazine

CSS Game: CSSBattle. CSS Game: CSS Diner. JavaScript Game: Elevator. JavaScript Game: Screeps. JavaScript Game: Untrusted. JavaScript Game: JSChallenger. JavaScript Game: JSRobot. Flexbox Zombies is another educational game to learn flexbox syntax. CSS Selectors Cheatsheet. CSS Animations.

article thumbnail

Understanding MySQL Triggers: Exploring How Triggers Impact MySQL Memory Allocation

Percona

Here, we first cover the basics of MySQL Triggers, and then we take a deeper dive, exploring their impact on memory usage and providing strategies to optimize MySQL server performance. Exploring How Triggers Impact MySQL Memory Allocation MySQL stores active table descriptors in a special memory buffer called the table open cache.

Cache 60
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. Performance Budgets, Pragmatically shows you a strategy to achieve that.

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Planning, planning, planning.

article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and eventually it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Large preview ).

article thumbnail

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch

Smashing Magazine

Therefore, we can conclude that it is reasonable to raise your store’s game by optimizing it for m-commerce. Due to the use of modern frameworks, advanced caching and rendering, and data transmission via API, properly developed PWAs can be a seven-league step up to boost the store’s speed. The Design Gives Ground For Utmost Usability.

Code 75
article thumbnail

A Guide To Image Optimization On Jamstack Sites

Smashing Magazine

Still, it leads to a larger file size, which we try to avoid in cases where quality is not a game changer for the project’s value proposition. Cache Your Images. A website’s performance can suffer if frequently accessed images are not cached, as many requests will be made to images that have already been loaded in the user’s system.

Media 108