How can I make an online Book like http://www.20thingsilearned.com/ [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Recently, I have found this site made by Google Team.
http://www.20thingsilearned.com/
So far I understand this is not based on Flash. How can I use this technology to make an online book using their technology?

I looked in the usual spots to see if there's a framework or something but I only found these two things (it looks like it would be a TON of work to use):
news.ycombinator.com/item?id=1918551 >>> gist.github.com/705761
Alternatively you might want to look into the slides at http://slides.html5rocks.com.
They have a Google Code project page at code.google.com/p/html5rocks/wiki/Slides where you can download the source for that.
EDIT
check this out!
http://bartaz.github.com/impress.js
and this!
http://lab.hakim.se/reveal-js/

This is HTML5. You can check the explanation here: http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html :)
Or if you want you can do it with jQuery Booklet too though not as smooth as HTML5, see here: http://tympanus.net/Tutorials/MoleskineNotebook/

They posted the source code for the whole app (running on Google App Engine) under GPL v2 at http://code.google.com/p/20thingsilearned/ so you can reproduce the whole book effect too.

Yes this is not flash for sure but flash or flexx can also be used for developing this. This is developed using HMTL 5 and javascript. HTML 5 is having a canvas object and the i believe it is using properties of canvas to bulid it. However if you will search for some jQuery book plugins then also you may get some similiar results.

Related

Get the most viewed posts in Ghost blog [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I want to make a list of the most viewed posts in the last month. I found almost zero info about this.
Is it possible? Can it be done using Google Analytics or something?
I don't think this can be done with the built-in toolset of Ghost. Since I have found almost zero info about this like you, I decided to create my own implementation.
First, you have to integrate GA tracking to your site. Here's more info on how to do that:
https://help.ghost.org/article/16-google-analytics
I created a custom Ghost helper to download Google Analytics metrics. Please note that setting up a custom helper is unfortunately not very well documented and definitely not supported.
Here's the Github repository with the source code: https://github.com/conwid/GhostHelpers
Check out the project's wiki.
There information on how to set up a custom helper: https://github.com/conwid/GhostHelpers/wiki/Adding-a-custom-helper-to-Ghost
And there's information on how to set up the Google Analytics helper specifically: https://github.com/conwid/GhostHelpers/wiki/Top
I have also written a couple of blog posts about this that could give you more info:
Create custom helpers to add functionality to your Ghost blog
Creating a most popular posts page with a custom ghost helper to download Google Analytics data
And finally you can check out the end results of using the helper on my blog: https://dotnetfalcon.com/greatest-hits/
(Sorry for the shameless self-marketing, but as I said, I found almost zero info about this also everywhere else).

Code Required to achieve vertical slider effect in Wordpress (examples included) [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm wondering how I can achieve an effect similar to that of http://eng.getlost-getnatural.ru/ or http://rnbtheme.com/sixteenth/. I've contacted various support forums supplied through Wordpress and all they've been able to tell me is that I need to get a web developer and that the effect was possible. I, however, don't have the money for a web developer and went searching online to try to find what I was looking for and haven't been able to find anything yet. I can make code changes to my Wordpress site using javascript or css. Thank you so much to everyone who helps and answers!
What you are asking for could take a couple of hours to code from scratch, and then trying to match it to a wordpress site that we can't see or use as reference can create a lot of problems. I recommend looking at some jQuery plugins.
Here is a site to get you started, https://www.jssor.com/demos/vertical-slider.slider.
If you have any questions about the code once you download the plugin then we will be able to help you further.

Looking for Design Resources to Practice HTML/CSS [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm looking to find some resources to help me practice my HTML and CSS coding. I'm not having much luck, so I thought I'd post. I'm looking for a website that gives a design mockup, maybe even the image files, and then work it it into functional HTML, CSS, JS and so on; something with code examples to compare with would be great.
If anybody knows of a website like this, I would love to know. thanks in advance.
You can use this three links to start
http://www.w3schools.com/ good resource for html and css
http://css-tricks.com/ realy good resource for css learning
http://reference.sitepoint.com/css
and of course youtube tutorials are my best option for beginers
https://www.youtube.com/watch?v=LqvFIuVlyP8&list=PL41lfR-6DnOruqMacTfff1zrEcqtmm7Fv
https://www.youtube.com/results?search_query=html5+css3+javascript
There are a lot of free psd templates around internet. You can slice them and make your own web site.
Also I recommend online courses like teamtreehouse.com they have online tools to validate your code after lessons. Not full website design but they are always testing your knowledge after each lesson.
Have a look at http://www.w3schools.com/
It lets you practice by entering code and seeing the results right away

What is the best practice or framework for making slides using html? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have seen some cool slides in html, but some are CPU-consuming or browser-dependent.
Since I am not very familiar with html5, I'd like to know what's the best practice or existing framework of making html slides.
And here is a more creative one similar to Prezi: http://bartaz.github.com/impress.js
Here's an excellent little "framework" for making HTML slide presentations, with animations, transitions and such.
Link: deck.js
I love it!
There is a great list of such presentation templates:
https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript
I found deck.js to be the best compromise between:
simplicity: you write the html and launch it in your browser, no need for a web server
customization possibilities thanks to the themes and clean structure letting you create your own CSS style easily
functionality with the extensions
possibility to print usable handouts
Keydown is a good alternative which uses deck.js and markdown language to write the slides but requires ruby to create the html.
The two options, I can recommend are following
Nivo Slider : You can hard code the images and links
Agile Carousel : Have the option to set it against some server script for rendering output
Use this library to make interactive presentations, stories or ads.
BoardJS

Sphinx and JavaScript Documentation Workflow [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
For my JavaScript framework I would like to use Sphinx. Since I am new in the Sphinx world I would like you people to help me out getting started with Sphinx and JavaScript.
I believe you're looking for Sphinx' JavaScript Domain feature.
Edit: From a quick glean at the documentation & tools, it doesn't look like you can use ReST inside your JavaScript. You'll either have to fish out the documentation from the comments, or keep it around in sidecar-files.
Sorry for too late response )
Like you I want build docs for my own JS framework based on AngularJS.
And like oliverseal, I am built sphinx extension in native way for sphinx and ext.autodoc
sphinxcontrib-autoanysrc
It simple and clean, but does have ext.autodoc features for auto generation signatures and others, but it enough for me store reST docs of framework API in js files )
You can implement ext.autodoc features with sphinxcontrib-autoanysrc extension check out autoanysrc.JSAnalyzer

Categories