Everything About code
Open in Telegram
Admin : @Samandar_Anorboyev Hello everyone you can learn interesting facts about coding in this channel π» Perfluence
Show more9 472
Subscribers
-224 hours
-187 days
-8330 days
Posts Archive
βΊGuys, if you don't mind, boost our channel to improve its capabilities)
πBoost: https://t.me/boost/html_css_js_frontend_projects π
+6
π° Font performance optimization!!
Optimizing font performance ensures a faster, more responsive website, which improves both UX and SEO. Start by limiting fonts, using modern formats, and optimizing loading strategies.
πWe are pleased to have you join my second channelπ₯
link Join π
https://t.me/dx_3d
β
Create animated notification box using /html,/css and /javascript ππ§π»βπ»
+6
π§Ώ Server Actions in React!!
Improve app performance by handling logic server-side.
+8
Recently I got a quite a lot of questions on how to get started with React. The answer is to learn the fundamentals of JavaScript first (this applies to angular and vue as well). Here are some topics that might be useful to you
π° Adding custom cursors in CSS! π₯
The cursor property in CSS supports providing simple values, like 'pointer', for predefined cursors.
Or you can even plug in your own cursors!
This would look great in games, or special applications like spreadsheets, video editors etc.
π° π° Sequence of triggers in HTML and JavaScript!!
This behavior is known as event bubbling in JavaScript. When an event is triggered on an element, the event starts from the target element and then "bubbles up" to its parent elements, triggering their event handlers as well.
π° Drop Cap In CSS
Drop cap is a typography technique where the first letter of a new chapter is dropped to occupy multiple lines. You may be familiar with this through books!π₯ In CSS, this can be achieved through the initial-letter property, with a value indicating the number of lines to drop the character to This property works only inside the ::first-letter pseudo element (and some other exceptions) This also supports a multi value syntax of the format initial-letter: 3 2; where 2 indicated to have the baseline at line 2 (leave a gap of one line) β οΈ This is not widely supported and required a vendor prefix to work in all browsers
Did you like our channel? Do you want to request an advertisement? Now you can request an advertisement by contacting us via the ID that
π
@We_D5
πWe are pleased to have you join my second channelπ₯
link Join π
https://t.me/dx_3d
π° display: contents in CSS
These are ways to hide elements in different ways, affecting visibility, layout, or accessibility.
#/EBook #/WebDesign #/UI
Ultimate Guide to Web Design V.3.0
https://t.me/html_css_js_frontend_projects
πWe are pleased to have you join my second channelπ₯
link Join π
https://t.me/dx_3d
+7π» Using box shadow in a way you might not have expected
Box shadows in CSS can be layered. You can apply multiple box shadows for the same element. This is generally used for a rich and realistic box shadow, but what's stopping us hacking this π€βͺοΈ Here we create a box shadow with 0 blur and some offset to create a duplicate layer βͺοΈ Then we create a similar layer but a pixel more of spread, to create a pseudo border βͺοΈ Finally another actual box shadow layer
