Dima

@xdimax

746 Following

568 Followers

Dima pfp

Did you know that CSS now supports setting the align-content property for block elements? Previously, if you wanted to align the content to the vertical center, you couldn't do it until you changed the container to flex or grid But now all major browsers support the align-content property for block elements. Support at the moment 79.43%

0 reply

0 recast

0 reaction

Dima pfp

✅ How does Array,map() work in JS? Array,map function: Creates a new array by calling the specified function for each element of the source array and collects the results into a new array. It accepts one mandatory argument - a callback function that will be applied to each element of the source array. Callback can take up to three arguments: • currentValue - the current processed element of the array. • index - Index of the currently processed element in the array. • array - The array on which the passage is carried out. • There is also an optional thisArg argument - the value used as this when calling the callback function

2 replies

0 recast

5 reactions

Dima pfp

Worldvectorlogo is a large resource with logos of different brands in svg 🔗 Link: https://worldvectorlogo.com

0 reply

0 recast

6 reactions

Dima pfp

Rule for login animation @starting-style Use @starting-style to apply a style that the browser can find before the item is opened on the page. This is the "before opening" state (from which you perform the animation) Which gives us the opportunity to give micro animation even for those elements that were hidden using the display: none property;

1 reply

0 recast

5 reactions

Dima pfp

I got my Moxie Pass! Mint yours to be eligible for upcoming airdrops, grants, Fan Tokens and more! cc @betashop.eth @airstack

0 reply

0 recast

2 reactions

Dima pfp

If you are currently at the stage of studying browser events (DOM Events) Then you can benefit from an interesting visualization tool - https://domevents.dev This tool helps to clearly see the order of events, as well as to understand the difference between the functions preventDefault(), stopPropagation(), stopImmediatePropagation()

0 reply

0 recast

1 reaction

Dima pfp

Claiming my /scoop profile with address: 0x332E396316bE02e72B74581361aafC8353306f7a let the scoop wars begin 🍦

0 reply

0 recast

0 reaction

Dima pfp

Hi gays who needs invite fore /scoop : ANV64V 71ZPHS 2VKG1N Welcome 😎

0 reply

0 recast

1 reaction

Dima pfp

Claiming my /scoop profile with address: 0x332E396316bE02e72B74581361aafC8353306f7a let the scoop wars begin 🍦

0 reply

0 recast

0 reaction

Dima pfp

To the collection of amazing resources - free, concise and most useful Https://htmlreference.io - HTML elements guide Https://cssreference.io/ - visual guide to CSS properties

0 reply

0 recast

0 reaction

Dima pfp

Two useful, complementary resources for smoothness functions (easing) Https://easings.net/en - here is a more detailed description Https://easings.co/ - here are more illustrative examples

0 reply

0 recast

0 reaction

Dima pfp

Frosted glass effect (Glassmorphism) Generator - https://css.glass/

0 reply

0 recast

1 reaction

Dima pfp

On this resource, you can interactively see how CSS3 properties work, HTML5 capabilities, see the support of these features by browsers and generate the necessary code In addition to CSS3 and HTML5, there are generators for SEO optimization Everything is competently structured, as concise and intuitive as possible 🔗 Link: https://webcode.tools/

0 reply

0 recast

1 reaction

Dima pfp

BEM cheat sheet, where you can clearly see the structure of frequently used layout components, and variants for naming such components and their children 🔗 Link: https://9elements.com/bem-cheat-sheet/

0 reply

0 recast

1 reaction

Dima pfp

✅ Creating neon text When used correctly, the neon glow adds a pleasant futuristic touch to the design of the site, while the magic of neon signs can be recreated using CSS. We can apply several shadows to text-shadow by simply separating them with commas.

0 reply

0 recast

3 reactions

Dima pfp

Carring (currying) Quite a popular question for live coding. Implement the curry function. Currying is the process of converting a function with many arguments into a sequence of functions, each of which takes one argument.

0 reply

0 recast

0 reaction

Dima pfp

Patterns – najpotężniejszy zasób wzorów do projektowania aplikacji internetowych dla doświadczonych programistów 🔗 Link: https://www.patterns.dev/

1 reply

0 recast

2 reactions

Dima pfp

JSON.parse function: Converts a JSON string (text formatted according to the current standard) to a JavaScript object or value It can also take the second argument - a function that will be called for each property of the object returned by the function. This argument is optional.

1 reply

0 recast

5 reactions

Dima pfp

Learning Flexbox, destroying zombies - it was necessary to bother so much :) Initially, the price tag for this course/game was $179, now freely available 🔗 Link: https://flexboxzombies.com/p/flexbox-zombies

0 reply

1 recast

4 reactions

Dima pfp

Cut text using the mix-blend-mode property The property sets the mode of blending the original color on the background color or background image. In the screen value, you can achieve the effect of cut text

0 reply

0 recast

5 reactions