Tutorial: Building a Simple Single...

User 434929 Photo


Ambassador
938 posts

Building a Simple Single Site Layout With Responsive Layout Maker

Note : I could be wrong in some area as I am still learning the RLMP but this is my way of approaching for creating Mockup.

http://www.youtube.com/watch?v=Yz9ChP_hmZc

Warning: I don't know why there is some audio delay in video clip after uploading to YouTube.

And excuse me with audio echoes.
Guys at coffeecup are awesometacular.
User 2088758 Photo


Senior Advisor
3,086 posts

Excellent Tutorial Mansour...

I love how you gave everything a class makes editing the css very easy! I usually gave my elements classes but not my containers. I have been meaning to do a tutorial just like this.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 434929 Photo


Ambassador
938 posts

It was not my best Steve, as you see my audio messed up during encoding / saving with screen recorder and I don't know where that upper and lower blue color comes from.
which during recoding screen it was to set to fit RLM application.

And yes as you said it's good practice to give every single thing a class so during coding CSS document we don't have to redo thing with RLM.

What I love most, it just takes 20 mins ( it could be faster if it was not for sake of tutorial ) to create a mockup.with RLM which is Amazing Application!

I had a feature request which already submitted to admin, we need a " Color Picker " within RLM and ability to add some of used color to " Color Swatch " so we don't have to remember color code again and again in a project.
Guys at coffeecup are awesometacular.
User 122279 Photo


Senior Advisor
14,450 posts
Online Now

Yes, I think several of us have asked about that colour picker.

I like your tutorials, Mansour. They must be very elementary and easy to follow for everyone.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2088758 Photo


Senior Advisor
3,086 posts

I agree with you guys there, CC put it in the HTML editor... hopefully then can put it in the RSD.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,086 posts

Ok Mansour i have added your video to the Coffeecup Youtube channel. Thanks a bunch and keep up the good work! :D:D

https://www.youtube.com/watch?v=b1ej-w8 … Djr-PlbgpT
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 434929 Photo


Ambassador
938 posts

Thanks Steve.
Guys at coffeecup are awesometacular.
User 2336860 Photo


Registered User
252 posts

Steve wrote:
I agree with you guys there, CC put it in the HTML editor... hopefully then can put it in the RSD.


http://www.coffeecup.com/color-schemer/

Doesn't matter if I am using a CC product, Blender, GIMP, CorelDRAW or what, I can't work without it being open! After using it for so long it is just second nature for me to pop between WCS and whatever program I'm using. :D

User 2088758 Photo


Senior Advisor
3,086 posts

Chef-Scott wrote:
Steve wrote:
I agree with you guys there, CC put it in the HTML editor... hopefully then can put it in the RSD.


http://www.coffeecup.com/color-schemer/

Doesn't matter if I am using a CC product, Blender, GIMP, CorelDRAW or what, I can't work without it being open! After using it for so long it is just second nature for me to pop between WCS and whatever program I'm using. :D


Yes but wouldn't it be nicer if you didn't have to pop between two? :cool:
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2273654 Photo


Registered User
755 posts

Thank you for the tutorial Mansour, extremely, extremely helpful.
My CC S-drive site https://workhorsepainting.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.