navigation   41658

« earlier    

Sticky, Smooth, Active Nav
"Just like the title says! Here's a sidebar navigation bar that... Uses sticky positioning. It stays on the screen when it can"
css  navigation  webdevelopment  webdesign 
13 hours ago by garrettc
Schade, Supporting Mobile Navigation in Spite of a Hamburger Menu | NNG 2015-08
Mobile sites that use the hamburger or three-line menu need to support navigation activities throughout the site, in case users don’t locate or use the main site navigation.
webdesign  mobile  navigation 
2 days ago by emerysnyder
Navigation in Swift
Every app that doesn't only consist of one single UI needs some form of navigation - to enable users to move between different screens and to display information or react to events. This week, let's take a look at a few different options for dealing with navigation in Swift apps, focusing on iOS this time.
ios  architecture  navigation  swift 
2 days ago by kimroen
The Political Path to GPS - The New Atlantis
The making of maps has often been shaped by political aspirations, military aims, and dreams of universal collaboration; and maps in turn shape our understanding of geography and political territory.... even explicitly navigational maps usually feature levels of political detail that are irrelevant to the purposes of the average traveler...

these borders have obscured countless other ways to visualize the world. GPS mapping has made possible a host of different types of map previously unavailable, and the aim of After the Map is to examine the tremendous shift in “geo-epistemology” that GPS has enabled. Rankin explains:

The term I use is geo-epistemology; what matters to me is not just what is known about the earth, but how it is known — and how it is used. Geo-epistemology is the difference between knowing your neighborhood through detailed stories, a pictorial guidebook, a map, aerial photographs, the coordinates of a GPS receiver, or simply walking around.... Above all it is about the importance — and the unavoidability — of tools: the goggles of geo-epistemology come in many styles, but they can never be removed....

Rankin’s case for innovative mapping is advanced mainly by these stellar images, which trace the reverse of the journey that painting once took from Color Field to Pointillism..... he describes the traditional image of the map: on a table in a war room, surrounded by figurative ministers and generals. “The power of these maps lies in their ability to act as a stand-in for the original landscape, so that decisions can be made from afar and any new lines drawn with the diplomat’s pen can be scaled up and projected back into the world.” What Rankin depicts is not the obsolescence of the map, per se, but rather its replacement by the coordinate within the map as the foremost tool for comprehending space:

Coordinates shift attention from the area to the point: a stable electronic grid makes it possible to aim missiles, drill for offshore oil, or conduct field research without any overarching awareness of a larger geographic region...

Most of the mapping innovations detailed here were designed explicitly for military use. As with countless creations, however, there is a vast difference between original purpose and later applications. ...

But the difference between maps for peace and maps for war seriously complicated twentieth-century cartography, which was motivated by two quite different ambitions. On the one hand was cartographic universalism — the hope to perfect a map of the whole globe, requiring the cooperation of the whole globe; on the other was the assignment of precise mathematical coordinates to exact spots on earth — very useful for bombing and artillery.

There are three principal sections to Rankin’s history, addressing first the collaborative effort to build the International Map of the World; second, the rise of cartographic grids; and third, the development of satellite navigation. In combination, the three brought us both the genuinely comprehensive map and the ability to locate precise spots upon it nearly instantly....

The first section also shows how the practical requirements of combat eventually undermined the ambitions of scientific universalism. The International Map of the World (IMW), a collaborative effort to devise exactly what the name suggests, achieved modest progress before the lofty aims of its backers were rerouted into the much more practical requirements of the Second World War....

The focus of Rankin’s second examination is one very particular use of maps: the bombardment grids developed in the First World War. These grids proved pivotal in pioneering a cartography of the point, disregarding all preexisting boundaries and turning “the entire western front into a flat, Euclidean gameboard subject only to the simple rules of plane geometry.”... Such grid systems became increasingly common in postwar civilian use as a means to simplify land boundaries and avoid constant surveying. Though eagerly taken up by national governments, grid systems, composed of abstract blocks with no relation to national boundaries, “actively subverted national territoriality at both a symbolic and a straightforwardly practical level.”...

The third section of Rankin’s book follows the path to GPS itself. Radionavigation systems, devised in the 1920s and 1930s for civilian use but finely honed during World War II, made possible the astonishing feat of location-finding that didn’t require a map at all. A fascinating variety of systems sprang up. Most involved using a ground transmitter to transmit Morse code signals.
navigation  GPS  GIS  mapping  cartography  internationalism 
3 days ago by shannon_mattern
Sticky, Smooth, Active Nav
Here's a sidebar navigation bar that... 1) Uses sticky positioning. It stays on the screen when it can, but won't overlap the header, footer, or ever make any of it's links inaccessible. 2) Scrolls smoothly to the sections you click to. 3) Activates the current nav based on scroll position (it's a single page thing).
fridayfrontend  css  navigation  sticky  smooth  scroll-behavior 
4 days ago by spaceninja
Sticky, Smooth, Active Nav | CSS-Tricks
Chris Coyier describes a navigation bar design which sticks to the screen, smoothly scrolls as the contents scroll and actively highlights where you are in the document as you scroll down or up.
ChrisCoyier  WebDesign  CSS  sticky  navigation  smooth  scroll  layout  tool  howto 
7 days ago by searchmeister

« earlier    

related tags

2018  320  a11y  accessibility  accessible  address  ais  algorithm  algorithms  android  android’s  animation  app  architecture  arstechnica  art  articles  astrogation  astronomy  aviation  aviation_history  back  base-de-loisir  bash  blogging  boatingsafety  boats  breadcrumb  but  button  camp  camping  canoe  canvas  cartography  certification  chaotic  chart-plotter  charter  chriscoyier  cli  climate  coast-pilot  communication  compass  conversion  cool  craft-plugins  craft  craftcms  cruising  css  cssbasics  csstricks  cybersecurity  deign  design  dev  development  documentation  dopple  drawer  dropdown  dwt  dynamics  earth  echolocation  ecommerce  equality  example  examples  feedly  find  fragment  fridayfrontend  gender  gesture  gis  github  google  googlemaps  gosport  gps  great  grib  guide  hamburger-menu  hampshire  hike  hiking  horizontal  howto  html5  ia  information_architecture  infrastructure  inspiration  internationalism  ios  ipad  iphone  is  issue  javascript  jquery  js  kayak  layout  leo  library  links  linux  listening  location  makes  map  mapping  maps  marine  menu  menus  mobile  modal  model  moon  moto  mountain  mountains  nantes  narwhal  native  nature  nav  newslettered  nmea  noaa  off  offline  opensource  openstreetmap  orbit  orbital  orienteering  pagination  phones  pilotage  plugin  postcode  priority  pwa  python  react  reference  research  responsive  robotics  safety  sailing  script  scroll-behavior  scroll  scroller  shell  shopify  side  sidebar  skip  slide  sliding-drawer  smooth  smoothscroll  snippet  sound  spoofing  sticky  stripe  surfing  survival  swift  testing  theme  tide  toc  tombubul  tool  toread  training  transfer  transitions  travel  ui  uipatterns  ultralite  usability  user_experience  user_interface  userinterface  util  ux-research  ux  vanilla  vim  want  wayfinding  weather  web  webdesign  webdesign_tools  webdevelopment  website  whoops  wind  worse  writing 

Copy this bookmark: