Michael Andreuzzamichaelandreuzza.hashnode.dev·Nov 26, 2024Learn how to create a bottom navigation with Tailwind CSSToday, we’re creating a responsive bottom navigation with Tailwind CSS—a simple way to add a navigation bar to your site or app. What is a bottom navigation? A bottom navigation bar sits at the screen's bottom, offering quick access to key sections. ...DiscussTailwind CSS
Aditya Gadhaveadityag7678.hashnode.dev·Aug 1, 2024Step-by-Step Guide to Creating a Responsive Navigation Bar with HTML and CSSA responsive navigation bar (navbar) is essential for improving your user experience and web design skills.You've arrived at the right place, especially if you're a beginner learning front-end development and looking to build a responsive navigation ...Discuss·1 likeHTML5
Cherrie Kimcherrie.hashnode.dev·Jul 21, 2024[Flutter] 프로젝트 초기 설정 - 라우팅 (feat. Riverpod)앞서 말했든 이번 프로젝트에선 Riverpod를 활용할 예정이기에, 라우팅 기능이 내장되어있는 GetX와 달리 라우팅을 따로 설정해줘야 했다. 가장 인기있는 라우팅 라이브러리인 GoRouter를 활용하기로 결정했다. [링크] GoRouter를 사용하는 기본적 라우팅 예제는 다음과 같다: import 'package:go_router/go_router.dart'; // GoRouter configuration final _router = Go...Discuss·58 readsFlutter
David Alexander Adamsdavidalex.ca·Jan 26, 2024Update navigation bar with Hashnode's headless CMSThis article assumes that the reader has built a custom homepage with Hashnode's headless CMS started kit. Here is the article if you are interested in creating your own! Hashnode's navigation bar is usually hidden on wider screen viewports. It is on...Discussnavigation bar
Salla Tero-Anandamurthysallatero.hashnode.dev·Dec 5, 2023How to translate navigation menu on Experience CloudTranslating navigation menu items for your Experience Cloud site is quite easy, with the exception of Home navigation item, which needs a bit more work. In this article I will walk you through the needed steps. Here we are using an Aura Experience Cl...Discuss·399 readsSalesforce Experience Cloud
Vyom Singhvyom20.hashnode.dev·Nov 18, 2023Bottom Navigation Bar in jetpack Compose using Material3 (UI/UX)Hi Devs, in this article i am going to show you how you can design bottom navigation bar in jetpack compose using navigation component(nav controller and nav host). Step 1: Set Up a Compose Project Firstly, create an empty Android Studio project. Ope...Discuss·10 likes·172 readsBottom Navigation 2023 jetpack compose
Alex Anieocxigin.hashnode.dev·Sep 22, 2023NavLink Component in React RouterIntroduction The <NavLink> component in React-Router is used for navigating to different components within a single page application. This is very useful when creating a navbar component in your React app. The <NavLink> component does the same thing ...Discuss·3 likes·205 readsReact
Diana Nnaemekadianannaemeka.hashnode.dev·Aug 14, 2023Build a Sliding Navigation Menu Component with Tailwind CSS and JavaScriptIntroduction Lots of websites and web applications feature one tangible and critical detail: a navigation menu. When you browse around the web, it is clear that a navigation menu is one of the essential elements - if not the most important - in web a...Discuss·5 likes·6.1K readsTailwind CSS
Julian Ewers-Petersblog.ewers-peters.de·Apr 13, 2023Customize the Title Bar of a MAUI app with these simple stepsIntroduction Many mobile applications come with their own, custom title styling. This is important, because the title bar (or navigation bar, I will use the terms interchangeably here) plays a vital role in brand recognition since it is visible at th...Julian Ewers-Peters and 6 others are discussing this7 people are discussing thisDiscuss·6 likes·48.1K reads#dotnet-maui
Chetanwightintech.hashnode.dev·Mar 1, 2023Day 4 in #100daysofcode challengeHello and welcome to Day 4 blog that I am writing at what like 3 am or something, I'll schedule this for 9 pm , Today was not very productive, thanks to my college assignments and test. Okay cutting down this irrelevant info about my day and getting ...Discuss·2 likes·73 reads#100daysofcodechallengeFlutter
![[Flutter] 프로젝트 초기 설정 - 라우팅 (feat. Riverpod)](https://cdn.hashnode.com/res/hashnode/image/upload/v1721554930750/389b4b7c-c87e-49c3-a27f-40b252fa74ba.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
