search engine optimization tips – Webflow Tutorial: Ten Tips for Creating a Responsive Website

by | Jan 21, 2019 | 0 comments

search engine optimization tips – Webflow Tutorial: Ten Tips for Creating a Responsive Website

by | Jan 21, 2019 | seo tips | 0 comments

Webflow Tutorial: Ten Tips for Creating a Responsive Website

Search Engine Optimization Tips

– NEW SKILLSHARE CLASS –
Hey all! I just launched a new course called “Webflow for Beginners”. Most of the tutorials I do on YouTube are for intermediate users. But, I wanted to do something for folks starting from scratch. Click the link below to get 2 months of Skillshare Premium for free and be able to watch the course:

https://skl.sh/2PU9tML

– ABOUT –
Making your website responsive is critical. Not only does it mean your site looks good on tablets and on phones. Search engines prioritize responsive sites in their results (SERPs). Here’s 10 tips on how to create a responsive site in Webflow:

1. The Container Class | 00:45
2. Proportional Units | 03:03
3. Flexbox “Wrap Children” | 05:05
4. Flexbox Alignment Reverse | 7:03
5. Keep your classes tidy. | 09:02
6. Text Columns | 11:28
7. Max-Width | 14:16
8. Background-image | 16:44
9. Landscape Declarations | 20:55
10. Ephemeral Units (EM) | 24:00

Microsite: https://jocando-tutorials.webflow.io/responsive-design
*Quick note. I consolidated all of the tutorials into one project and lost some stylings along the way. But the core functionality is still there.

Read-Only Link: https://preview.webflow.com/preview/jocando-tutorials?utm_medium=preview_link&utm_source=designer&utm_content=jocando-tutorials&preview=b1ade817df2e41566f53d6b876d5b9f9&pageId=5dc84dbcd6571e5490c574d4&mode=preview

– ABOUT ME –
Serve – My Studio’s Site: https://www.madebyserve.com/
Dribbble: https://dribbble.com/Jose_Ocando



– NEW SKILLSHARE CLASS –
Hey all! I just launched a new course called “Webflow for Beginners”. Most of the tutorials I do on YouTube are for intermediate users. But, I wanted to do something for folks starting from scratch. Click the link below to get 2 months of Skillshare Premium for free and be able to watch the course:

https://skl.sh/2PU9tML

– ABOUT –
Making your website responsive is critical. Not only does it mean your site looks good on tablets and on phones. Search engines prioritize responsive sites in their results (SERPs). Here’s 10 tips on how to create a responsive site in Webflow:

1. The Container Class | 00:45
2. Proportional Units | 03:03
3. Flexbox “Wrap Children” | 05:05
4. Flexbox Alignment Reverse | 7:03
5. Keep your classes tidy. | 09:02
6. Text Columns | 11:28
7. Max-Width | 14:16
8. Background-image | 16:44
9. Landscape Declarations | 20:55
10. Ephemeral Units (EM) | 24:00

Microsite: https://jocando-tutorials.webflow.io/responsive-design
*Quick note. I consolidated all of the tutorials into one project and lost some stylings along the way. But the core functionality is still there.

Read-Only Link: https://preview.webflow.com/preview/jocando-tutorials?utm_medium=preview_link&utm_source=designer&utm_content=jocando-tutorials&preview=b1ade817df2e41566f53d6b876d5b9f9&pageId=5dc84dbcd6571e5490c574d4&mode=preview

– ABOUT ME –
Serve – My Studio’s Site: https://www.madebyserve.com/
Dribbble: https://dribbble.com/Jose_Ocando

source

0 Comments

Submit a Comment


What Our Clients Are Saying

Uniglobe Travel – Western Canada

I enjoyed the workshop, we covered a broad range of topics in a short space of time, but I appreciated...

Ciara

Dieno Digital Marketing Services
5
2018-07-10T03:22:20+00:00

Ciara

I enjoyed the workshop, we covered a broad range of topics in a short space of time, but I appreciated that there was some concrete, actionable advice given as well!

North Burnaby Boxing Club

Thanks so much for all the great work you have done in developing our website Leland!

Manny, North Burnaby Boxing Club

Dieno Digital Marketing Services
5
2018-04-27T01:06:02+00:00

Manny, North Burnaby Boxing Club

Thanks so much for all the great work you have done in developing our website Leland!

JB Consulting

Leland built us a great site at a great price. We can’t say enough about how pleasant it was dealing...

Dave, JB Consulting

Dieno Digital Marketing Services
5
2018-04-27T01:06:57+00:00

Dave, JB Consulting

Leland built us a great site at a great price. We can’t say enough about how pleasant it was dealing with him!

Kelicor Logistics

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my...

Colin, Kelicor Logistics Solutions

Dieno Digital Marketing Services
5
2018-04-27T01:07:34+00:00

Colin, Kelicor Logistics Solutions

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my questions and was always prepared to go the extra mile, in order to ensure my website conveyed it's intended message,, And the cherry on top was it was most affordable. Would definitely recommend. Thanks Leland !
5
4
Dieno Digital Marketing Services
dieno digital marketing services