#cssweekly
LightNews LightNews
cssweekly.com
PS. If you're on Threads, say hi here: threads.com/@cssweekly/
October 15, 2025 at 1:09 PM
cssweekly.com
It seems that my dad opened a Threads account. 🙂

His support and these likes mean so, so much—thanks, dad! ❤️
Screenshot of @CSSWeekly Threads activity tab showing a dozen likes by Marijan Jambor.
October 15, 2025 at 1:09 PM
cssweekly.com
And here is the link to the channel, in case you're still not subscribed: youtube.com/@cssweekly
CSS Weekly
Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor. I will help you become a better, more knowledgeable, more confid...
youtube.com
August 15, 2024 at 8:31 PM
cssweekly.com
A quick tip outlining how to easily center any content vertically (including block-level elements) in CSS using the align-content property.

youtube.com/shorts/6eW0l...

—

#css #cssweekly #webdeveloper #webdevelopment #webdev #csstricks #htmlcss #learncss #csstips #csstutorial
Center ANYTHING in CSS With This Line of Code #css #csstips
A quick tip outlining how to easily center any content vertically (including block-level elements) in CSS using the align-content property.Subscribe to CSS W...
youtube.com
March 19, 2024 at 11:49 AM
jonathanfield.ing
So I have written an article about prioritising content using Flexbox, https://t.co/vskSeD1Blz #flexbox #content @smashingmag @CSSWeekly
June 1, 2015 at 7:24 PM
tech-foutraque.bsky.social
🇫🇷💻Vous aimez console.log() mais l'affichage n'est pas toujours optimisé ?

CSSWeekly a réalisé une vidéo pleine d'astuces pour répondre à tous vos besoins : tinyurl.com/bdx92j9z

📰 D'autres ressources frontend vous attendent dans notre newsletter tinyurl.com/mrjecnrr 📬
Tech foutraque #19 | Weekly frontend newsletter
Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.
tinyurl.com
October 20, 2023 at 1:07 PM
tech-foutraque.bsky.social
You like console.log() but the display isn't always optimised?

CSSWeekly has made a video full of tips to meet all your needs: tinyurl.com/bdx92j9z

If you're looking for more quality frontend resources, read our newsletter tinyurl.com/mrjecnrr or follow us.
Start Styling Your console.log() Messages in DevTools
Get more out of your DevTools console by utilizing underused functions like warn(), error(), & table(), and learn how to easily style console.log() using CSS...
tinyurl.com
October 20, 2023 at 1:06 PM
escapedcat.bsky.social
joshwcomeau.com/css/interactive-guide-to-grid/?utm_source=CSS-Weekly&utm_medium=newsletter&utm_campaign=issue-568-vip-november-21-2023 "An Interactive Guide to #CSS Grid" by twitter/joshwcomeau via twitter/CSSWeekly
November 23, 2023 at 2:47 AM
pablolarah.bsky.social
🟡🔴 Frontend News #4: State of CSS 2024, Syntax Highlighting
by @zoranjambor at @cssweekly@mstdn.social
#css #webdevelopment #news
youtu.be/FZwzWTo2aIY?...
Yellow text on red purple background: The best Utility-First CSS Library? Black text on tilted yellow rectangle: Frontend News #4 Picture of an smiling Zoran Jambor
September 3, 2024 at 11:16 PM
pablolarah.bsky.social
🔧 Level up your Frontend Expertise — About CSS Weekly
by @ZoranJambor at @CSSWeekly
#css #webdev #coding #vscode #devtools
youtu.be/GqNoFNqQPtg?...
Screenshot of YouTube cover featuring Zoran Jambor.
August 24, 2024 at 3:42 PM
pablolarah.bsky.social
🔴🟣🔵 Stunning Staggered CSS Animation/Transition on Page Load
by @ZoranJambor at @CSSWeekly
#css #animation #transition #webdev #staggered

www.youtube.com/watch?v=8Amc...
Picture of the head and shoulders of Zoran with glasses appearing tilted and smiling on the left, on gradient blue magenta background with three white semitransparent rectangles with text: Staggered CSS Transition (Animation word appeared Strikethrough) On Page Load
June 27, 2024 at 10:59 PM
pablolarah.bsky.social
▪️ ⬛️ Transition to "height: auto;" & "display: none;" Using Pure CSS
by @ZoranJambor at @CSSWeekly
#css #webdev

youtu.be/1VsMKz4Zweg?...
Image of Zoran on the left with terminal window with code: CSS Transitions height: 0 -> auto; display: none -> block;
June 5, 2024 at 10:39 PM
pablolarah.bsky.social
🔴🟣Create Gradient CSS Text Strokes
by @ZoranJambor at @CSSWeekly
#cssGradient #css #webdev

www.youtube.com/watch?v=mPZ6...
Image of Zoran Jambor with white rectangle with gradient text magenta blue violet: Gradient CSS Text Strokes. Background magenta violet from left to right.
May 15, 2024 at 12:43 PM
pablolarah.bsky.social
📧 CSS Email Obfuscation - Create a Clickable Link
by @ZoranJambor at @CSSWeekly
#emailObfuscation #webdev #email

www.youtube.com/watch?v=Whwv...
Zoran Jambor on blue background looking to a hand cursor clicking on yellow email address: "not-my@email.com"
April 25, 2024 at 1:21 PM
pablolarah.bsky.social
🤖🔵🟡 Email Obfuscation Using CSS
by @ZoranJambor at @CSSWeekly
#css #obfuscation #webdev

