@Milka64 @ergonautes J'utilise sway mais bon c'est sensiblement la même chose qu'i3 pour le coup. J'ai fait en sorte de presque tout faire de la main gauche mais en gardant les actions utilisées moins souvent avec leur signification (par exemple pour passer en tabbed layout, j'utilise le T…) ##### Keybinds bindcode $win+36 exec footclient # Entrée bindsym --to-code $win+b kill # b ergol #motions bindsym --to-code $win+o focus up bindsym --to-code $win+e focus down bindsym --to-code $win+s focus left bindsym --to-code $win+n focus right bindsym --to-code $win+Shift+o move up bindsym --to-code $win+Shift+e move down bindsym --to-code $win+Shift+s move left bindsym --to-code $win+Shift+n move right #resize bindsym --to-code $win+Ctrl+s resize grow left 10 px bindsym --to-code $win+Ctrl+n resize shrink left 10 px bindsym --to-code $win+Ctrl+o resize grow up 10 px bindsym --to-code $win+Ctrl+e resize shrink up 10 px #layouts bindsym --to-code $win+h split h bindsym --to-code $win+v split v bindsym --to-code $win+f fullscreen # bindsym --to-code $win+s layout stacking # me sert pas bindsym --to-code $win+t layout tabbed bindsym --to-code $win+Shift+Space floating toggle bindsym --to-code $win+Space focus mode_toggle # switch to workspace bindcode --no-repeat $win+10 workspace 1 bindcode --no-repeat $win+11 workspace 2 bindcode --no-repeat $win+12 workspace 3 bindcode --no-repeat $win+13 workspace 4 bindcode --no-repeat $win+14 workspace 5 # move focused container to workspace bindcode $win+Shift+10 move container to workspace 1 bindcode $win+Shift+11 move container to workspace 2 bindcode $win+Shift+12 move container to workspace 3 bindcode $win+Shift+13 move container to workspace 4 bindcode $win+Shift+14 move container to workspace 5 # i3 controls bindsym --to-code $win+r reload bindsym --to-code $win+Shift+r restart bindsym --to-code $win+Shift+q exit # musiques via Alt c ou Alt C bindsym --to-code $win+c exec mpdmenu bindsym --to-code $win+Shift+c exec mpdalbumdmenu # Lancement de programme via Alt o bindsym --to-code $win+p exec "fuzzel" # p # Gestionnaire de mot de passe via Alt p bindsym --to-code $win+w exec /usr/local/bin/menupass --type # w # Gestion du volume via les bornes d'arcade bindsym XF86AudioRaiseVolume exec wpctl set-volume @DEFAULT_SINK@ 5%+ bindsym XF86AudioLowerVolume exec wpctl set-volume @DEFAULT_SINK@ 5%- bindsym XF86AudioMute exec wpctl set-mute @DEFAULT_SINK@ toggle bindsym XF86AudioNext exec mpc next bindsym XF86AudioPrev exec mpc prev bindsym XF86AudioPlay exec mpc toggle bindsym --to-code $win+a exec fuzzel-emoji

#Development #Approaches
Container query typography systems · Type that adapts to its own space https://ilo.im/16caye

_____
#Layouts #Fonts #Typography #ContainerQueries #WebDev #Frontend #CSS

Container Query Typography Systems

With the adoption of container queries in all browsers, it's time to use them to fix typography systems.

mattwaler.com

#Development #Techniques
Adventures in CSS subgrid · Lining up content across multiple columns https://ilo.im/16b6q4

_____
#Alignments #Content #Layouts #CssGrid #CssSubgrid #Browsers #WebDev #Frontend #CSS

Adventures in subgrid

Recently, I have solved several CSS layout problems using subgrid. I share my examples and refer to some other subgrid solutions in an article by Josh Comeau.

Jeff Bridgforth

#Design #Techniques
Details that make UIs feel better · Great interfaces rarely come from a single thing https://ilo.im/16be9n

_____
#Layouts #Typography #Animations #Images #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Details That Make Interfaces Feel Better

A collection of details that make your interfaces feel better.

Patrick - Embrace the chaos — The shape and flow of masonry layouts

Ramblings about the layout shape and item flow in masonry, and how that compares to other types of CSS layouts. Masonry is a pretty unique layout type, one where embracing the chaos of the layout can be the best approach.

Patrick Brosset

#Development #Guides
Building typographic scales in CSS · Get ready for :heading(), sibling-index(), and pow()! https://ilo.im/16apaw

_____
#ModernCSS #Scales #Typography #Layouts #DesignSystems #Design #WebDesign #WebDev #Frontend #CSS

Typographic Scales in CSS with :heading(), sibling-index(), and pow()

Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

Always Twisted

#Development #Overviews
CSS layout fundamentals · Master the core concepts behind CSS layouts https://ilo.im/16a1ic

_____
#Layouts #Positioning #Stacking #CssGrid #CssFlexbox #BoxModel #Browsers #WebDev #Frontend #CSS

Understanding the fundamentals of CSS Layout

When developers say that CSS is hard, they're usually talking about CSS layout. What often gets omitted though is that developers are assumed to understand and…

Polypane

#Design #Examples
Values to stress-test interfaces · Break your interface before users do https://ilo.im/169wx8

_____
#Testing #Names #Words #Numbers #Layouts #Forms #Constraints #ProductDesign #UiDesign #WebDesign

Blog

By Jove I think I have it! #CSS #Layouts