Comments (13)
Punted to 0.3
/cc @ricardobeat - this is the exploratory issue I referenced in #142
from ghost.
It's reasonably easy to add page transitions to the backbone routes after we have the admin working as a single-page app.
We could use zepto on mobile - and desktop !IE? - to handle touch events. iCheck is the only dependent on jQuery and it's compatible with Zepto too, so it shouldn't be a problem. Hammer or QuoJS have extra gestures, but I don't think we'll be using anything beyond swipes?
For slide-out panels this looks good: http://cloudfour.github.io/offCanvasMenu/
from ghost.
I think Zepto is lovely - my only issue with it is 3rd party developers, who will inevitably want jQuery for their themes and plugins. jQuery is also an extremely stable library that I feel "safe" relying on. Zepto is still pretty young. We're already using a lot of bleeding-edge technologies. Have to be careful not to go OTT.
Slide-out panels - they all seem to be roughly the same tbh - and the custom bit of code we have for the existing slide out menu does work. What I'm looking for is something more comprehensive (like Ratchet) that we can use as a base for our own code.
from ghost.
FWIW backbone also no longer officially supports zepto with test suites and such.
from ghost.
Do we wanna have a go with Rachet and see how things work out?
from ghost.
👍
from ghost.
I've had a good look at Ratchet and it looks nice but might be overkill and contain a lot of unnecessary resources.
As most of our content is already rendered and states saved using backbone and we have no need to 'pull in' pages, im thinking that maybe building our own interactions maybe easier (see dashboard sidebar). Creating a small library that handles slideIn and slideOuts, with touch events shouldn't be too difficult.
However if I'm missing the ship here (quite possibly), I'm happy to use Ratchet, looks really nice.
from ghost.
Stylistically Ratchet has a lot of stuff we probably don't need - from an interactions PoV however, it has a lot of stuff that seems like it would be timeconsuming to write from scratch. @ErisDS ?
from ghost.
I don't have any knowledge about what sorts of interactions we are going to need - I think my approach would be to use Ratchet to deliver the mobile stuff for now and then if it turns out we are only using one or two features we can thing about implementing our own.
from ghost.
+1 lets get it started
from ghost.
I'm on it.
from ghost.
Looks like Ratchet is a no go. It appears they remove all click events, so it only works with 'taps'. See: twbs/ratchet#104
You can get around this by using a library called fingerblast.js, this simulates touch events on clicks. This however makes me feel slightly queezy :P
from ghost.
This should probably also link to #404 and mention that we've added hammer.js
from ghost.
Related Issues (20)
- Integrations - FirstPromoter always showing as "active" HOT 2
- Admin API - Create Paid Members support HOT 1
- Node Version Requirement Not Declared Fine Enough HOT 4
- Wrong DNS records shown HOT 1
- Error updating to Ghost 5.80 from 5.23, blog down, please help HOT 1
- Comments broken in latest release HOT 5
- Internal tags not all displayed in admin panel
- Korean Romanization is Wrong HOT 3
- Ghost cannot connect to Mysql AWS RDS instance with latest CA from AWS HOT 2
- Handlebars special partial "@partial-block" gets reported as unknown global HOT 1
- Vulnerability Report: Regular Expression Denial of Service (ReDoS) in moment.js HOT 1
- Plain text view HOT 3
- Installation on Windows Fails with "A SystemError occurred." (nodejs version mismatch) HOT 1
- Newlines not correctly handled in product card titles
- Support Bluesky oEmbed auto-discovery HOT 4
- Editor tooltip for text styling is not visible when using android mobile
- Outdated version of string-width is causing the Docker image entrypoint loading to fail. HOT 2
- Site version in API not showing patch HOT 2
- glibc-vulnerability cve-2024-2961 [BUG] HOT 2
- Visitors on iOS prompted to download empty "auth-frame" file HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ghost.