Site examples of using css to design for smartphone, tablet, projection

Hi,
Can anyone recommend a site that uses css to design for different platform using css. Not a standalone mobile site, but one where the existing site uses jquery to show the sites differntly.
I saw a video of it using cs5.5 and it seems to be the way forward, but would love to see how others designed/structured their sites to use this technology.
Cheers
Dave

Hi
The best place to view demo's regarding the jQuery mobile framework is the official site at - http://jquerymobile.com/. But remember designing and building a site specifically for mobiles, (tablet/mobile/cell devices) is no longer a completely different process to a normal site and all smart-phones can now display a normal desktop web site as good as a desktop pc, (and when it comes to html5/css3 even better).
The use of redirects for mobile devices is now an old outdated recommendation, and is the equivalent of saying to any tablet/smart-phone user, "Use IE7 or go-away", so unless you are mainly targeting pre-2008 devices do not bother, (Google and similar do this because they are covering 'all' devices and present a very simple page design which convert to mobiles without much difficulty). It is now a more widely accepted method to use media-queries to display a link to a mobile specific site, that is hidden on larger displays.
Do not get hung-up as some do on this site with the iPhone, it is only one of the devices that must be targeted, and is not even the most popular having a smaller market share than Android powered devices, (I personally use the iTouch, (which has the same web capabilities as the iPhone) and the Samsung Galaxy S2 for my personal testing, then SDK's and 3rd party testing services for other devices) a popular blog with many links that is specific to mobile development is - http://www.visionmobile.com/blog/.
With regards to testing on mobiles, you do not require a iPhone specifically, and if you are on the mac you can download the SDK for accurate testing, (but then what does one do for all the other devices?) and the true mark of a professional, (which I do not claim to be, my clients may, but I do not, and anyone saying they are whilst 'insulting' others must be viewed with suspicion, as inter-personal skills are also part of any designers/developers necessary skills) is knowing that you must test on all popular OS's and devices, (similar to browsers, and just testing on the iPhone is like just testing your site in IE8 and ignoring everything else) so for setting up a local testing suite see - http://www.mikebrittain.com/blog/2010/01/31/browser-testing-for-mobile-web-applications/, and/or you can also use a 3rd party service such as - http://www.deviceanywhere.com/.
For a number of tutorials on using CS5/5.5 for developing mobile site see, - http://www.adobe.com/devnet/devices/mobile-web.html.
PZ

Similar Messages

Can anybody provide me with an example about using CSS to ADF Application ?

Hi all
can anybody provide me with a simple example about using CSS to ADF Application ?
regards

http://biemond.blogspot.com/2009/01/adf-skinning-in-jdeveloper-11g.html

Old non-CSS site. Problems using CSS now.

I have a site that was built with GoLive years ago. It has
TONS of e-commerce form/store stuff on most of the pages. I quit GL
a few years ago and moved all my sites over to DW CS3. It wasn't
super smooth, but I eventually got it setup as a DW site and went
on with it.
Then CSS came in, and I learned how to build sites with it.
My problem is that this old site (www.webriggingsupply.com) is a
mess of inconsistency with fonts, font sizes, etc. On a page,
within one table of store data, there might be 2 different fonts,
and 3 sizes, when all should be the same font/size.
Due to the sheer number of pages and tables, there is simply
no way I can start over with a new site.
I tried to use CSS to style the new site, but the old
attributes are still in place.
Any suggestions? I could copy/paste a page into a new site,
but how do I strip out all the old font formatting? I tried it, and
it comes in the new site just like the old site? I'm
stuck!!!

To remote deprecated code and other tags from legacy sites, I
use a handy
little extension called Tag Stripper 2.1 which runs from the
Command menu in
DW.
It quickly removes unwanted <tables>, <fonts> and
other tags in one pass...
You can download it here (scroll down; it's 3rd from the
bottom):
http://www.feedage.com/feeds/1633172/massimo-foti--dreamweaver-goodies
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"synterx" <[email protected]> wrote in
message
news:gdahng$lq5$[email protected]..
> I have a site that was built with GoLive years ago. It
has TONS of
e-commerce
> form/store stuff on most of the pages. I quit GL a few
years ago and moved
all
> my sites over to DW CS3. It wasn't super smooth, but I
eventually got it
setup
> as a DW site and went on with it.
>
> Then CSS came in, and I learned how to build sites with
it. My problem is
that
> this old site (www.webriggingsupply.com) is a mess of
inconsistency with
fonts,
> font sizes, etc. On a page, within one table of store
data, there might be
2
> different fonts, and 3 sizes, when all should be the
same font/size.
>
> Due to the sheer number of pages and tables, there is
simply no way I can
> start over with a new site.
>
> I tried to use CSS to style the new site, but the old
attributes are
still in
> place.
>
> Any suggestions? I could copy/paste a page into a new
site, but how do I
strip
> out all the old font formatting? I tried it, and it
comes in the new site
just
> like the old site? I'm stuck!!!
>

Using CSS to design PDFs

I designed a 10 page document that is created on the fly out of our CRM. It has to be coded in HTML and I used CSS to style it.
When a user creates the document, the CSS renders fine except for the border attributes. Some borders show, others do not. Do PDF documents not render borders from CSS properly or is there some trick to it?

Thanks for the responses. It's not my preference to use HTML/CSS, but that's the option I have for building a template in our CRM so that's what I have to do.
Basically, it outputs as an HTML file out of the CRM and then I print to PDF to create the PDF template. Users will actually print to DocuSign for e-signatures.
I've tried a couple of programs for printing to pdf and none so far seem to render it the way I want.
Zooming in/out doesn't seem to be an issue.

Can we use flex extension designed for Photoshop CS5 for Photoshop Touch as well?

Hi..!!
I was learning about the Photoshop Touch application and when I started to search about its SDK, I found that it uses the same SDK as Photoshop CS5. Is my information correct? Also, if this is the case, then if I want to design a flex extension for Photoshop Touch, then will the extension for Photoshop CS5 suffice? Or, will I have to design a separate one from CS5? Please guide me..
Thanks!

The Photoshop CS5 SDK includes functionality for creating interactions with Photoshop CS 5 from applications on Android™, Blackberry, and iOS mobile and tablet devices, as well as Mac OS and Windows® operating systems (an example would be the Adobe Nav app) basically the communication between an app and Photoshop. Flex extensions created for Photoshop would not automatically work with Photoshop Touch.
Hope that helps
-Dave

Why do the LabVIEW examples that use the queue design have one loop in the top level and all the others as subvis?

Specifically the Weather Monitor example under connectivity/Web Services and the FPGA design examples.
There are several parallel loops. One of the parallel loops will be in the top level VI. The others are all in sub-VIs. After the third example I was looking at it seemed obvious this was being done as a standard, but I don't know why it matters.
Why not all of them as SubVIs? Why not all of them as top level loops? (Well OK maybe not that one.)

For me, it depends on what is happening in the parallel loops. When I have modules that just need to run in parallel with the main loop, it helps reusability to have it a a subVI call. I can then just copy that library to another project and use it.
There are only two ways to tell somebody thanks: Kudos and Marked Solutions
Unofficial Forum Rules and Guidelines

Centring table in IE using CSS/Wrapper Div for oscommerce

Hi,
I am implementing OScommerce using stylesheets to centre the
oscommerce page in the browser.
I am using a #holder (wrapper) div around the whole BODY
contents with left and right margins set to "auto"
(This is based on Adrian Senior's article on this site
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
This works in Firefox, Opera and Netscape, but not in good
old IE. The site stays stubbornly flush left in the IE browser
window.
The site with the problem is
http://www.sueharrington.co.uk/catalog/
I have made it work in all browsers with another site which I
copied the CSS and HTML from and I can't see the difference, other
than the one <div> is enclosing oscommerce and another isn't.
The CSS I use is
#holder {
width:770px;
text-align:left;
margin:0 auto;
padding:0px;
background-color:#FFFFFF;
with the following html
<body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0" leftmargin="0" rightmargin="0">
<div id="holder"> 
----- HTML or PHP Statements Here
</div>
</body>
Anyone have any ideas or know any nifty IE hacks to get round
this problem?
Many thanks,
Neil

> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
Add to this -
body { text-align:center; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Enscott" <[email protected]> wrote in
message
news:eccg73$gn0$[email protected]..
> Hi,
>
> I am implementing OScommerce using stylesheets to centre
the oscommerce
> page
> in the browser.
>
> I am using a #holder (wrapper) div around the whole BODY
contents with
> left
> and right margins set to "auto"
>
> (This is based on Adrian Senior's article on this site
>
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
>
>
> This works in Firefox, Opera and Netscape, but not in
good old IE. The
> site
> stays stubbornly flush left in the IE browser window.
>
> The site with the problem is
>
>
http://www.sueharrington.co.uk/catalog/
>
> I have made it work in all browsers with another site
which I copied the
> CSS
> and HTML from and I can't see the difference, other than
the one <div> is
> enclosing oscommerce and another isn't.
>
> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
> with the following html
>
> <body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0"
> leftmargin="0" rightmargin="0">
> <div id="holder"> 
>
> ----- HTML or PHP Statements Here
>
> </div>
> </body>
>
>
> Anyone have any ideas or know any nifty IE hacks to get
round this
> problem?
>
> Many thanks,
>
> Neil
>

Use of Oracle Designer for DB2 platforms

Hi! Is there sombody who can answer these questions?
I use Oracle Designer v 6.0.3 and I wonder if
the DB2 ddl scripts that Oracle Designer generates
can be use for IBM maifraims platform OS/390 ?
I also wonder if there is any other development tool that
generates modify or alter scripts?

Hi,
my Ora-Trigger-Solution works well on R/3 development system.
On quality assurance system it dumps with ORA-04098.
It looks like, that required object privileges have been never granted.
Do someone know, what priviliges or authorisations have to be maintained and where to maintain this?
Thanks and regards,
Wolfgang

Adobe Muse: Designing for Smartphones and Tablets | Adobe Muse Feature Tour | Adobe TV

See how you can create unique mobile versions of your desktop sites.
http://adobe.ly/107RbSl

Hi Ozark.
i'm in some sort on reflexion right now about the same issue... One problem that i have, is the price of BC.
I think it is too expensive... there are more and more open source solutions for Web designer firm and there is also a ruff competition on hosting.
for example: i, to be competitive, offer full service hosting with unlimited everything for 10$ a month... try to tell your client that "i need to move your site and it's gonna cost you the double"
I've been a long time user of adobe product, and now i feel a little stranded. Add to this, a 2000$ fee for rebranding the system and the poor lack of support (no phone number to call)
and especially for francophone users...
i'm a little sad of the situation, i thought i could upgrade all my suite and finally save some time. i'm not ready to make the jump yet.
id.

Help with a database design for community housing project

Talking database design
Hi all, I have been wondering about the design of tables for a big block of residential units. There are 100 + rooms. there are about 25 houses in this complex but the 100 + rooms are all rented out separately.
Its just like a college campus really but its not a college campus , its a little unique.
The rents are applied as a percentage of income, so thats not common, so I included a tblRoomCost where the pre-calculated weekly cost is entered, and its got a date field in there for when the change of rent charged. I probably need to include an income field in tblCustomer, even just as an Admin reference.
So is this looking pretty ok and would there be any point in scrapping the database and using text files ?
So what do you think of these tables please ?
tblCustomer
pkCustomer, fldFirstName, fldLastname
tblRoomAllocation
pkRoomID, fkCustomer
tblRoomCost
pkRoomID, fldDate, fldRoomCost
tblTransactionID
pkTransactionID, fldDate, fldTransactionType, fkCustomer, fldAmount

The naming scheme is one I learned and havn't thought past it though I do get into trouble and your suggestion may prove useful when codeing !
I thought the tblRoomAllocation and tblRoomCost took care of changing. Though I see now that tbleRoomAllocation needs a Date field really. And the tblRoomCost has a fldRoomCost which isnt really that good an implementation as the rooms themselves are priced always accoedijng to the income of a resident and not because of the room. So the real world object is getting fudgy........
It is extremely unlikly that Admin would ever allow two rooms to be rented by an individual.
I will have a look at possibly your suggestion that an Accounts table be used.
Also I thought about having a startDate and EndDate in the tblTransaction to represent the period being paid for. Just seems like a lot of Dates in a transaction table. One to record the transaction, the other two dates to indicate the period that was actually being paid for. ? When perhaps I should work that out in the runtime code.v ? This will be a VB.Net app.
Do you think there is a need for Accounts table if only one room is permitted to be rented , though room changing may be common?
And thx for your input.
Message was edited by:
user521381

A resource in this file uses an unknown language (for default MFC project)

Visual Studio 2013. I created a default MCF project and tried to open rc-file via Resource View. No custom changes were made.
I got an error: "A resource in this file uses an unknown language: Neutral (Default) (unknown sub-lang: 0x3). Unable to open this file." I used AFX_TARG_ENU: language 9 (english), sublanguage 1. There is no language value
in my project defined as 0x3 in winnt.h.

Hi JGANOL,
Based on your issue, could you please tell me if you get same error when you re-create a new Resource Script File in the MFC project?
https://msdn.microsoft.com/en-us/library/hcctd63y.aspx
https://msdn.microsoft.com/en-us/library/sxdy04be.aspx
(1) If you get same error message, I suggest you try to reset the VS setting file by going to the Tools->Import and Export Settings... check this issue again.
If it still could not help you, maybe you will need to repair or re-install the VS2013 check this issue again.
(2)If you did not get same error message, I think that the issue may be related to the specified the MFC project. So I suggest you can tell me the detail steps about how you create a MFC project.
Best Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Designing for print, tablets and interactive pdfs at the same time

Hi everyone,
I have a large document of proposal master pages that I would like to update with CS6. My usual work flow, when I need to make a new proposal, is to open a new document and just move over the master pages I need. This depends on which products they want, etc. Then I override the master pages in the new document and make whatever customizations I need for that particular customer.
Now with CS6, I'm thinking that I will just have the pages be pages (with fewer masters). I will make an alternate layout directed at each market segment we have, and also these pages for tablets and interactive PDFs. (Sometimes we are asked to provide a digital copy of proposals). Then, when I have a new proposal to do, I will do a Save As and make a copy of the main doc. Then I will just delete all the pages and the alternate layouts I don't need.
A few questions:
1. How do I set up my "intent." Most of these master pages are two pages, so I think the digital publishing intent messes that up.
2. Do you think this new set up would make the file huge? I have had size issues in the past and the file is already very sluggish.
3. Is this the best way to go about this work flow?
Thank you guys so much. This forum has been so helpful to me!

Hi everyone,
I have a large document of proposal master pages that I would like to update with CS6. My usual work flow, when I need to make a new proposal, is to open a new document and just move over the master pages I need. This depends on which products they want, etc. Then I override the master pages in the new document and make whatever customizations I need for that particular customer.
Now with CS6, I'm thinking that I will just have the pages be pages (with fewer masters). I will make an alternate layout directed at each market segment we have, and also these pages for tablets and interactive PDFs. (Sometimes we are asked to provide a digital copy of proposals). Then, when I have a new proposal to do, I will do a Save As and make a copy of the main doc. Then I will just delete all the pages and the alternate layouts I don't need.
A few questions:
1. How do I set up my "intent." Most of these master pages are two pages, so I think the digital publishing intent messes that up.
2. Do you think this new set up would make the file huge? I have had size issues in the past and the file is already very sluggish.
3. Is this the best way to go about this work flow?
Thank you guys so much. This forum has been so helpful to me!

How to Create our own Custom Design for UI Elements in WebDynpro Java

Hi Experts,
As of now i am using the Standard design for the UI Elements in the WebDynpro Java Applications.
For example:
header1,header2,monospace etc are available in design for UI Elements.
Now i want to give my custom design to the UI Elements.
So how can i create this. and Is it possible to create in NWDS.
Thank You.
DS

Hi DS
Eclipse Theme Editor for NetWeaver 2004
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/a026b4ce-de48-2a10-7285-fb457ee6c7ed
Eclipse Theme Editor for NetWeaver 7.0
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/136dd890-0201-0010-1b9d-bd09a0d3b1d8
Hope this will be use ful for u
Regards
sriram

Placing rollover nav buttons using CSS

Hi. I'm creating my first website using DW CS3 and I'm having
problems working out how to include all of the graphics as part of
the CSS so that I can use different CSSs for different devices.
I have a set of images I'm using for the navigation buttons
and I want to add them to table cells using CSS with tags for
placement but how do I then get the rollover effect without ading
anything to the actual html code?
any help gratefully appreciated.
Thanks.

If you need to do this then here is an example:
www.taste-in.com
The buttons are show/hide with css.
.rollover {display: block;height: 100%;}
.rollover img {width: 100%;height: 100%;border: 0;}
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }
#home, #contact, #taste, #about, #tasting, #terms{height:
92px;}#home {width: 139px;background:
url(../images/nav/hover/home.jpg);}
#taste {background: url(../images/nav/hover/taste.jpg);width:
129px;}
#about {background: url(../images/nav/hover/about.jpg);width:
128px;}
#tasting {background:
url(../images/nav/hover/tasting.jpg);width: 126px;}
#terms {background: url(../images/nav/hover/terms.jpg);width:
128px;}
#contact {background:
url(../images/nav/hover/contact.jpg);width: 140px;}--
CheersPablowww.dellwebsites.com
"wefollow" <[email protected]> wrote in
message
news:e2kequ$nie$[email protected]..
> If i can...how can I.....
> I want to import Rollover Buttons from Fireworks to
Dreamweaver( Css Page)
> I just start using CSS code.....
> thank you for reading this message

How to get Flash to use AIR 2.7 for iOS?

How do I force Flash Pro to use AIR 2.7 for an iOS-project?
When choosing Publish settings you can only choose AIR for iOS without any version numbers. But when you choose only AIR there is a version number. According to an informative video http://tv.adobe.com/watch/flash-platform-in-action/adobe-air-27-faster-app-performance-on- ios/ it seems like 2.7 could be the solution to my problems. Obviously the 2.7 version is for iOS too and not for "AIR only".
I have installed 2.7 but in the xml-file that follows with the ipa-file that has been created it says AIR 2.6. But when I try to download 2.7 (again) I get the information that I already have AIR installed... I guess "he/she" means 2.7 because I can see it in a dll-file (according to instructions on a web page on www.adobe.com (can't find it right now)).
So why am I not getting the ipa-file created with AIR 2.7? What can I do to make it happen?
Best regards,
Åsa

Thanks a lot, this is helpful.
My interpretation of this document is that the version of AIR used comes from what version of Flash Pro you are using. Correct? And you are not supposed to upgrade AIR without upgrading Flash Pro according to Adobe?
Best regards,
Åsa

Site examples of using css to design for smartphone, tablet, projection

Similar Messages

Maybe you are looking for