Results 1 to 8 of 8
  1. #1
    Millionaire on training wheels Justdoit's Avatar
    Join Date
    January 18th, 2005
    Posts
    792
    Lightbulb Design Html Websites To Be Mobile Friendly.
    I do use wordpress for some sites, but I still have html sites and I prefer those but how do you design them to be mobile freindly for tablets and smartphones?
    I use expression web for most of my stuff but how do you design your sites, I usually ave a 3 column layout and a header and footer, any ideas or suggestions would be greatly appreciated.

  2. #2
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    I find these 2 articles helpful:

    Beginnerís Guide Into Responsive Web Design
    Beginner's Guide Into Responsive Web Design | Web Resources | WebAppers

    If youíre reading this blog post probably youíre the last person in the world who decided to learn responsive web design. Well itís never too late to learn. Here you will learn the bare essentials of RWD, and after reaching the end you will know where to start and what you need to do. Source: Beginner's Guide Into Responsive Web Design | Web Resources | WebAppers
    and

    Some of the Must Have Tools for Responsive Web Design
    Some of the Must Have Tools for Responsive Web Design | SoftProdigy

    ~Rhia7 -- Remember the 7
    Twitter me

  3. #3
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578

    Webflow, a design tool that helps you build responsive websites faster than you would build them otherwise. http://www.smashingmagazine.com/2014...bflow/

    The Ultimate Responsive Web Design Beginners Resource List
    The Ultimate Responsive Web Design Beginners Resource List Ľ Target Local
    Designing for the web has changed drastically over the last 2-3 years. The days of designing for rigid screen sizes that are set in stone has long gone. Websites now have to be suitable for a plethora of different screen sizes, being used in very varied situations. This post is a compilation of resources we found useful when developing and designing responsive websites. Source: The Ultimate Responsive Web Design Beginners Resource List Ľ Target Local
    Which Layout? Static, Liquid, Adaptive, or Responsive
    Which page layout? Static, Liquid, Adaptive, or Responsive
    In short, each page layout name describes how the layout behaves when the page is viewed at different browser widths. Which page layout? Static, Liquid, Adaptive, or Responsive
    Lots of good sources
    ~Rhia7 -- Remember the 7
    Twitter me

  4. #4
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Markdown Tools and Editors
    Markdown Tools and Editors - Speckyboy Design Magazine
    When it comes to writing without any obstructions, the choices are plenty. There are many users who prefer the good old visual editor ó however, most of the time, writers and developers tend to struggle when writing proper text using HTML markup. Similarly, even though the visual editor is easy to use, it can appear limiting to many users.
    Source: Markdown Tools and Editors - Speckyboy Design Magazine
    I follow speckyboy on Twitter & G+ and I look at speckyboy.com
    Maybe you'll start to follow him too
    ~Rhia7 -- Remember the 7
    Twitter me

  5. #5
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    And remember you are designing for people.
    People on mobile/responsive use those devices differently.

    10 mobile behaviours and designing for them
    10 mobile behaviours and designing for them | Web design | Creative Bloq
    ~Rhia7 -- Remember the 7
    Twitter me

  6. #6
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    I was the first to comment on Speckyboy's introduction of
    "The beautiful Nothing Site, a clean and flat interface to do nothing!"
    I asked "@speckyboy Can I make something out of it?"
    See the Twitter page:
    https://twitter.com/speckyboy/status/495247555538980864

    Here is the Nothing Site:
    https://github.com/nothingsite/nothingsite.github.io
    Here are the design features:
    User Experience
    Minimal and clean modern design
    Responsive (Desktop, Mobile, Blah blah...) Shape 1
    Simple content
    Easy Navigation
    Supports cross browsers

    How you edit it is up to you
    ~Rhia7 -- Remember the 7
    Twitter me

  7. #7
    Affiliate Manager bcwaller's Avatar
    Join Date
    January 18th, 2005
    Posts
    244
    Great advice by Rhia7. The bare minimum you can do is to use a plug in or template that includes responsive design for mobile. Better to have designs for each as Rhia7 noted behaviors are different.
    Brad Waller | VP, Business and Affiliate Development
    EPage.com

  8. Thanks From:

  9. #8
    ABW Ambassador 2busy's Avatar
    Join Date
    January 17th, 2005
    Location
    Tropical Mountaintop
    Posts
    5,636
    Best place I have found to get all the heavy lifting done for you is at Github Bootstrap

    Depending on your current skills, there may be a learning curve, but the tools and tutorials are all there.

  10. Newsletter Signup

+ Reply to Thread

Similar Threads

  1. Make Html Site Mobile Friendly?
    By Justdoit in forum Midnight Cafe'
    Replies: 22
    Last Post: May 1st, 2014, 02:00 PM
  2. Article: How to create friendly mobile landing pages
    By Rhia7 in forum Newbie Affiliate FAQs & Helpful Articles
    Replies: 1
    Last Post: May 5th, 2012, 01:15 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •