Sidebar

Frontend Web Development

frontend
Frontend Web Development SpongeB0B 4 weeks ago 100%
Create a `clip-path` animated ?

cross-posted from: https://programming.dev/post/18448206 > Hi, > > I would like to use a rectangle that move (left to right) to reveal an `element` / `image` > > like this > > ![](https://programming.dev/pictrs/image/d54c7bfd-faec-4927-ab5c-8da413bc0772.gif) > > The white box shall be the image to display > > But I'm already block at my svg animation > > ```svg > <svg viewBox="0 0 265.135 68.642" xmlns="http://www.w3.org/2000/svg"> > <g x="-55.790085" y="0.79151762"> > <rect > style="fill:#ffcc00;stroke-width:2.46513;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stop-color:#000000" > width="55.465603" > height="151.60599" > transform="rotate(45)" /> > <animate > attributeName="x" > values="-55.790085;265" > dur="5s" > repeatCount="indefinite" /> > </g> > </svg> > ``` > > Because the rectangle is not moving :'( > > Any ideas ? > > Thanks. >

4
0
frontend
Frontend Web Development mindaslab 2 months ago 26%
Injee – The no configuration instant database for frontend developers.

Get injee here [https://yu7.in/injee](https://yu7.in/injee)

-11
15
frontend
Frontend Web Development Zara 2 months ago 100%
Where to get some WebDesign inspiration ?

cross-posted from: https://lemmy.ml/post/17900124 > Hi, > > I'm looking for some inspiration to create a website. > > Do you have a "crush" :) for a website (design speaking) > > Or do you know some website that list great visual feature or website ? > > Thanks. >

3
0
frontend
Frontend Web Development csansoon 5 months ago 44%
How I built a server-side cache with ExpressJS & React dev.to

Hi there, I have written an article on implementing server-side caching that ensures your app stays fast as you scale. I’ve used ExpressJS for the API server, and React for the frontend. Hope this helps someone!

-1
0
frontend
Frontend Web Development Blaze 1 year ago 60%
Shouldn't this be hosted on programming.dev instance?

Something such as !webdev@programming.dev

1
2
frontend
Frontend Web Development voodoocode 1 year ago 100%
OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog evilmartians.com

Interesting stuff to come. Play around on https://oklch.com Chrome on a Mac screen e.g. supports P3.

2
0
frontend
TIL you can do #myId#myId#myId span { ... } and it makes a difference over #myId span { ... } developer.mozilla.org

Adding the same id multiple times increases the specificity of a selector and thus overrides other selectors. e.g. ``` #myId span {color: red; } #myId#myId#myId span { color: blue; } ``` [Codepen](https://codepen.io/codependadada/pen/GRwpMKQ)

2
0
frontend
Frontend Web Development Openmastering 3 years ago 100%
The Odin Project, a free online ressource for learning Full stack programming just updated its Foundation part about CSS and HTML www.theodinproject.com

I started learning web development with it. And I really enjoy the format so far. Have you ever tried to learn web dev online?

7
2