Sua imagens do Instagram com um pouco de JavaScript. Using javascript get for your photos from Instagram.
Forked from Emerson Thompson's Pen Gallery Image Instagram - jQuery.
| <a href="https://docs.google.com/spreadsheets/d/1zIVCVA0Tk5CvAiTyeAdDBPygT3aKDiSeM2FbPU0JO2c/edit?usp=sharing" target="_blank" rel="noopener noreferrer"> | |
| <div class="editlink">INSPECT<br />SHEET</div> | |
| </a> | |
| <div id="app"> | |
| <section id="specialssection" class="specials-container" v-if="menuItems_L" :style="menuStyle"> | |
| <div id="special_component" :style="menuStyle"> | |
| <h1>Daily Specials</h1> | |
| <div class="specials-table-container"> | |
| <table> | |
| <tbody v-for="item in menuItems_L" :key="`specialmenu-${item.name}`"> | 
| <div class="imgLoader"></div> | |
| <div class="container"> | |
| <h1 class="title"> | |
| Turning pages<br>with css | |
| </h1> | |
| <div class="credit"> | |
| * Images loaded randomly from Picsum.photos | 
| <a href="https://docs.google.com/spreadsheets/d/1zIVCVA0Tk5CvAiTyeAdDBPygT3aKDiSeM2FbPU0JO2c/edit?usp=sharing" target="_blank" rel="noopener noreferrer"> | |
| <div class="editlink">INSPECT<br />SHEET</div> | |
| </a> | |
| <div id="app"> | |
| <section id="specialssection" class="specials-container" v-if="menuItems_L" :style="menuStyle"> | |
| <div id="special_component" :style="menuStyle"> | |
| <h1>Daily Specials</h1> | |
| <div class="specials-table-container"> | |
| <table> | |
| <tbody v-for="item in menuItems_L" :key="`specialmenu-${item.name}`"> | 
Sua imagens do Instagram com um pouco de JavaScript. Using javascript get for your photos from Instagram.
Forked from Emerson Thompson's Pen Gallery Image Instagram - jQuery.
Simple design using maneki
based on this pen: http://codepen.io/khadkamhn/pen/qdavVz by this guy: http://visit.mohankhadka.com.np/
This is sort of version 1.1 of my original SVG SoundCloud Vinyl Player. You can now search! The same caveats as the original apply here. ie. no support for iOS or FireFox.
Forked from Chris Gannon's Pen SVG SoundCloud Vinyl Search.
Not the most robust slideshow ever (it's meant to be a pretty simple example), but one nice thing about this approach is it uses JS for class-switching but the transitions are all CSS, so it'd be easy to swap the fade-in-out with some other transition. Should work on all modern browsers including IE 10+ (but I haven't tested it!)
Step-by-step blog post here: http://themarklee.com/2013/12/26/simple-diy-responsive-slideshow-made-html5-css3-javascript/
jQuery version (including TouchSwipe for mobile devices) can be found here: http://codepen.io/leemark/pen/Ddgsx
| <!doctype html> | |
| <html lang=""> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>php infos | Pimped! </title> | |
| <meta name="php info" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <style> | |
| * { |