This modal can be opened by clicking the anchor icon in the pre-header. Because the link uses an href anchor (instead of data-open-modal) you'll see #example_modal in your address bar. If you want to see the hidden modal, manually change the url in your address bar to #hidden_modal.
data-open-modal example
This modal can be opened by clicking the window icon in the pre-header. Because the link uses data-open-modal (instead of an href anchor) nothing appears in the address bar. You also can't use the back/forward buttons to close or reopen the modal. However, if you know the ID of the modal, you can still manually type the anchor link in your address bar and it will open (handy for client previews).
To simulate an extremely long modal and show how modals scroll, here's a ton of lorem ipsum:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum fugit, aperiam qui ducimus incidunt quis ad saepe at! Quis pariatur id nemo iusto. Delectus doloremque, voluptates dicta ab ullam quibusdam!
Illo debitis nihil, labore impedit voluptates soluta asperiores dignissimos dolorem cupiditate optio possimus, accusamus sit libero magni saepe quae explicabo obcaecati laboriosam! Veniam nobis incidunt nam cum a quasi voluptas commodi voluptates rerum dolore nulla nihil numquam perspiciatis at blanditiis odio similique, consequuntur et.
Consequuntur doloremque distinctio quis aperiam quidem labore nisi aspernatur necessitatibus, perspiciatis quas nulla exercitationem voluptate cupiditate natus? Aperiam cum unde ut doloribus! Aliquid omnis aperiam, magni iure exercitationem numquam quas blanditiis repellendus. Debitis error reprehenderit, laboriosam praesentium neque porro placeat dignissimos dicta natus adipisci!
Ipsam blanditiis neque rerum, saepe nam assumenda odio sed nostrum dolorum sint exercitationem repellat necessitatibus provident aliquam quod tenetur voluptatibus sapiente perspiciatis! Maxime, consectetur quae. Repellendus vitae minima distinctio, esse, iste ut quibusdam nemo doloremque iure eum ex deserunt illum at voluptatum quisquam aperiam?
Dolorem facilis aspernatur explicabo deserunt a provident iste consequuntur, earum, odit iusto cupiditate odio. Molestias aspernatur quo reprehenderit voluptatem accusamus tenetur natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo magnam, totam omnis pariatur voluptatum ullam in, cumque error unde cupiditate molestias nihil accusantium dolorum accusamus quo odit. Nulla, nostrum ex.
Eum vel natus iusto provident atque quis officia, adipisci quibusdam. Esse, officia doloribus corporis eius optio accusamus natus error iure ducimus sed? Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius libero sequi quis sint reprehenderit accusantium laudantium nam eos delectus blanditiis, recusandae consectetur qui sed totam beatae et ratione dolorum quae?
Hidden modal
This modal has no link to it. The only way you can find or open it is by manually entering #hidden_modal in the address bar.
Mott Street Cycles Flash Pack Collection – Streetwear brands have identified and adopted the stealthy black, but for cycling enthusiasts, it’s important to be seen; the difference can mean life or death. Mott Street Cycles (MSC) is an authentic downtown New York outfit that celebrates cycling first, and their new Flash Pack is all about reflective materials. Using some of the most reflective materials on the market, the collection kicks off with a technical jacket, flanked by graphic T-shirts and headwear.
Rubbish Rehab – You know what they say about one man’s trash being another’s treasure, right? Brandi Milne over at Rubbish Rehab takes it one step further. The talented artisan takes old chairs and flips the script. Instead of just re-finishing these unwanted heirlooms, the chairs are updated with whimsical and modern prints. Just imagine vintage wooden chairs updated with morbid teddy bear upholstery. It’s not for everyone, but I guarantee these pieces will get a conversation started.
Garmin Vivosmart – There’s a lot of fitness trackers out there, but Garmin might have an edge on the FitBits and Fuelbands. The Vivosmart comes in a sleek package with a sharp OLED touchscreen. It may not do all the things you’d expect from a smartwatch, but it does the essentials very well. The Vivosmart tracks steps, distance, calories, and sleep patterns, while also keeping your time, and reminding you to get up and move after extended periods of inactivity. It also pairs with your smartphone to relay emails and text messages.
Warby Parker Fall 2014 – Anyone ballsy enough to take on Luxottica deserves to be mentioned. Warby Parker has been fighting the good fight, and for Fall 2014, the small eyewear makers has a collection of new styles. Instead of focusing on acetate frames, Warby Parker is looking into metals and integrates premium materials like titanium into the frame. A standout from the collection is the Baxter with its use of traditional acetate that is complemented by thin titanium arms. The rest of the collection isn’t bad either, so give Warby Parker a chance if you’re looking for some new specs.
Converse Chuck Taylor – The third in the Converse Chuck Taylor All Star Burnished Suede Pack is a real looker. The Portrait Grey edition uses a luxurious suede as the uppers and the sleek look of this retro sneaker is further enhanced by premium waxed laces, and an off-white vulcanized outsole. But the real highlight is the zippered heel with the beaded zip pull. No one’s going to mistake these as visvim’s, but the attention to detail certainly adds depth to this classic silhouette.