#frontenddeveloper
LightNews LightNews
waveshapeco.bsky.social
Here we have another minimal footer built using our 12-col layout grid. Each link has a super-simple opacity interaction, and the footer has a little newsletter form as well.

#webdesign #uidesign #frontenddeveloper #interactiondesign
November 8, 2026 at 12:05 AM
waveshapeco.bsky.social
This footer section is built using a 12-col layout grid which neatly contains all content items. It's just a nice little minimal footer section without interactions & animations.

#webdesign #uidesign #frontenddeveloper #interactiondesign
November 6, 2026 at 9:54 PM
waveshapeco.bsky.social
The third list section features list items that shrinks in width on hover. This is done by having their wrappers have center aligned children using flex, and letting each item shrink a certain percentage in width on hover.

#webdesign #uidesign #frontenddeveloper #interactiondesign
November 10, 2026 at 12:02 AM
waveshapeco.bsky.social
This info section is one of the cleaner ones of the library. It's a list of your team members in large type, with a fairly simple Webflow IX2 border hover interaction for each email.

#webdesign #uidesign #frontenddeveloper #interactiondesign
November 4, 2026 at 8:46 PM
waveshapeco.bsky.social
This blog section is built using a layout grid, where minimal cards are laid up one after another, with one larger featured card. Each card has a hover interaction where the image is animated in scale, and an overlay is animated in opacity.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 31, 2026 at 10:23 PM
r-oshani.bsky.social
I am Frontend developer. I have 6 month experienced in production based company . I am recently looking for opportunities in this field and other related field . Any one Can help me ? #freelancer #frontenddeveloper
October 30, 2026 at 7:21 AM
waveshapeco.bsky.social
Modal 04 is a full width, page bottom aligned modal that opens with a little reveal animation with image scaling. This animation is created using IX2 in Webflow.

Contextual Keywords: UI design, web design, web layout

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 29, 2026 at 6:09 PM
waveshapeco.bsky.social
This footer is built using layout grids, and neatly laid out lists of link. At the bottom, it features a large image with a centered link that has a little border hover interaction.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 30, 2026 at 10:58 PM
waveshapeco.bsky.social
Info 11 is a typical split sticky section, where the image mockups are scrolling while the right side content stays in place. It also has a sweet little button component with a nice little hover interaction.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 27, 2026 at 8:38 PM
neweraofcoding.bsky.social
physical space regardless of how it got there.

#javascript #html #css #java #programmer #developer #webdevelopment #webdeveloper #coder #code #webdesign #codinglife #softwaredeveloper #computerscience #software #reactjs #frontend #development #linux #frontenddeveloper #programmers #web
October 29, 2026 at 5:10 AM
waveshapeco.bsky.social
Info 09 is another very static info section, with a neat grid based layout with a large image to the left, and some content to the right. It only has one of those sleek link interactions where the border slides on the x-axis.

#uidesign #frontenddeveloper #interactiondesign
October 26, 2026 at 8:52 PM
waveshapeco.bsky.social
Info 02 is, just like our other info sections, a very static, minimal section. It has a little link hover interaction where the border is animated on the x-axis.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 23, 2026 at 9:16 PM
waveshapeco.bsky.social
This is a fully static section with a large display paragraph and an image. It also has a little hover interaction on the link border & icon. Very simple.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 21, 2026 at 8:11 PM
waveshapeco.bsky.social
A super simple info section with a nicely laid up image, title & list. It also has a little link hover interaction.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 15, 2026 at 11:26 AM
waveshapeco.bsky.social
One of the more simple link components from WS Microinteractions. It animates icons on the x-axis, pushes one out while one is pushed in. Both hidden by wrappers using overflow: hidden.

#webdesign #uidesign #frontenddeveloper
October 13, 2026 at 8:18 PM
straatemans.bsky.social
Opened my personal site this morning for some maintenance and was suddenly greeted by... BALLOONS.

I’d added the effect last year, then completely forgot it was there.
Thank you, last-year’s-me 🎈

straatemans.nl

P.S. You can pop the balloons
#FrontendDeveloper #AI #Portfolio #birthday #comics
October 13, 2026 at 10:36 AM
hendrik-berends.mastodon.social.ap.brid.gy
Irgendwas mit IT? Was Frontend-Entwicklung eigentlich ist

#frontenddeveloper #frontendentwicklung #jobsuche #Stellenvorschläge #webentwicklung

https://hendrik-berends.de/blog/irgendwas-mit-it-was-frontend-entwicklung-eigentlich-ist
Was macht ein Frontend Developer? Was Frontend-Entwicklung ist und was nicht
Auf 49 von 59 Stellenvorschlägen habe ich mich nicht beworben – fast keiner hatte mit Frontend zu tun. Ein Versuch zu erklären, was Frontend-Entwicklung eigentlich ist.
hendrik-berends.de
October 12, 2026 at 9:03 AM
waveshapeco.bsky.social
The List 01 section is a very elegant list with hover and mouseover interactions for each list item. The image pops up, and follows the users cursor a tiny bit on the X- and Y-axis. Made using Webflow IX2.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 9, 2026 at 11:12 PM
waveshapeco.bsky.social
The third input component of WS Microinteractions hides the main input behind a simple button, until the user hovers and the input is revealed. Quite a cool way to save space on your sites.

#webdesign #uidesign #frontenddeveloper
October 8, 2026 at 9:52 PM
waveshapeco.bsky.social
The third tooltip is one of the simpler ones in WS Microinteractions. It has a dark tooltip animated through opacity and Y-axis movement on hover. Simple & useable.

Contextual Keywords: UI design, web design, interaction design

#webdesign #uidesign #frontenddeveloper
October 7, 2026 at 8:28 PM
waveshapeco.bsky.social
This blog section is one of the simpler ones, just a neatly laid out list of posts with a sleek width-transforming hover interaction.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 6, 2026 at 9:54 PM
waveshapeco.bsky.social
This footer features a really minimal grid based layout, with a few link lists, an image and a little link border interaction on the large CTA link.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 3, 2026 at 10:49 PM
waveshapeco.bsky.social
The list 06 layout is a nice little list with hoverable items. Every item contains two images that are revealed at the top left part of the section in a smooth way.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 2, 2026 at 10:02 PM
waveshapeco.bsky.social
This modal is a very basic one in terms of animation, but its layout is quite nice and minimalist. Simply press the button, and the modal appears slightly animated on the Y-axis and in opacity.

#webdesign #uidesign #frontenddeveloper #interactiondesign
October 1, 2026 at 9:45 PM
waveshapeco.bsky.social
This button features a gradient shift hover interaction, where the background gradient "blobs" basically gets skewed & moved a bit. Also, the icon gets filled in as an extra detail

Design Style: Interaction design

#webdesign #uidesign #frontenddeveloper
September 30, 2026 at 7:44 PM