Fabio Curatolo

4.9K posts

Fabio Curatolo banner
Fabio Curatolo

Fabio Curatolo

@CuratoloDev

Father, Vegetarian, IT, Developer, Graphic Designer, Artist, Musician, Singer, Passionate of all Sciences.

Katılım Mayıs 2019
1.7K Takip Edilen206 Takipçiler
Fabio Curatolo retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
💡 CSS Tip! Add an infinite wobbling animation to your image with a simple code. css-tip.com/wobbling-anima… Powered by "complex" shape()s that you can easily get from my online generator!
CSS by T. Afif@ChallengesCss

It's live! A new CSS generator of fancy frames (Squiggly, Ragged, Wavy, Torn, etc.). Powered by shape() and ready for border-shape as well! css-generators.com/fancy-frame/ It's responsive and works with any elements, including images. Show me your best frame 👇

English
1
5
36
1.8K
Fabio Curatolo
Fabio Curatolo@CuratoloDev·
@adalluch Loved? He is the most hated president of the council by the Italian people! You foreigners have a distorted view of what is happening in Italy, you are victims of the media and their lies.
English
0
0
0
9
Ada Lluch
Ada Lluch@AdaLluch·
Giorgia Meloni went to see her daughter’s play at her school and no one bothered her because she is very much loved by the Italian people. If Pedro Sánchez did that, he would have booed non stop during the entire play.
English
207
865
9.4K
351.3K
Fabio Curatolo
Fabio Curatolo@CuratoloDev·
@maxciociola Dopo 25 anni da sviluppatore frontend comincio a temere il peggio per me è la mia famiglia nel prossimo futuro. P.s.: un consiglio per Musixmatch, implementa la parola Karaoke affiancata al nome dell'app, potresti avere una impennata di download e utilizzo a livello mondiale.
Italiano
0
0
0
13
Fabio Curatolo retweetledi
Ali Grids
Ali Grids@AliGrids·
this is how to avoid hover chaos.
English
41
260
8K
1.3M
Fabio Curatolo retweetledi
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@jh3yy·
every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout
English
12
12
550
101.6K
Fabio Curatolo retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! css-tip.com/graph-theory/ A demo powered by all the modern CSS features🤩
English
44
202
2.9K
1.2M
Fabio Curatolo retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
💡 CSS Tip! Percentage heights are always a nightmare, but what if we can solve all of the problems with one line of code? css-tip.com/percentage-hei… It may look strange and unreadable, but it will be a lifesaver and probably your new favorite CSS trick in the future!
CSS by T. Afif tweet media
English
5
34
336
15.5K
Antonio Tajani
Antonio Tajani@Antonio_Tajani·
L’ultima vittima del politicamente corretto è Andrea Pucci, che ha rinunciato a Sanremo per le polemiche esplose intorno alla sua satira. Perché questo doppiopesismo culturale? Difendere la Libertà significa anche difendere la libertà di espressione e di parola, artistica e culturale. Non è accettabile che qualcuno voglia imporre un pensiero unico, soprattutto sui mezzi di comunicazione pubblica. Ad Andrea Pucci e alla sua famiglia va la mia solidarietà per le minacce ricevute.
Antonio Tajani tweet media
Italiano
1.7K
204
1.6K
246K
Fabio Curatolo retweetledi
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@jh3yy·
one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }
Hypeople@HypeopleStudio

One language: clarity and focus. ✨

English
22
136
2.7K
298.2K
Fabio Curatolo retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
💡 CSS Tip! Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()! css-tip.com/clamp-auto/ The same applies to all the sizing values (min-content, max-content, fit-content, etc.)
CSS by T. Afif tweet media
English
4
33
200
13.8K
Fabio Curatolo retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
A CSS-only elastic hover effect, because why not? css-tip.com/elastic-hover/ A chrome-only experiment using shape(), sibling-index(), linear(), etc.
English
6
21
229
21.5K
Fabio Curatolo retweetledi
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@jh3yy·
custom <select> with CSS 🧑‍🍳 select { &, &::picker(select) { appearance: base-select; } }
English
62
259
4.3K
213.5K
Fabio Curatolo retweetledi
Emil Kowalski
Emil Kowalski@emilkowalski·
You might’ve seen this bug before where the hover state keeps flickering. The fix is to separate the trigger from the effect. Listen for hovers on the parent, but animate a child element instead. This ensures that the hover area stays consistent.
English
68
254
6.7K
658.5K
Fabio Curatolo retweetledi
CSS by T. Afif
CSS by T. Afif@ChallengesCss·
People are debating the masonry layout, and I'm creating strange layouts. A Pyramidal Grid of Hexagon Shapes! 👀 css-tip.com/pyramidal-grid/ A fully responsive implementation powered by modern CSS and no media queries.
CSS by T. Afif@ChallengesCss

