How to make a website for desktop and mobile

I just have a question about, for example, washingtonpost.com.  I know in CSS you used to be able to put that "/media" and "/screen" command in head and when the page loads, it detects the device and sends you to either mobile or desktop.
I went to WaPo and I can't seem to find that any more.  So using WaPo, is this still how it's done?  I just need to test a basic web page in DW4 and then test how it looks on desktop and then my Galaxy Note II so I know I'm moving along correctly before expanding out.
Any advice, help, and tips are appreciated.
Thank you.

media="screen" or media="print" is part of a css link in the head of a page and allowed one set of rules for print and another set for screens.
It was the precursor to "Media Queries" which is what you're looking for.
Here's a good starting point for Media Queries...
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Basically, you make one site in html, then 2 stylesheets that control the site depending on the viewer device. You use the pixel width of the device or browser window to determine which stylesheet is used. When they're on a desktop, stylesheet1 is used, when they move onto something smaller, stylesheet2 kicks in.
The basics are pretty simple, getting the most out of it takes practice.

Similar Messages

  • How to make a website for a MS SQL database?

    I'm used to making static html websites, but now I shall make a website for a friend who has made a database (Microsoft SQL). So I shall make the layout, forms etc, and he provides the database. Can anyone please explain the prinsiples of making such a site, and how to connect it to the database?
    PS: I've added the features "Server Behaviors", "Databases" and "Bindings" in my Dreamweaver CC, as they are not preinstalled.
    Hope for help!

    media="screen" or media="print" is part of a css link in the head of a page and allowed one set of rules for print and another set for screens.
    It was the precursor to "Media Queries" which is what you're looking for.
    Here's a good starting point for Media Queries...
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    Basically, you make one site in html, then 2 stylesheets that control the site depending on the viewer device. You use the pixel width of the device or browser window to determine which stylesheet is used. When they're on a desktop, stylesheet1 is used, when they move onto something smaller, stylesheet2 kicks in.
    The basics are pretty simple, getting the most out of it takes practice.

  • To view 3D PDF files in a browser, I need to have locally installed readers for desktop and mobile?

    Hello,
    I am checking to see how to best provide viewing of 3D PDF files for browsers running on desktops as well as iOS and Android.
    Any guidance would be greatly appreciated.
    Thanks,
    Bob Hanson

    Yes, you need locally installed Readers.

  • I accidentally downloaded a website for coupons and its toolbar keeps popping up? I want to completely get rid of it on my internet. How do I do this?

    I accidentally downloaded a website for coupons and its toolbar keeps popping up at the top of my internet window. I went to the toolbar options and unchecked it but when I get back into the internet it is up again. I want it completely gone so that it doesn't even have a chance to be seen. I don't want it. How do I get rid of it?

    I would start off with Firefox's Add-ons page. Either:
    * Ctrl+Shift+a
    * orange Firefox button (or Tools menu) > Add-ons
    In the left column, click Extensions. Then look for unwanted extensions and try the Remove button.
    If the Remove button is missing, this usually means the extension was installed through the Windows installer. In that case, check for it in the Windows Control Panel, Uninstall a Program. Clicking the "Installed on" column header will bring the most recent additions to the top for easier spotting.
    After you get rid of it, assuming you can remove it in one of those two ways, I suggest "mopping up" with some malware removers. This article lists tools that other Firefox users have found helpful: [[Troubleshoot Firefox issues caused by malware]].
    Any luck?

  • How to make a button to stop and run a for loop?

    How to make a button to stop and run a for loop?  and if it is stopped it shall start from where i t stopped.

    Your VI has some very fundamental flaws.
    The start/stop button is outside the FOR loop, thus it will NOT get read during execution of the FOR loop, but only before the FOR loop starts. Think dataflow!
    Thus the terminal of the start/stop button belongs inside the FOR loop.
    Your FOR loop iterates 20x, which probably takes about a nanosecond. You will NOT be fast enough to reliably press the start/stop button during a specific iteration of the FOR loop.
    Your code does not "stop and run" a FOR loop (sic). The loop always spins, but executes an empty case when "Stopped". I guess that's what you actually want?
    Once you solve (2), the x indicator will contain a random value whenever you "stop".
    As soon as the 20 iterations complete, the outer while loop spin an things start over, another nanosecond later.
    Place e.g. a 500ms wait inside the FOR loop to solve this.
    Don't place terminals of indicators on top of formula nodes.
    Your formula does not produce any output, so really has no purpose.
    Use a real "stop" button to terminate the while loop (mechanical action: latch when released). Right now you are using a plain switch, which does not reset to false before the next run. This means that you need to manually reset it before running the program again.
    It is oftern useful to operate the VI in execution highlighting mode. You will immediately see that your button does not get read during execution of the FOR loop. Try it!
    LabVIEW Champion . Do more with less code and in less time .

  • Need advice on how to make my website look better!

    ive made a website for a security company but im just not 100% happy with it, i dont know if it doesnt look professional enough or things need changing design wise. i am open to any ideas on how to make my website look better, i also dont mind if anyone wants to dramtically change it if their idea is better. I would just very much appreciate a review and constructive critisism and ideas for a newly designed version of the site please!
    [advertising slogan removed by host]
    Thanks!

    As a novice, some things I see: The footer has redundant, unecessary images (4 large images-for your services--REDUNDANT) odd? The text part of footer: text seems close, scrunched, have some space between heading and items, DO NOT CENTER TEXT!,
    One of the service links bought to page with SAME LARGE image on homepage-change picture, don't use same large image for 2 different pages.
    DO NOT use CONTACT US as 1 of 5 links on menubar. Do in another creative way, and/or use footer for contact. I think this looks amateurish (my opinion of course).
    If I remember, the homepage and the rest of site, have exact same page structure.--See if you can atleast change the structure of inner pages versus the homepage.
    Didn't look at enough, but..maybe...
    each of your services should be a main menu link on your menubar. I would not put contact us on menubar, and you also had another menubar link with no dropdown( of course ok, but maybe could restructure)--Also your last service (on right of menubar)---why is that one different, and not included with the other services??
    Seems like your menubar (items) structure could be reworked.--I would suggest, briefly looking at, to maybe have each service as a primary menu heading/title..YOU MAY NOT NEED A DROPDOWN MENU? Make sure if dropdown it is necessary.
    Local security should be one of your services.
    Have your footer logo, as is to left, but maybe put your footer links more to the right;;It will 'balance' the footer section
    Your top logo seems too close to your main LARGE image (Which btw, seems oddly large compared to the rest of your site?)--That LARGE top image(the same palce on every same looking page), seems too big for your page--Why doen't it line up with the rest off your page content?

  • How to make a website similar to another site?

    I am looking to make a website for my photography portfolio. So I decided to look online for some examples and found this website: http://www.larajade.co.uk/
    I don't do fashion photography but i liked the whole scroll through the pictured kind of idea. But I am relatively new to dreamweaver and don't know how to make that effect. I was just wondering if anyone knew how or had an idea about how to do something like it. And if you did, somehow teach me how to do it.
    Any help would be appreciated!
    Thanks,
    Deryk

    You might like to try http://manos.malihu.gr/jquery-thumbnail-scroller
    Gramps

  • How to make exception rules for Stylish rules which change fonts?

    How to make exception rules for Stylish rules which change fonts?
    I use [https://addons.mozilla.org/en-US/firefox/addon/stylish/ Stylish add-on] to change specific fonts to other fonts of my choice, but I have a problem. I want to change the font Arial to Tahoma in almost all pages I visit, but with the exception of websites as wikipedia.org. Because of this, I find myself having a very long list of domains to change Arial to Tahoma, only because I don't want that rule to apply to wikipedia.org and additional one or two other websites.
    The current rule I'm using is, (my actual list is a lot longer, but this is just an example):<br/>
    '''''@-moz-document domain("mozilla.org"), domain("thefreelibrary.com"), domain("sil.org"), domain("ethnologue.com") {'''''<br/>
    '''''@font-face { font-family: 'Arial'; src: local('Tahoma'); }'''''<br/>
    I can't use the following rule because I don't want it to apply to wikipedia.org:<br/>
    '''''@font-face { font-family: 'Arial'; src: local('Tahoma'); }'''''

    Try something like this:<br />
    <br />
    <pre><nowiki>@font-face { font-family: 'Arial'; src: local('Tahoma'); }
    @-moz-document domain(wikipedia.org){
    @font-face { font-family: 'Arial'; src: local('Arial'); }
    </nowiki></pre>

  • Check website for changes and send message

    I maintain several websites for others and would like to use a script to check to see if any of the files have changed in the last day.  In other words, go to http://www.mysite.com and if the date modified property of the index.html file is equal to today, then send an email to me.  I'm familiar with AppleScript enough to send the email message but am kinda stuck on how to accomplish the checking the date modified aspect of the files on the remote Unix server.
    Is this a job that AutomatorAppleScript should handle?  Or would something else be more effective?  Any help would be greatly appreciated.

    I'd probably look to use RSS, if you're maintaining the web sites.  That's what an RSS feed is set up to do.
    If you're looking at a web site that's based on a content-management system (CMS), those usually have RSS options or features available, and those also often have databases that can be queried.  Scraping is, well, ugly and resource-intensive, and best avoided.  But if you have to...
    The following is mostly Terminal.app Unix-level stuff...
    If you want to look at the lower level (the hard way), then a tool such as cURL would be one typical tool.
    cURL is installed on OS X by default.
    Flags:
      -z/--time-cond <date expression>|<file>
      -I, --head
    rsync can provide a completely different approach here.  With rsync, you can synchronize a local cache of the files with those on the remote servers.
    AppleScript is an excellent choice for scripting OS X GUI applications.  But if you're not doing that, then a bash script, or Python, php, or some other scripting tool or scripting language would probably be my choice; those are better suited to your particular task.  As for some of these other tools, Python has a pycurl library, php has a curl library, and bash can call the curl utility.  These are all web-centered languages, so poking around via HTTP is standard fare.  And each has other approaches available.   I'd expect there's a scraping library or three around, too.  This is hardly a new or unusual requirement.  There's the Python scrapy tool, for instance.
    details: man curl, man rsync, or the available bash or Python or Perl documentation.  And bash scripting is cryptic, but it's a gonzo powerful tool.  Among the TLDP guides are an introduction and an advanced bash shell scripting guide.

  • How to make a form for input in web interface builder

    Hi expert:
        How to make a form for input in web interface builder?I have already used it to do PS planning, but I don't know how to  draw lines and checkboxes . Thanks in advance.
    Allen

    WAD:
    Open the WAD and create a new template. On the left hand navigation you will have several Web Items available. Under 'Standard' you have 'Analysis' item. Pull that into your template to the right. Under the Properties tab you need to pick the query [form/layout] that you have built in Query Designer.
    You will also find other items such as Button group, Checkbox, drop down, list box etc available. Pick and drag into the template whatever it is you require. Lets say you want a button. Under the Properties tab select the 'Command' that you require. You could use standard commands that are available there. You could also define functions and commands that you require.
    Query Designer:
    Open the QD and drag the characteristics and key figures that you require into the rows and columns of the QD. You would need to specify restrictions under the Filter tab of the QD based on the granularity of data that you require. You would need to remember that the key figures need to be made Input Ready [do this by clicking on KF and on the planning tab select "change by user and planning functions"].
    This shouldgive you a start. After you've explored it yourself a bit we can discuss further and I can certainly provide you additional details/material on these areas.
    Srikant

  • How to make S-Curve for Primavear P6 by using BI publisher?

    Hi,
    Anyone knows how to make S-Curve for Primavear P6 by using BI publisher? I can display colunm such as planned unit, but not cumulative value. So I can't plot S-curve.
    Thanks
    Wang Xin
    Edited by: 957906 on 09-Sep-2012 03:26

    The problem with the datagridview is that it can only show one table.
    For more tables 3th party datagrid's are better. 
    Although you can start with using the old datagrid. Despite what is written on MSDN is it a complete different control then the datagridview. You can add in to your toolbox by right clicking on it and then add it.
    The datasource of a DataGrid can be a complete dataset which is showed with all its relations.
    Success
    Cor

  • Does the Desktop and Mobile Upload ftp to your Website at the Same Time?

    When I finish my Desktop and Mobile design for a website, does it upload at the same time, or do I have upload individually?

    Brad,  Thanks for your reply.  ADubin

  • How to make a CheckBox for a report parameter?

    Hi,
    How to make a CheckBox for a report parameter?
    thanx

    design ur parameters forms using forms and call ur report form there

  • How to make a wall for a game

    hello developers
    I’m sharing a long time to find out how to make a wall for my game but now where is it.
    Can someone help me?
    its a wall for an iphone/ipod game.
    It must be a wall that a sprite will stop walking it’s not a killer object but a stop object.
    oh and are there differants in programing in ipad/iphone?
    Thanks for help
    Grtz Jimmy

    I don't know what's you point on the wall and the player but you should do something as that:
    -(IBAction)goLeft
         if (player.x > wall.xo && player.x < wall.xI)
                  // you are in the wall go right
              if(player.y > wall.yo && player.y < wall.yI)
                 // you are in the wall go right
                 player.x ++;
              else ; // you are up or down of wall
    -(IBAction)goRight
        if (player.x > wall.xo && player.x < wall.xI)
              if(player.y > wall.yo && player.y < wall.yI)
                 // you are in the wall go left
                 player.x --;
               else ; // you are up or down of wall

  • How to make it selected when clicked and open popup

    Hi,
    I 've a form in the parent page with many form elements.
    I've 2 radio buttons with values "Yes" and "No". I am opening a modal popup when clicked on "Yes" radio button. The modal popup is opening fine.
    But when I click "Yes", it' s not selected. After modal popup is closed, when I return to parent page, the option "Yes" is still not selected.
    How to make it selected when clicked and open popup?

    Perhaps try moving the application to your preferred desktop and then right-click it's dock icon > options > Assign to This Desktop.

Maybe you are looking for