www.youtube.com/watch?v=w0rQ...
On blue background, robot illustration on the left and picture of Zoran smiling on the right. Between them, yellow text with orange shadow: "Stop Spam Using CSS".
April 8, 2024 at 2:36 PM
pablolarah.bsky.social
🟡🔵 VS Code Tips - Fix Multiline Comments in CSS/HTML
by @ZoranJambor at @CSSWeekly
@code tip showing you how to fix broken block comments behavior in CSS/HTML
#css #webdev #code

youtu.be/Z1x2BgH0Ptc?...
Code on blue background with yellow arrows pointing to the closing commenting in css: .block { >/*-/*- margin: 1re /* padding: 2rem; */ Agap: 1 gap: 1rem; */ align-items: start; On dark blue rectangle, orange text: NEVER AGAIN X. On the right image of Zoran Jambor with beard and glasses.
March 26, 2024 at 9:08 PM
pablolarah.bsky.social
🔴🟢 Simplify Your CSS Using :is() and :where() Pseudo-Classes
by @ZoranJambor at @CSSWeekly

#css #PseudoClassIS #PseudoClassWhere #webdev #pseudoclass

youtu.be/NnaBX6SypR8?...
Picture of Zoran Jambor touching his beard with the left hand, on the left. On the right, two browser windows with code: First with red cross at the end: h1 a, p a, li a, h1 span, p span, li span {} Second with green check at the end: :is(h1, p, li) : is(a, span) {}
March 8, 2024 at 10:29 PM
pablolarah.bsky.social
🎚️ Native Input Toggle Switch
by @ZoranJambor at @CSSWeekly
A quick tip showing how to create a native toggle switch by adding a single attribute to a #checkbox #input element.
#css #NativeToggleSwitch #webdev

www.youtube.com/shorts/UtuRG...
YouTube short featuring Zoran Jambor on vertical video with white text: "CSS Native Input Toggle Switch" Picture of laptop by Sincerely Media on Unsplash
February 29, 2024 at 3:47 PM
pablolarah.bsky.social
🟡⚫️ Best Programming Fonts (2024)
by @ZoranJambor at @CSSWeekly
#Programming #ProgrammingFonts #typography #webfonts #code

www.youtube.com/watch?v=aEt4...
On the left on semitransparent yellow rectangles black text: Your Next Favorite Coding Font? On the right, Zoran Jambor smiling. Background black with coding font in different colors.
February 23, 2024 at 9:05 PM
pablolarah.bsky.social
💻 Where is CSS4?
by @ZoranJambor at @cssweekly
#css #css4 #webdev #shorts

www.youtube.com/shorts/qljCu...
Image of laptop by Samantha Borges on Unsplash, with short in youtube with Zoran Jambor on the screen.
February 23, 2024 at 7:05 PM
pablolarah.bsky.social
🏹Arc Browser @TheBrowserCompany Boosts – How To Tweak Website CSS
by @ZoranJambor at @CSSWeekly
A practical example of adjusting @daringfireball to become mobile responsive using CSS Grid.
#webdev
www.youtube.com/watch?v=7DfZ...
Logos Daring Fireball and Arc browser on grey background on the left with CSS code on the right on small window with numbered lines.
January 31, 2024 at 11:46 PM
pablolarah.bsky.social
🤌 How to handle touchscreen gestures in the browser using CSS
by @ZoranJambor at @CSSWeekly
#css #csstips #touchscreen #gestures

www.youtube.com/shorts/2n0j_...
Youtube short with black background and circle image with Zoran Jambor. Light text: Small text: On touchscreen devices, panning and pinching gestures are handled exclusively by the browser, Big text: auto @CSSWeekly Subscribed Exploring Front-End of Photoshop How to handle touchscreen gestures in the browser usina CSS #css #csstips
December 27, 2023 at 11:58 PM
pablolarah.bsky.social
🔵 CSS Tips — Practical img Element Defaults
by @ZoranJambor at @CSSWeekly
A line-by-line guide through the sensible CSS for image elements.
Based on the Harry Roberts @csswizardry tips.

#css #img #webdev

www.youtube.com/watch?v=mA-F...
Image of Zoran Jambor on blue background with glasses and the hand holding his chin. Code in a blue browser: img { max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem; }
December 22, 2023 at 12:00 AM
pablolarah.bsky.social
🧭🦊🔴 How to enable experimental CSS & JS features in Chrome, Firefox & Safari
by @ZoranJambor at @CSSWeekly
#ExperimentalFeatures #browsers #webdev

youtu.be/3IH3P-KCvmA?...
Small picture of Zoran Jambor with the hand on his head on bottom left. Yellow text on blue background: "How to enable experimental CSS & JS features in Chrome, Firefox & Safari." Icons Safari, Firefox and Chrome.
December 11, 2023 at 11:04 PM
pablolarah.bsky.social
🟣🔴 How to Create Stunning Slanted Containers with CSS
by @ZoranJambor
at @CSSWeekly

A detailed, in-depth guide to creating slanted card components using CSS clip-path & shape-outside properties.
#container #css #card #webdev #clippath
www.youtube.com/watch?v=emP8...
White text on violet background with green lemon arrows pointing to it: "Perfect Slanted Edges Using Only CSS Learn how to create a slanted-edge effect using clip-path and shape-outside CSS properties. Find out how" On the right, image of Zoran Jambor smiling.
December 6, 2023 at 1:36 AM