curtisblackwell / flash_cards Goto Github PK
View Code? Open in Web Editor NEWSimple, animated, and imageless flash cards using HTML/CSS/jQuery.
Home Page: http://curtisblackwell.github.com/flash_cards/
Simple, animated, and imageless flash cards using HTML/CSS/jQuery.
Home Page: http://curtisblackwell.github.com/flash_cards/
I was having an issue using the flash cards in safari on an IOS device. After several card flips they would stop working.
By adding overflow: hidden to .card class if solved the issue.
.card { -webkit-perspective: 1600; perspective: 1600; color: #222; display: none; font-family: SchoolBell; font-size: 30px; height: 300px; line-height: 60px; position: relative; width: 500px; overflow: hidden; }
this works fine with hard coded html but when i remove and append the content of the #deck
it just dont work
I realize this is an old project but I used it for some practice exercises for my students. I even added text to speech when the card is flipped, and images to the paragraph sections.
Legacy paper flashcards are generally blank on one side and lined on the flip side. The existing CSS puts a red line on the card in general, and side_one and side_two both get the blue lines. Simple change to put all the background line drawing css controlled by .side_two, keep the general css for .card_one and .card_two, and remove the red line from .card. Thus a more realistic card is imaged.
Hi is theres a license for this?
Thanks.
@curtisblackwell just a heads up, I forked your project and added some capabilities. The flash cards app is hosted on unopico.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.