Posts

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…

How To Set Up WordPress On Google App Engine (GAE)

Don't do it
DON"T DO IT if you plan to use WordPress admin features online. Some of those admin features are logging into WordPress CMS, installing new themes, and updating plugins etc.. In order to use WordPress with GAE, you'll have to:
set up WordPress on your local computer;edit WordPress files and do the above admin tasks on your computer;then use GAE SDK to deploy the changes to the GAE cloud.  
This is inconvenient if you have multiple admin users for your WordPress site.

Reasons GAE disallows write operation to its files. Application files can only be written into Google Cloud Storage. WordPress will prompt for FTP credentials to write to files, which GAE does not provide. You might find some work-around, such as modifying the wp_config file or running the chown command etc.. They won't work. You'll be wasting your time.

You might also have problems with WordPress not being able to access the DB, which you'll spend loads of time googling around for solut…

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…

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…

How To Set Up HTTPS For A Website On Ubuntu

Image
Prerequisites: You must set up the following first: A website hosting server.  See How To Set Up Website Hosting On Ubuntu. Context:Domain name: yourdomain.comHostname: bluedroplet.yourdomain.comUsername: alexSteps: Get a SSL certificate.You can get a free SSL certificate by the following steps: SSH into your server.ssh alex@bluedroplet.yourdomain.comInstall the Certbot client.sudo apt-get install letsencrypt -yGet a SSL certificate for your site using the letsencrypt command.sudo letsencrypt certonly --webroot -w ~/sites/yourdomain.com/public -d yourdomain.com - The -w flag should point to your site’s public directory. - The -d flag is the domain you’re requesting the certificate for. - You should be prompted to enter your email address, which will be used for expiration notices. - You'll see the following message on success, showing the certificate location.

Install the SSL certificate.Edit the site’s Nginx configuration file.sudo nano /etc/nginx/sites-available/yourdomain.com Remove…

What Is Markdown ?

Image
Markdown is an easy-to-use syntax for styling your writing. It includes conventions for Syntax highlighted code block

# Header 1
## Header 2
### Header 3

- Bulleted
- List

1. Numbered
2. List

**Bold**and _Italic_and `Code` text

[ Link](url) and ![Image](src) Syntax Headers# This is an <h1 >tag
## This is an <h2 >tag
###### This is an <h6 >tag Emphasis *This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_
*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_
Unordered lists * Item 1
* Item 2
   * Item 2a
   * Item 2b
Ordered lists 1. Item 1
1. Item 2
1. Item 3
  1. Item 3a
  1. Item 3b
Images ![Lo…