Заметки разработчика
@dev_notes_ru
473
subscribers
667
photos
4
videos
1.16K
links
Заметки о Frontend, Backend и немного DevOps. В основном о
#PHP
,
#Laravel
,
#JavaScript
,
#HTML
,
#CSS
, тестировании и настройке серверов.
https://www.dev-notes.ru
@snakenf
Download Telegram
Join
Заметки разработчика
473 subscribers
Заметки разработчика
https://blog.webdevsimplified.com/2022-04/js-custom-events/
Webdevsimplified
How To Create Custom JavaScript Events
Custom events in JavaScript make handling things like double click, long press, and touch gestures much easier, but they can also be used for cross app communication.
Заметки разработчика
https://usefathom.com/blog/does-laravel-scale
Fathom Analytics
Does Laravel Scale? - Fathom Analytics
The internet is full of lies about whether Laravel can scale. Here's the truth.
Заметки разработчика
https://blog.freshbits.in/the-ultimate-guide-to-getting-started-with-laravel
Freshbits Web Solutions's blog
The Ultimate Guide to Getting Started With Laravel
Do you wish to learn the Laravel framework? This tutorial covers Laravel from scratch and teaches you the fundamental concepts while coding a sample project
Заметки разработчика
https://ishadeed.com/article/building-components-svg-css/
Ishadeed
Building UI Components With SVG and CSS
Learn how to use SVG and CSS to build UI components
Заметки разработчика
https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/
Smashing Magazine
Powerful Image Optimization Tools — Smashing Magazine
Optimizing the size of images can have a bigger impact on performance than all other areas combined. In this article, Louis Lazaris covers different tools available for reducing the size of images. You might already know that Smashing Magazine has published…
Заметки разработчика
https://developer.chrome.com/blog/new-in-devtools-105/
Chrome for Developers
What's New In DevTools (Chrome 105) | Blog | Chrome for Developers
Supports step-by-step replay and mouse over events in the Recorder, LCP in the Performance insights panel and more.
Заметки разработчика
https://css-tricks.com/zooming-images-in-a-grid-layout/
CSS-Tricks
Zooming Images in a Grid Layout | CSS-Tricks
Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off.
Заметки разработчика
https://css-tricks.com/almanac/selectors/l/left/
CSS-Tricks
:left | CSS-Tricks
The :left pseudo-class in CSS is used with the @page at-rule to select all left-hand pages in a print document that contains multiple pages. That's handy for
Заметки разработчика
https://css-tricks.com/almanac/selectors/r/right/
CSS-Tricks
:right | CSS-Tricks
The :right pseudo-class in CSS is used with the @page at-rule to select all right-hand pages in a print document that contains multiple pages. That's handy
Заметки разработчика
https://css-tricks.com/css-grid-and-custom-shapes-part-1/
CSS-Tricks
CSS Grid and Custom Shapes, Part 1 | CSS-Tricks
In a previous article, I looked at CSS Grid's ability to create complex layouts using its auto-placement powers. I took that one step further in another
Заметки разработчика
https://css-tricks.com/when-do-you-use-css-columns/
CSS-Tricks
When Do You Use CSS Columns? | CSS-Tricks
That ain't rhetorical: I'm really interested in finding great use cases for CSS multi-column layouts.
Заметки разработчика
https://www.smashingmagazine.com/2022/05/understanding-weak-reference-javascript/
Smashing Magazine
Understanding Weak Reference In JavaScript — Smashing Magazine
In this article, Frank Joseph explains both weak and strong references in JavaScript, as well as the concept of reachability. Let’s dig in!
Заметки разработчика
https://www.smashingmagazine.com/2022/06/demystifying-gatsby4-framework/
Smashing Magazine
Demystifying The New Gatsby Framework — Smashing Magazine
Gatsby 4 came out in October 2021 with a lot of new features. It may seem as if Gatsby 4 didn’t cause a big stir among developers, but it brought several game-changing features. Let’s see what v4 brings to the table.
Заметки разработчика
https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/
Smashing Magazine
Powerful Image Optimization Tools — Smashing Magazine
Optimizing the size of images can have a bigger impact on performance than all other areas combined. In this article, Louis Lazaris covers different tools available for reducing the size of images. You might already know that Smashing Magazine has published…
Заметки разработчика
https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility/
Smashing Magazine
<article> vs. <section>: How To Choose The Right One — Smashing Magazine
We may tend to think largely in terms of end-users when it comes to HTML. However, writing HTML that is easy to understand and self-explanatory for whoever will work on it is sufficient reason to use the correct semantic element. In this article, Olushuyi…
Заметки разработчика
https://www.smashingmagazine.com/2022/08/fluid-sizing-multiple-media-queries/
Smashing Magazine
Fluid Sizing Instead Of Multiple Media Queries? — Smashing Magazine
If you like math and CSS, you’ll love this one. We don’t need to use media queries to change the values of some CSS properties — *font-size*, *padding*, *margin* etc. — depending on the viewport width, with the CSS `clamp` function. But: we still need to…
Заметки разработчика
https://www.smashingmagazine.com/2022/08/everything-developers-must-know-about-figma/
Smashing Magazine
Everything Developers Must Know About Figma — Smashing Magazine
Christine highlights some of Figma’s features and possibilities to help you build a design that aligns with code as much as needed and improve your team work.
Заметки разработчика
https://css-tricks.com/using-grid-named-areas-to-visualize-and-reference-your-layout/
CSS-Tricks
Using Grid Named Areas to Visualize (and Reference) Your Layout | CSS-Tricks
Whenever we build simple or complex layouts using CSS Grid, we're usually positioning items with line numbers. Grid layouts contain grid lines that are
Заметки разработчика
https://addyosmani.com/blog/fetch-priority/
Addyosmani
Tip - Use fetchpriority=high to load your LCP hero image sooner
Add fetchpriority=high to your Largest Contentful Paint image to get it to load sooner. Priority Hints sped up Etsys LCP by 4% with some sites seeing an impr...
Заметки разработчика
https://css-tricks.com/using-css-cascade-layers-to-manage-custom-styles-in-a-tailwind-project/
CSS-Tricks
Using CSS Cascade Layers to Manage Custom Styles in a Tailwind Project | CSS-Tricks
If a utility class only does one thing, chances are you don’t want it to be overridden by any styles coming from elsewhere. One approach is to use !important