Elior Tabeka
@EliorTabeka
Followers
210
Following
3K
Media
52
Statuses
837
Making the web a better place each day
Tel Aviv
Joined January 2009
Check this out! I'm getting onboard with an offering on OKX NFT Launchpad. Join us now. @okxweb3
0
0
0
CSS Tip! ✨ Trigonometric functions (sin, cos, etc.) are landing in CSS 🙌 Use them in animations & layouts 😯 How about these images laid out along a sine wave using scoped custom properties? img { translate: 0 calc(sin(var(--index) * 50%)); 👈 } @CodePen link below! 👇
🚨CSS News CSS Trigonometric Functions just landed in Firefox, are available in Safari and are slated to land in Chromium soon (tentatively version 111). What are they?
13
138
782
🔥 Here is how I use Caddy Server to get local HTTPS and a custom domain without port numbers. Super simple!
41
204
2K
New World Order for Crypto - WooHoo! 🤦♂️
0
0
1
Join me at GitHub Universe 2022! Find out more at https://t.co/sJEuDuYdac
#GitHubUniverse
0
0
0
Bare-bones #SVG UI Slider Just a few svg <rect> and an <ellipse>. Easily made interactive with @greensock's Draggable. Made pretty with #CSS 💥SUPER Scalable💥 @codepen Demo: https://t.co/7ajjMknx2f more 👇
3
4
38
Future CSS Tip! 🔮 Use :has() to power <form> micro-interactions and theme 😎 No JavaScript. Animations powered by <input> state 🚀 .group:has(:invalid) { animation: shake 0.5s; } form:has(.email:valid):has(.password:valid) .submit { --color: green; } Demo link below 👇
48
542
3K
✨ CSS Tip! ✨ You can create an expanding <img> gallery view with a lil display:flex and the flex property 💪 .container { display: flex; } img { flex: 1; } img:hover { flex: 5; } ~40 lines of CSS 🔥 👉 https://t.co/nsC6JMAUpK via @CodePen
20
216
1K
Tooling tip: in @ChromeDevTools you can use the global `monitorEvents` to get logs in the console for all the events dispatched on an object Super useful when debugging weird behavior on triggered event handlers 🔥
3
153
616
#CSS `:focus-visible` Lets the browser decide whether or not to show focus Video shows the difference between `:focus` and `:focus-visible` when Javascript is used to focus buttons after mouse interaction tldr; less concerns / better UX Learn more https://t.co/XLbtVXyaa0
15
174
832
⚡ Announcing Angular DevTools, a new way to debug your apps ⚡️ Install now to: ‣ Visualize the structure of your apps 🗺 ‣ Explore, inspect & edit components 🔍 ‣ Profile performance 📊 👩🏾💻 Read more → https://t.co/nDWjfppR8y 🚀 Install here → https://t.co/ciBn3sXUOw
86
976
3K