How To..?





Popular posts from this blog

How To Set Up Quasar v0.14 On A Laravel+Vue Framework

Image
Code on GitHubhttps://github.com/aprilpnguyen/laravel-quasar-project
Steps Install Laravel according to the instructions on the Laravel website. Laravel 5.4 is used here.https://laravel.com/docs/5.4
         Make sure you have a Laravel site running before continuing.          E.g. I use Homestead and configure a site under the url http://domain.app. When I go to http://domain.app on a          browser, there's no errors. Go to the your Laravel project directory.        E.g. cd ~/your-laravel-project Edit the package.json file of your Laravel project. Make sure you have the packages in red in the dependencies/devDependencies section. If you use a different vue version, you might need to adjust the version of the dependency packages."dependencies": { "babel-runtime": "^6.25.0",     "quasar-extras": "0.x",     "quasar-framework": "^0.14.1",     "vue": "~2.3.4",     "vue-router": "^2.7.0&quo…
Read more

How To Set Up Quasar v0.13 On A Laravel(5.4)+Vue Framework

Image
Update:See How To Set Up Quasar v0.14 On A Laravel+Vue Framework
Steps:  Install Laravel according to the instructions on the Laravel website. https://laravel.com/docs/5.4
        Make sure you have a Laravel site running before continuing.
        E.g. I use Homestead and configure a site under the url http://domain.app. When I go to http://domain.app on a browser, I don't see any error.

Go to the your Laravel project directory.        E.g. cd ~/your-laravel-project
Edit the package.json file of your Laravel project. Add the following packages in the dependencies section.
"dependencies": {

...

"material-design-icons": "^3.0.1",
"roboto-fontface": "^0.7.0",
"fastclick": "^1.0.6",
"moment": "^2.15.0",
"quasar-framework": "^0.13.4"
}
Install the packages above.npm install
Now we can create our custom Vue components with Quasar components. In the Laravel framework, Vue components need to…
Read more

How To Fix Random Disappearing Of HTML Elements On iPhone/iPad

Image
Context: You're developing a web app.
Problem:On your desktop, it looks great. On the iPhone/iPad simulator on your desktop, it looks great.
On the actual iPhone/iPad, however, some elements just don't show up or show up out of place.

Possible Causes:Mobile Safari does not recreate elements with  position : fixedMobile Safari does not render the elements that are offscreen.Mobile Safari misrenders elements using -webkit-overflow-scrolling: touch Solution: Trick the Mobile Safari browser to use hardware acceleration more effectively by apply this global css
*:not(html) {   -webkit-transform: translate3d(0, 0, 0); } Side Effects: Some other elements might become misaligned after the css fix, but it should be easier and more possible to restyle these elements than to fix the original rendering problem, unless you know how of course.Performance might be affected.
Note: This is not a nice solution at all, but until there's a fix from Mobile Safari browser, I can't find a better…
Read more