All Projects → shadeed → Headers Css

shadeed / Headers Css

The blueprint HTML and CSS for 17+ website headers

Projects that are alternatives of or similar to Headers Css

DeezerClone
This Application using Dagger Hilt, Coroutines, Flow, Jetpack (Room, ViewModel, LiveData),Navigation based on MVVM architecture.
Stars: ✭ 81 (-68.85%)
Mutual labels:  navigation
poor-maps
Maps and navigation for Sailfish OS
Stars: ✭ 42 (-83.85%)
Mutual labels:  navigation
x-frame-options
x-frame-options bypass
Stars: ✭ 29 (-88.85%)
Mutual labels:  headers
UWP-Flow-Frame
Flow Frame is a new and improved Frame control. This builds upon the default frame control by providing high-performance page transition animations powered by the composition layer. Fresh, new animations will be used by default, with options to configure the animations or even create your own custom animations (from scratch).
Stars: ✭ 14 (-94.62%)
Mutual labels:  navigation
IoT-iBeacon
An Ionic app for indoor localization and navigation using BLE iBeacons.
Stars: ✭ 39 (-85%)
Mutual labels:  navigation
browser
Routing and Navigation for browser apps
Stars: ✭ 31 (-88.08%)
Mutual labels:  navigation
RouterService
💉Type-safe Navigation/Dependency Injection Framework for Swift
Stars: ✭ 212 (-18.46%)
Mutual labels:  navigation
Transformerslayout
🔥 App金刚区导航菜单,类似淘宝、QQ音乐等APP导航,方格布局横向多行滑动翻页带滚动条
Stars: ✭ 258 (-0.77%)
Mutual labels:  navigation
react-native-navigation-drawer-extension
Drawer API built on top of wix react-native-navigation for iOS and Android (with TypeScript!)
Stars: ✭ 151 (-41.92%)
Mutual labels:  navigation
focus.nvim
Auto-Focusing and Auto-Resizing Splits/Windows for Neovim written in Lua. A full suite of window management enhancements. Vim splits on steroids!
Stars: ✭ 289 (+11.15%)
Mutual labels:  navigation
ASMapLauncher
ASMapLauncher is a library for iOS written in Swift that helps navigation with various mapping applications.
Stars: ✭ 41 (-84.23%)
Mutual labels:  navigation
TET
TET- Trans Euro Trail - Public Files
Stars: ✭ 27 (-89.62%)
Mutual labels:  navigation
rnw boilerplate nav
React Native Web boilerplate for universal web/native apps with a react-router/react-navigation combo navigation system.
Stars: ✭ 54 (-79.23%)
Mutual labels:  navigation
SmartVHDL
SublimeText Plugin for VHDL (highlight, autocompletion, navigation, ...)
Stars: ✭ 12 (-95.38%)
Mutual labels:  navigation
EnhancedNavigationView
A different BottomNavigationView that you could find in all android apps
Stars: ✭ 116 (-55.38%)
Mutual labels:  navigation
httphead
No description or website provided.
Stars: ✭ 72 (-72.31%)
Mutual labels:  headers
fe-navigation
前端导航网站,优秀的前端资讯网站
Stars: ✭ 14 (-94.62%)
Mutual labels:  navigation
Hybrid Navigation
React Native Navigation that supports seamless navigation between Native and React.
Stars: ✭ 258 (-0.77%)
Mutual labels:  navigation
CLF reactive planning system
This package provides a CLF-based reactive planning system, described in paper: Efficient Anytime CLF Reactive Planning System for a Bipedal Robot on Undulating Terrain. The reactive planning system consists of a 5-Hz planning thread to guide a robot to a distant goal and a 300-Hz Control-Lyapunov-Function-based (CLF-based) reactive thread to co…
Stars: ✭ 21 (-91.92%)
Mutual labels:  navigation
ROS Basic SLAM
BUILDING AN AUTOMATIC VEHICLE BASED ON STEREO CAMERA
Stars: ✭ 16 (-93.85%)
Mutual labels:  navigation

Introducing Headers.css

I got the idea of designing and implementing a blueprint website header components. The reason is that I can pick one and use it for a new project pretty quickly. I made 17 headers so far and aiming for more in the coming weeks. You can check them out here.

Read about building headers with flexbox on my blog.

While working on them, I tried to focus on the following:

  • Simplicity
  • Fully responsive design
  • Used Sass so they can be easily edited (Still need to do some refactoring here and there)
  • Accessibility (Please open an issue if you spot something incorrectly)

How To Use

I didn't build this project with a "smart" way to get the files. For now, you can get the HTML, Sass, and Javascript related for the header you want to check. I will try to enhance this.

Todo

  • [ ] Think about a build process
  • [ ] RTL Styling

Contributions

Oh, that would be great and very nice of you. Please submit an issue to discuss or simply add a PR.

Issues

Spotted a bug or something weird? Please open an issue. Thank you!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].