I'd create a web page with jquery and css3 and is looking good on my computer but after upload on server is awful in IE. In any other browser everything is good.
Any suggestion why is that?
This sounds like your css is not "compatible" to IE. Every brother is interpreting css a little bit different.
Related
This is something I used to do when working with (MacRabbit) Espresso app. Writing local CSS and seeing how changes work in the online website in real-time (Espresso calls it "Overrides"). It was especially useful when working with WordPress.
Is it possible to do it (or something similar) in Brackets?
A week ago, I get a task to develop a site on mobile. After searching the engine, I choose jQuery Mobile! All things like more simple. Until now, I found something was wrong.
Maybe I lost myself, between responsive html and mobile page.
To test my page, I use two tools. One is the chrome developer, and other is the Opera Mobile Emulator!
As the e.g, I write a page with jQuery Mobile.To me, the first question is to change the border-radius size. My page link another css. But the CSS didn't work well, they can't make the right size. After some test, I have to change the file named jquery.mobile.css, to make it the size which I need.
After that, All things test under chrome is look ok,but the bad things happend.The page can't work well under the test tool Opera-mobile-Emulator!
After that, I added the code
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
to my page.Some thing began to look right.
The mobile page to me feel hard. What's the right way to develop them, with jQuery Mobile and how to test them quickly? Help me, the mobile page deeply hurt me. Is there something wrong to my method???
I don't think there is anything particularly wrong with your method or approach. The mobile stuff can be tricky and frustrating.
The big problem is dealing with multiple devices and trying to make it work right on all of them.
The trick I've found is to have 'slightly' different css for some devices. You don't need to change all the css just bits.
I have used this in the past, http://www.jquery4u.com/mobile/detect-mobile-devices-jquery/, and it seems to work pretty well.
There is also another tool called hammerjs, http://eightmedia.github.io/hammer.js/, which allows you to have swipe events on elements which i also use.
But ultimately, mobile development can be very frustrating and fiddly.
I tried Angular, and I liked it. I've began to integrate him into my rails-app, but then appeared some doubts about architecture
Routes. I would like to navigate without refreshing the page, before i used Wiselinks gem, it's easy and cool - just install, patch link_to helper and done. But angular have his own router, and ui-router (which is cool). I want my app to be running at the browser like Opera Mini and IE, but ui-router doesn't have such callbacks as in wiselinks. I wouldn't create mobile site version - the design is adaptive yet. It means, I would use rails routing, but I want to AJAX page refreshing when it can be (progressive enchansement, yep). What do I do?
In many places, the content is rendered by Angular, i.e. a list of posts (by ajaxing json). That fast & cool on desktop, but again old browsers! I need to render it on server for them. Or I haven't?
I'm stuck. Thanks.
This would be best trip to angularjs + rails 4...
This post clear my doubts and now i m very clear about architecture, routes, controllers, model, etc..
http://www.honeybadger.io/blog/2013/12/11/beginners-guide-to-angular-js-rails
I hope this solves your DOUBTs
and to know further about angularjs visit
http://www.angularjs.org
It's not necessary that you have to use angular routing. You can use ng-controller directive to inject controllers in your view.
Angular in general is very fast. I have been using it even in mobile browsers, it works like a charm. True if do heavy $scope manipulation, things might get little slow.
Talking about old browser support, till IE8, you are pretty good, if you follow http://docs.angularjs.org/guide/ie as already mentioned by shaunhusain, but below that I am skeptical.
I wouldnt recommend using wiselinks alongside with angular. We have tried that in a production app and it took us a long time to make this work, there had been so many issues with undead scopes and other artifacts.
Therefore, we have ended up throwing out wiselinks and replacing it with a similar directive written in angular. This way its easier to avoid problems when destroying or compiling dom.
This seems a little silly to ask but some background:
I'm a designer who just got added last minute to a rails project— I pretty much have no knowledge of rails other than what I've learned this week, and even that is REALLY slim. The literal extent to my project is in the views, so it's not like I need too much.
100% of my experience is limited to purely static html/css/js or wordpress/expression engine projects, so I don't go this deep usually.
That said, a lot of my front end work hasn't even been designed in the backend, so I can't access it from navigating it on the live version locally. Is there a way that I can manually load this via url?
haml path/to/page.haml
Generates the .html file for you.
Is there a defacto way of doing an Ajaxy file upload in Rails? (I say "Ajaxy" because it can't really use XHR).
I've read about various approaches and plugins. Wondering what's the cleanest/most approved of by the community.
Thanks!
SWFUpload is a common tool for Ajaxy uploads.
Here are a couple links that should integration with Rails.
http://blog.airbladesoftware.com/2007/8/8/uploading-files-with-swfupload
http://thewebfellas.com/blog/2008/12/22/flash-uploaders-rails-cookie-based-sessions-and-csrf-rack-middleware-to-the-rescue
If you dont want the uploader bases on flash, you can check http://blueimp.github.com/jQuery-File-Upload/ its pretty cool.
I've used responds_to_parent with success on several projects.
The idea is that you're doing a full POST to an iframe embedded on the page. The responds_to_parent plugin adds some helpful functionality to then execute success or failure javascript in the context of the main page.
I've had a good time with Plupload. There is a plupload-rails gem (I don't trust the plupload-rails3, it's too automated, but might be fine). It offers several runtimes (html5,html4,flash,silverlight,gears,...) and they can be setup as fallbacks for each other, so you can support all clients no matter if they have silverlight or flash or even if they use internet explorer.
jQuery-File-Upload looked nice, and I almost used it in mu last project, but I had a very hard time getting it to play nicely with Internet Explorer. (I was also using Amazon S3, which complicated things)
I just saw the date, I hope new comers find this useful.