Open the Google Street View virtual tour. Then click on the three vertical dots to see options, and click "Share or embed image". Click on "Embed a map". Click "COPY HTML". Now, on your Divi website's page, in a Code module, paste in the code. Change the width and...
Operations
Sketch Libraries Part 3 – How do I practically use them?
Adding Library Components to your Sketch File: -Go to the ‘Insert’ Button in the main Nav in Sketch -On the ‘Insert’ drop down menu you should see the name of your libraries under the ‘Symbols’ heading. -Within these libraries you’ll be able to find the...
Sketch Libraries Part 2 – What are they? How should I approach them?
What are Sketch Libraries? Sketch Libraries are basically pre-built templates in Sketch. They are universal and as such you have access to them in all your Sketch files once they have been installed. This allows you to easily add pre-built Icons, Buttons,...
Sketch Libraries Part 1 – Installation
Part 1 - Install Auto Layout Plugin Step 1: Download the free Auto Layout Plugin by Anima. Go to: https://animaapp.github.io/Auto-Layout/ Step 2: Install the Auto Layout plugin to Sketch -In the Top bar go Sketch/Preferences -In the Preferences modal...
Building tiles like Workpics
Features: Image fills the tile area Title over image with semi-transparent background color Hover effects: image grows on tile hover title background colour becomes less transparent on tile hover Preview: http://wpics.makedev.com.au/ Instructions:...
How to build “tile” links in Divi
For tiles like this: Tile hover effects included: image grows title background colour becomes less transparent Preview: http://wpics.makedev.com.au/ Instructions: Building tiles like Workpics
Create new Google API
This article gives a good grounding of the process: https://walkinto.freshdesk.com/support/solutions/articles/11000059960-1-how-to-setup-google-cloud-for-using-maps-api-keys Google have recently started charging. Our policy at the time of this writing is to use...
Breakpoints for Common Viewport Sizes
@media screen and (max-width: 479px) { /* start of phone styles */ } @media screen and (max-width: 767px) { /* start of medium tablet styles */ } @media screen and (max-width: 991px) { /* start of large tablet styles */ } @media screen and (max-width: 1023px) { /*...
PayPal sandbox
When you need to use the PayPal sandbox to test an e-commerce site, use the following details for the merchant (in the shop's PayPal settings): Email: sb-woez01335407@business.example.com Password: |wRy5FI< NVP/SOAP Sandbox API Credentials Username:...