Steve Troughton-Smith⭐️ Updated my visionOS 'Safari Tab Bar' sample code to use the new custom hover effects introduced in visionOS 2.0, so the address bar now expands when you look at it (something impossible in earlier versions of the OS)
⭐️ New sample code: VisionImmersiveDockableUIKit
"This is a simplified example showing how to spawn a fully immersive scene using UIKit and UIHostingSceneDelegate in visionOS 26.
Additionally, it demonstrates using private API to dock the main window in the immersive scene, in a similar way to how video players work on visionOS."
https://github.com/steventroughtonsmith/VisionImmersiveDockableUIKit
I updated my VisionVolumetricUIKit sample project to use the new API, if you're curious
https://github.com/steventroughtonsmith/VisionVolumetricUIKit
Hilton FernandesThe handy and dandy getopts, that allow the creation of bash scripts with interesting command lines.
How to Use Bash Getopts With Examples
https://kodekloud.com/blog/bash-getopts/
Omid FarhangAdvanced Animations in Frontend Development: CSS, SVG, and JavaScript
#CSS #FrontendDevelopment #SampleCode #Animations #SVG #JavaScript #PerformanceOptimization
Advanced Animations in Frontend Development: CSS, SVG, and JavaScript
Animations have become a crucial aspect of modern web design, enhancing user experience and adding a dynamic quality to websites and applications. While basic animations can be achieved with simple CSS transitions, advanced animations often require a combination of CSS, SVG, and JavaScript. This post will delve into advanced techniques for creating animations, focusing on performance optimization, easing functions, and best practices to ensure smooth and engaging animations. CSS Animations CSS animations are the backbone of web animations, offering a powerful and efficient way to create sophisticated animations with minimal code.
Advanced CSS Grid Layouts: Techniques and Tricks for Responsive Design
#CSS #CSS3 #FrontendDevelopment #ResponsiveDesign #SampleCode
Advanced CSS Grid Layouts: Techniques and Tricks for Responsive Design
In the evolving world of web design, creating flexible and dynamic layouts that work seamlessly across devices is paramount. CSS Grid Layout, introduced with CSS3, revolutionizes the way we build web layouts by providing a two-dimensional grid-based layout system. While many designers are familiar with basic grid concepts, mastering advanced CSS Grid techniques can elevate your responsive design skills to a new level. In this post, we’ll dive into complex grid layouts, responsive design strategies, and best practices for ensuring cross-browser compatibility.
WetHat💦Algorithms and Data Structures implemented in #JavaScript
and #TypeScript for beginners, following best practices.
https://github.com/TheAlgorithms/Javascript
#Programming #Tutorials #Algorithms #DataStructures #SampleCode #GitHub
WetHat💦Algorithms and Data Structures implemented in #JavaScript and #TypeScript for beginners, following best practices.
github.com/TheAlgorithm...
#Programming #Tutorials #Algorithms #DataStructures #SampleCode #GitHub
Algorithms and Data Structures implemented in #JavaScript for beginners, following best practices.
github.com/TheAlgorithm...
#Programming #Tutorials #algorithms #DataStructures #SampleCode
⭐️ Threw together a little proxy UIView subclass for visionOS that lets you set z position, transform and glass effects/radius while abstracting away the SwiftUI hosting so you don't really need to know about it. Not complete, but thought it might be useful.
In the video below, it's used in a UICollectionViewCell subclass.
I wish these properties were just exposed on UIView.
https://gist.github.com/steventroughtonsmith/279a8596e37f269657554156d9a37075
