Friday Front-End @fridayfrontend
Moved: https://t.co/CPgqH8lUPL or https://t.co/xMFhqLA8D4 fridayfrontend.com Portland, OR Joined August 2015-
Tweets3K
-
Followers5K
-
Following3
-
Likes52
šš» This account has moved! You can find us on Mastodon at hachyderm.io/@fridayfrontend or Bluesky at bsky.app/profile/fridayā¦
Plain Vanilla: "An explainer for doing web development using only vanilla techniques. No tools, no frameworks ā just #HTML, #CSS, and #JavaScript." plainvanillaweb.com/index.html
Today's lunch video is "Please, donāt use viewport units for font sizes" - "When people find out about #CSS viewport units, one of the first things they often do with them is create fluid type, but there are some problems that can cause." youtube.com/watch?v=G1buM5ā¦
Recipes For Detecting Support For #CSS At-Rules: "The CSSWG decided in 2022 to add the prior at-rule() wrapper function. Two years later we donāt have a lot of updates on when it will be added to browsers. So, how can we check for support in the meantime?" css-tricks.com/recipes-for-deā¦
#CSS Fan Out with Grid and @property: "A "fan out" animation involves sequentially revealing items from a stack with a bouncy effect. By using CSS grid, we save quite a bit of fiddly positioning work." frontendmasters.com/blog/css-fan-oā¦
A Local-First Case Study: "How I built a local-first #JavaScript app for planning trips, and what I learned about the current state of the local-first ecosystem along the way." jakelazaroff.com/words/a-local-ā¦
The Golden Ratio in #CSS: "In this tutorial, we'll re-create the Golden Ratio Diagram in CSS, using a few grid-declarations and some additional tricks." dev.to/madsstoumann/tā¦
I wasted a day on #CSS selector performance to make a website load 2ms faster: "I felt like Indiana Jones staring at the holy grail. And yet, the phrase 'CSS selector efficiency is not something to worry about in 2024' kept ringing through my head." trysmudford.com/blog/i-spent-aā¦
Today's lunch video is "My process building websites from a design with #HTML & #CSS" - "It's a sped-up overview of my whole process, from setting up the project, interpreting the Figma design into code, and of course trouble shooting and problem solving." youtube.com/watch?v=Pj7wPjā¦
Building the Perfect Logo Strip: "We can adjust the height of each logo based on its aspect ratio. If a logo is wider than it is tall, we'll reduce its height. The wider the logo, the smaller its height. This way, all logos maintain a visual balance." #CSS 9elements.com/blog/building-ā¦
Choosing a Masonry Syntax in #CSS: "Back in 2020, Firefox released a prototype for doing āmasonryā layout in CSS. Now all the browsers are eager to ship something, but thereās a hot debate about the best syntax to use." oddbird.net/2024/10/01/griā¦
#WebComponents are not Framework Components ā and Thatās Okay: "The bottom line is, web components reduce the number of use cases where we need to reach for a framework, but complex large applications will likely still benefit from one." lea.verou.me/blog/2024/wcs-ā¦
#CSS Split Effects with no Content Duplication: "But we can do something like this with no text duplication whatsoeverā¦ The trick here is to put the text fill, the text stroke and the progress area each on one RGB channel." frontendmasters.com/blog/split-effā¦
Redesign Case Study: "A few days ago, I published a new design for my website. In this article, I will discuss why I redesigned it, the process, and a few highlights from the design in general." #CSS ishadeed.com/article/redesiā¦
Today's lunch video is about #CSS Masonry Layouts: "I hope I did justice to a complex topic people have *very strong* feelings about. I certainly tried to share both takes clearly and fairly." youtube.com/watch?v=3h6BCTā¦
Introducing TODS ā "A new open source web typography project. The idea is to have a default #CSS file to set sensible typographic defaults for use on prose text, making particular use of the font features provided by OpenType." clagnut.com/blog/2433/
New Values and Functions in #CSS: "The CSS Working Group released the first Public Working Draft for the CSS Values and Units Module Level 5. It describes the values and units and the syntax used for them, and it comes with some interesting new features." alvaromontoro.com/blog/68062/newā¦
Solved by #CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up: "By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value." bram.us/2024/09/29/solā¦
Orange You Accessible? A Mini Case Study on Color Ratio: "Join me as I qualitatively deconstruct why the white text on an orange button is more legible than the black text, despite what quantitative results such as contrast ratios would suggest." #a11y bounteous.com/insights/2019/ā¦
#SVG Coding Examples: Useful Recipes For Writing Vectors By Hand: "Youāll learn about asking the right questions to solve common positioning problems and how to leverage JavaScript so that, by the end, you can add 'SVG coding' to your toolbox." smashingmagazine.com/2024/09/svg-coā¦
Cassie Evans @cassiecodes
35K Followers 2K Following š« cosycore devrel @GreenSock. creative tinkerer. š cassiecodes on discord
Seb āļø ThisWeekIn... @sebastienlorber
50K Followers 5K Following š„ Join 40k devs - Stay up-to-date with React: ā¢ šØ https://t.co/DvLGHeLY5G ā¢ @ThisWeekInReact ā¢ @docusaurus maintainer ā¢ š«š·
Rudui @Rudui353
77 Followers 3K Following
Umar Shakoor @umarshakoor25
66 Followers 407 Following
alae muahmmad @EloMuham
0 Followers 12 Following
O R I E B āØ @Oriiiieeeeebg
146 Followers 470 Following I'm human š Smile āļøāØš Angular Front End Developerā”ļøog (optemstic girl) šÆš“
77 @m1rror_77
0 Followers 17 Following
Armin QVXIII @ArminQVXIII
7 Followers 17 Following
lola hessein @LolaHessein
0 Followers 44 Following
Thales @PugliTales
5 Followers 24 Following
Mohamed Bakr @Mohamed57050204
0 Followers 4 Following I am a developer of e-commerce websites or educational websites.
Shafik Tanbir @ShafikTanbir
2 Followers 186 Following
Syed Ahmad Abbas @I_Ahmad_Abbas
0 Followers 6 Following
Emmet Kris @EmmetKris78033
140 Followers 3K Following
Davide Dispenza @DavideDispenza
1 Followers 28 Following CTO, Senior full stack dev, MVP expert, AI enthusiast
Vaughn Hamill @hamill_vau88768
133 Followers 3K Following
Siapa @EXE_NOKID
14 Followers 684 Following
Mohamed Elbahrawy @MohamedElb48705
1 Followers 20 Following
Sure SivaSai @sivasai_su3956
2 Followers 63 Following
Mohammad.Fathollahi @MohammadFAE
2 Followers 34 Following
Swapnil Duphare @swapnilshorts
2 Followers 21 Following I am a Front-End Developer with over 1 year of experience in creating user-friendly web applications. I'm skilled in HTML, CSS, JavaScript, REACT JS & GitHub.
danix chacha @Danix_dr
0 Followers 56 Following
yal. @literallyalda
817 Followers 2K Following Ų§ŚÆŲ± Ł ŪŲ®ŁŲ§Ū ŲØŪŲ“ŲŖŲ± Ų¢Ų“ŁŲ§ ŲØŲ“Ū ŲØŲ§ŁŲ§Ł ŲØŪŲ§ ŲŲ±Ł ŲØŲ²ŁŪŁ :))
Norah Ezeribe| Front-... @NorahCanCode
0 Followers 30 Following Front-End Developer | React, JS, CSS | Open to work & freelance | Crafting clean UIs
amr apozeid @GoldenWeb99
2 Followers 33 Following
Ahmed Adel @desgro3502
20 Followers 1K Following ŁŁŁŁŁŁŁŁŁŲ§ ŲŖŁŲ£ŁŲ³ŁŁŁŲ§ Ų¹ŁŁŁŁŁ° Ł ŁŲ§ ŁŁŲ§ŲŖŁŁŁŁ Ł ŁŁŁŁŲ§ ŲŖŁŁŁŲ±ŁŲŁŁŲ§ ŲØŁŁ ŁŲ§ Ų¢ŲŖŁŲ§ŁŁŁ Ł
Sai @Ackernex18
81 Followers 949 Following šØāš» 19 | Full-Stack Dev (Frontend-heavy) ā” Building real, usable products š React ā¢ Tailwind ā¢ Web Tech š Always learning | Solving real problems
Daniel collazos @DaniCo2021
1 Followers 18 Following
Omar Abdulmorid @omarAbdelmorid
0 Followers 15 Following
Ų§ŁŁ ŲŲ§Ų±ŲØ @naroto1295
9 Followers 575 Following
Ankam Ramya sai @ramya_sai0231
0 Followers 6 Following
Vedang @Vedang1231
9 Followers 71 Following Hey there! I'm a software engineer in the making . I belive in technology and innovation for the better future they call me 0017.
Zeynep Lae @Ivryzeen
0 Followers 30 Following
Danya Shawaf @DanyaShawaf5277
1 Followers 9 Following
Chukwuemeka @Chukwuemeka3132
49 Followers 358 Following Web developer, Graphic designer, Tech Enthusiast, Educationist, Copywriter
Nabil-Hany @Nabil_Hany22
3 Followers 85 Following š” Passionate about web development, specializing in **Front-End Development**. š Always exploring new technologies and modern web trends.
Denis Balogh @balogh_denis
3 Followers 56 Following
ćć£ćć @gasheeee_san
76 Followers 276 Following čŖē±ę°ć¾ć¾ć«ę å ±åéćć£ć¦ć¾ćć
All For One @AllForOne1990
15 Followers 152 Following
kauavlk6 @kauavlk
0 Followers 11 Following
gilanf adi @GilanfAdi200
1 Followers 24 Following
!Boring @notboring
15K Followers 70 Following Playful apps for life's routines. 2x ļ£æ Apple Design Award
Old Man Vandehey @spaceninja
1K Followers 170 Following Front-end dev @CloudFour. Curator @FridayFrontEnd. UFO nerd @ExcitingTimePod. He/him. https://t.co/KHaZjopiJY https://t.co/j8kc9lUYzg
CSS Basics @cssbasics
2K Followers 2 Following Moved: https://t.co/pa5BBRgwwt or https://t.co/mjc1Ujn78RTrends for United States
You might like
