Caching headers CakePHP - jquery-mobile

Goodmorning lads,
First of all - R.I.P TPB! Welcome malaysiabay.org for the Dutchies <3
Ok, on topic! Since 2 weeks I'm inside the Cake framework and working on a mobile webapp with jQuery for Android users. Because it's an mobile app I'm trying to get the loading time as low as possible. Google helps me a lot with their speedtest but they're telling me to add php headers with an expire date... I understand what I've got too do, but whatever I try.. the CakePHP framework is always overruling my custom made headers. Can you tell me how cake handles the http-headers.. or tell me what too improve on the webpage?
Example: http://www.naviplan.nl/pages/routeportal/2/2/
https://developers.google.com/pagespeed/#url=http_3A_2F_2Fwww.naviplan.nl_2Fpages_2Frouteportal_2F2_2F0_2F&mobile=false&rule=LeverageBrowserCaching
Thanks for your help!

Ok, I figured it out.
After installing Chrome's plugin Page Speed it checked all the wrong html / css and gave me a good solution for it. Decreasing it's imagesize, css-size and the overall page loading.
I also got CakePHP running flawlessly again, changed some row in my core.php which fixed the caching problem.

Related

Bootstrap 3 with Skrollr site getting cut off on ios?

I've been creating a portfolio website for a friend. In an attempt to make the site responsive and artsy, I chose to pull in twitter bootstrap and skrollr. I noticed that in safari in iOS that the site seems to be cut off at a certain point. Has anyone else ran into this issue before? I have provided a link below in case anyone notices anything obvious.
http://jennaparysek.com/
Thanks!
A lot of people (including myself) are having troubles when using skrollr on mobile devices. In order to use both "fixed" and "relative/absolute" position at the same time, you have to put all the divs that are not fixed inside a div called #skrollr-body
However, the real problem is that your skrollr is being confused when getting the height of your
skrollr-body. you can try to put forceHeight: false inside your skrollr.init()
if that doesn't work, it might because skrollr doesn't know where is the end of #skrollr-body, so just put an empty div after your #skrollr-body and give it a keyframe. It should works just fine now :)

Issues while upgrading jquery from 1.2.7 to 1.9.1

I'm in the process of upgrading an old codebase containing jquery v1.2.7 to the v1.2.9. The corresponding UI upgrade is from v.1.6b to v1.9.2 (1.10 doesn't work with IE6). There are a bunch of ui plugins that are atleast 6 yrs old, and most of their authors no longer actively support them.
I took a layered approach of performing this. I first upgraded all the core files (jquery, jqueryUI), then upgraded inhouse js code (attr, $.browser) and such. Then I monkey-patched some of the plugins that had attr and browser. I've managed to work through all the bugs and errors so far. I now have a "clean" build, with a lot of the ajax functionality working as well.
BUT, I'm facing a pretty sticky issue with the facebox.js (yup THAT relic) plugin. I don't see any errors (js, network, or others) in the debuggers (IE8,FB,Chrome), but the facebox dialog displays incorrectly. It still displays the content inside it, but it is transparent and the background and edges do no show. I checked all my css as well as validated using w3c validator. Due to an NDA, I can't post the markup here. I realize that without the markup, even the considerable expertise here might not be able to give a complete solution. Could someone atleast give me some pointers on what I could be overlooking, or things to look for? TIA
eastwood
As you said, without markup it's difficult to figure out what's going on there, and my answer might be really stupid - but since you don't get any errors in the debug consoles and the box is transparent - is it possible that the images are missing/incorrectly referenced in the CSS?
Not sure how this old facebook.js plugin works, but I've seen one some time ago that used images for backwards compatibility with IE6 (for alpha transparency/rounded borders) - but not always. I think for modern browsers it drew that stuff itself. (pretty much like Facebook did it itself on its site)
So perhaps the error is related to JavaScript expecting images/etc. to be handled by CSS, but the CSS uses an only-IE6-hack?

MVC web app not compatible with iPad

I'm currently maintaining a web-app built on ASP MVC framework and last few days, I've been trying to solve one weird bug & I haven't resolved basically nothing about it.
Web-app is named www.buddyjet.com & it's some kind of local community based grouping of small workmen to help find them part-time jobs.
What seems kind of weird is the fact, that when I log in with an iPad, I'm not able to interact with the app at all. Every click on any of links logs me out & I really don't know why this happens. In Safari it works good, but when I use Chrome for iPad it does this weird thing.
Do you have some kind of an idea why this should be happening or how to try debug this more effectively as opposed to what I've done until now (basically nothing & don't know where to start :/ ).
Thanks all in advance!

My Twitter api is not working suddenly

I have a web application which uses twitter api. It was working fine.But suddenly it stopped work. I started googling & came to know about that twitter upgraded their api. So I need to use the library which supports v1.1
Have anybody worked with v1.1 library please help me
Thanks in advance.
Take a look at this project on GitHub. Don't be confused by the title - it has been updated since Twitter's API update to 1.1.
The jQuery plugin on the page has been re-purposed to be a Rendering engine, i.e. it helps with rendering your feeds.
The important part, however is in the "Server-Side Examples and Setup" directory. Go there, read and follow the directions in the SETUP_INSTRUCTIONS document. When you are done, if you are using PHP, use the file in the "Plug_And_Play" directory as a start point. If you are using C#, you can use this library. It is still under development, but it is updated regularly and mimics the Twitter API's specifications as closely as possible.
P.S. I am the author of both of those projects, so if you need any help, let me know. Good luck! :)

Pins on Pinterest link to 404 - yet link is valid

this is a really strange one.
I've set up a bunch of pins on Pinterest linking through to our services which all work fine. Then I decided to do the same on our blog articles (we use Wordpress), yet everytime I click the link (and I've done this on different computers) the link goes to a 404 page on our site. However the link is valid and if you right click the pin and open in new window it opens fine: pinterest.com/pin/105342078755648946
I have contacted Pinterest who are next to useless. I have also tried different browsers, different computers and different Pinterest accounts.
I can't see any weirdness in my htaccess files causing this so I'm a little stumped. Any suggestions?
I found this when I was searching for the same issue - so though it's an old question I thought I'd answer for anyone else who is searching!
My client was using a really old version of WordPress, when I upgraded to the latest version it fixed the issue. After a bit of digging it turns out you have to be on WordPress 1.5.2 and beyond in order to fix it - as they applied the fix in that update.

Resources