💡 CSS Tip! Create a responsive grid of hexagon shapes with fewer than 15 CSS declarations, minimal HTML, and without media queries! css-tip.com/hexagon-grid/ Improving a 5-year old implementation using modern CSS (corner-shape, sibling-index(), math functions, etc)

English
0
6
37
8.1K
Fabio Curatolo retweetledi
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@jh3yy·
messin' with text using CSS + SVG 🤌
English
25
71
1.6K
85.7K
Fabio Curatolo
Fabio Curatolo@CuratoloDev·
#t5l3,588,309" target="_blank" rel="nofollow noopener">floor796.com/#t5l3,588,309
ZXX
0
0
0
21
SSGEOS
SSGEOS@ssgeos·
Felt #earthquake M 5.1 IONIAN SEA Felt #earthquake M 4.6 GREECE This can be precursor activity to a stronger event.
SSGEOS tweet media
English
4
19
146
31.3K
Matthew Prince 🌥
Matthew Prince 🌥@eastdakota·
Yesterday a quasi-judicial body in Italy fined @Cloudflare $17 million for failing to go along with their scheme to censor the Internet. The scheme, which even the EU has called concerning, required us within a mere 30 minutes of notification to fully censor from the Internet any sites a shadowy cabal of European media elites deemed against their interests. No judicial oversight. No due process. No appeal. No transparency. It required us to not just remove customers, but also censor our 1.1.1.1 DNS resolver meaning it risked blacking out any site on the Internet. And it required us not just to censor the content in Italy but globally. In other words, Italy insists a shadowy, European media cabal should be able to dictate what is and is not allowed online. That, of course, is DISGUSTING and even before yesterday’s fine we had multiple legal challenges pending against the underlying scheme. We, of course, will now fight the unjust fine. Not just because it’s wrong for us but because it is wrong for democratic values. In addition, we are considering the following actions: 1) discontinuing the millions of dollars in pro bono cyber security services we are providing the upcoming Milano-Cortina Olympics; 2) discontinuing Cloudflare’s Free cyber security services for any Italy-based users; 3) removing all servers from Italian cities; and 4) terminating all plans to build an Italian Cloudflare office or make any investments in the country. Play stupid games, win stupid prizes. While there are things I would handle differently than the current U.S. administration, I appreciate @JDVance taking a leadership role in recognizing this type of regulation is a fundamental unfair trade issue that also threatens democratic values. And in this case @ElonMusk is right: #FreeSpeech is critical and under attack from an out-of-touch cabal of very disturbed European policy makers. I will be in DC first thing next week to discuss this with U.S. administration officials and I’ll be meeting with the IOC in Lausanne shortly after to outline the risk to the Olympic Games if @Cloudflare withdraws our cyber security protection. In the meantime, we remain happy to discuss this with Italian government officials who, so far, have been unwilling to engage beyond issuing fines. We believe Italy, like all countries, has a right to regulate the content on networks inside its borders. But they must do so following the Rule of Law and principles of Due Process. And Italy certainly has no right to regulate what is and is not allowed on the Internet in the United States, the United Kingdom, Canada, China, Brazil, India or anywhere outside its borders. THIS IS AN IMPORTANT FIGHT AND WE WILL WIN!!!
Matthew Prince 🌥 tweet media
English
2.4K
7.4K
34.6K
9.5M
Fabio Curatolo
Fabio Curatolo@CuratoloDev·
@eastdakota @Cloudflare The most absurd thing is that in Italy there has been no mention of this in the least. I'm a programmer and I've heard this from you for the first time.
English
0
0
1
18
Fabio Curatolo retweetledi
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@jh3yy·
table of contents marker w/ modern css 🧑‍🍳 .toc { scroll-target-group: auto; } a:target-current { anchor-name: --active; } .toc::after { position-anchor: --active; top: anchor(top); } fun progressive enhancement, no js 🤙
Adetunji@itzadetunji1

Day 15 of building cool ideas I love 🚀 Been super occupied, but I had some time to work on this blog post animation using CSS and JS I am curious @jh3yy if this can be done with only css

English
32
182
3.1K
174.7K