Expression Web 4 and Responsive Web Design

I need to know if Expression Web 4 supports Responsive Web Design or what Microsoft package and/or update does. Basically, I just need some product information.

Hi,
The Expression Web forum is here:
https://social.msdn.microsoft.com/Forums/expression/en-US/home?forum=web
Don't retire TechNet! -
(Don't give up yet - 13,225+ strong and growing)

Similar Messages

{req} Tutorials for Dreamweaver CS6 and responsive web sites

Hello! I am Designer with zero knowledge of coding, but have been setting up many wordpress and phpBB sites based on tutorials.
I can design a website failry well with CS6 tools. But cant get the hang of making 'responsive' websites. (I know that I should learn a bit of coding, but, honestly, it just doesnt get into my head unless I take structured classes.)
Can anyone point me to a simple step by step guide to crafting a responsive layout? Preferably written (not video).
(By the way: Love the new Adobe website look.)

Building modern web sites without a fundamental knowledge of code is like trying to drive a car blindfolded. You may reach your destination but you'll break things (many things) along the way.
CS6 Fluid Grid Layouts require a working knowledge of HTML, CSS & Media Queries because you will need to manually tweak the code. Fluid Grids are a quick start; not a quick solution.
CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Device Agnostic Approach
http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-d esign/
Good luck,
Nancy O.

Responsive Web design

The Muse site of the day "Trust Financial, United States" is a responsive design how is this accomplished in Adobe Muse? or have they made a tablet and phone site that when you shrink down the desktop browser its automatically filling the space for tablet and phone?

You can watch this tut. from Lynda.com
http://www.lynda.com/Muse-tutorials/Muse-Essential-Training/89048-2.html
Very useful Tut by James Fritz for Making Responsive Web Design for Desktop, Tablet & Phone.
hope that helps

Has anybody modified the Aperture Web Themes for a Fluid Grid or Responsive Web design

I have had some experience modifigying Apple's WebThemes inside Aperture in
Aperture.app/Contents/Resources/WebThemes
I would like to create or modify an existing Web Theme in order to have my site follow the Fluid Grid principles of Responsive Web design.
Has anybody done this who would like to provide some advice?
Thanks, in advance.

Hi jonfreed77,
People facing similar issue, posted following resolution in another thread recently.
Please give it a try and confirm if they work for you.
8. pcepp,
20 Jun, 2013 8:24 AM in reply to pcepp
Report
I found a solution that worked for me.
I removed all the fonts that Adobe CC installed out of my Library:Fonts folder and just left in the Apple Basic fonts like Arial, Courier etc... Launched Dreamweaver CC and the CSS designer panel works. I have no idea exactly which font it is, or creating the conflict. All I know is that it works great now.
|
9. dogdog63,
20 Jun, 2013 10:11 AM in reply to dogdog63
Report
very strange - I installed Illustrator CC and then I had no more problems with Dreamweaver! No more crashes when close or create files and no more problems with the CSS designer. Error messages during create fluid grid layouts are also gone ...
Michel:
I think I figured it out on the Mac. Be sure that Verdana is activated in Font Book. What tipped me off to this was a warning I was receiving when trying to open After Effects. It was saying that the program needed Verdana for the user interface to work. I thought that maybe Dreamweaver needed Verdana too. Sure enough! Hope this helps you guys.

MOSS 2007-Responsive web design

Hi All
I am having an internet site developed in MOSS 2007. I want to revamp it for mobile application. Is there anything in Moss 2007 like media query or responsive web design?
Please share an article or video url to convert a website to mobile device.
Regards
Jhanani
Janani.R

Hi
My site is publishing portal.. Its an internet site. When i tried to put /m after the site url, it is showing page not found, I tried to actiavete "
-o activatefeature -name MobilityRedirect -URL http://URL"
also not working.
I am not able to find a good sample from the scratch for variations.I am new to this mobile application.
What i am thinking is to customize every page of this site. and for mobile application the url will be servername/mobiledevice/
Can you pls suggest the best way to do this.
for me variation for multi lingual site samples only got,,
Pls help
Janani.R

Weblogic Portal with Responsive Web Design

Hi All,
Did any body used CSS3 Media Queries (Responsive web designing) in Weblogic portal like for layouts,jsp's etc.,.
Thanks,
Venkat Sarvabatla

Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.html
The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!

The first Ask a Pro for New Responsive Web Design tool, Reflow 2/22

The new Responsive Web Design tool – Reflow – is out.
When: Friday, February 22, 2013 – Noon Pacific Time. Session start time for other time zones are here: http://bit.ly/12D9ILL
Description: Edge Reflow preview has just been released and now is your chance to see all the ins and outs of this new tool, as well as how it integrates with other Edge tools and services. Join evangelist Paul Trani as he takes you through Reflow and workflows with other Edge tools and services when designing for the modern and mobile web.
Register here: http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=2008488&loc=en_us

The replay of this webinar is available OnDemand: http://seminars.adobeconnect.com/p2l90bhma2n/

Responsive Web Design Framework

Which Responsive Web Design Framework is validated with w3c validator?
[url removed by host]

it should be noted: the w3c validator for html5 are only experimental, you need to try and analyze advantages and disavantages, you need begin to speak the html5 language for see the way to write it, i hope be helpful

Responsive web design. Does Muse do this yet?

Responsive web design, does Muse do this yet? Design once for desktop and mobile, without the copy paste to to other platform.

Do you know when Responsive design will be available? Does Muse support HTML 5 yet? Perhaps dreamweaver is the better choice at this time. Thank you.

Problems with Responsive Web Design

Not really sure how to ask this, but here we go. I am new to responsive web design; always worked with html coding and tables like in Front Page. I have the concept down of sections, then containers, then columns if needed to place my content and images. Several times in my process, I get a page done or nearly done, and then later on, my text or images re-arrange themselves and overlap themselves. In other words, the text layers itself on top of another text. The two images below were laid out perfectly just a little while ago.
The max width of all containers on the page is 940px. It works great, until it doesn't I have not changed any margins or anything to make this “overlapping” of objects occur. I get satisfied with a page, and all the sudden, magically it screws up. What am I missing here? If I highlight the container, it shows a margin on the left of 342px, and a margin on the right of 343px. Looking at the CSS Designer however, these numbers do not show up. Only the 940px. I am not changing the CSS either prior to this event happening. This occurs whether in IE or Chrome.
In this first image, the red breadcrumbs started out being parallel with the search feature, and should be in the gray area. The gray menu text, was in the white area above the gray bar when it looked right. Both sets of items (i.e., red breadcrumb and search feature are set in two columns. Each column with is 50%.
In this next image, the items in the black bar were side, by side. Now they are not, and I did nothing to them or the stylesheet. The mail image column is 8.333%, the join text is in a column that is 25%, and the join us form is in a column that is 66.666%.
Hope this helps you help me! Very frustrated.

Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.html
The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!

Device Channels vs. Responsive Web Design

When to use Device Channels?
When to use Responsive Web Design?

Device channels are used when we want to make our SharePoint site viewable on mobile devices. Though Responsive Web Design also does the same thing by making the design fluid enough to be adjusted based upon the mobile device.
But the major difference here comes when we want a different design on different devices. Like for example, we want that in the desktop version we want to see a banner image on the site home page but in mobile we don't want that banner image to show. Or
lets say you want different mobile devices like Windows Phone, Android etc show different content then we should prefer Device Channels as device channels gives you a flexibility to target specific content of a site on different devices.
With Responsive design you can hide using css but still those components will be there on the screen and hence they will be loaded on the page. But with device channels, using different device channel panel, they will be loaded only for the specific device
only.
Using Device Channels, you can create different master page and different css for different devices and you only have to create one single page which will be flexible enough to render differently on different devices.
For more reference have a look at the following link
http://social.technet.microsoft.com/wiki/contents/articles/23157.device-channels-in-sharepoint-2013.aspx
Hope that helps.
Geetanjali Arora | My blogs |

AEM 5.6 - Responsive Web Design Device Preview option

Hi,
we have developed responsive web design website in AEM 5.6 and wanted to enable to preview option for various device in the side kick as like Geometrixx Media website and have followed the steps in the below URL for enabling the preview option for various devices using Side Kick and i am able to see the Device and Rotate button but if click device arrow to see list of devices then is displaying empty. Added the necessary configuration mentioned in the below link.
http://dev.day.com/docs/en/cq/current/developing/mobile/responsive.html#Previewing%20for%2 0Specific%20Devices
Any help/guess please
-Sudharsan S

Hi Sudharsan,
It is documented at [1]. Make sure
*   simulator.jsp included in page component
*   cq:deviceGroups set for /etc/mobile/groups/responsive
*   Configure page component in felix console at com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider
[1] http://dev.day.com/content/docs/en/cq/current/developing/mobile/responsive/mediaquery.html
Thanks,
Sham

Vocabulary for web design and beyond

Anyone tackling web design will encounter dozens of unfamiliar terms. I have compiled together this glossary to help them. I may update and expand in the future. Until then, feel free to use or pass along.
Some of these terms don’t relate strictly to web design, but also to computer graphics and computer programming generally, as I’ve found that such terms are also important to reading and understanding any tutorials or other materials on web design.
Asynchronous (1) General use. Not synchronous; not occurring or existing at the same time or having the same period or phase. (2) Digital communication. Pertaining to a transmission technique that does not require a common clock between the communicating devices; timing signals are instead derived from special characters in the data stream.
Bitmap image Image that uses geometrical primitives such as points, lines, curves, and shapes, which are all based on mathematical equations. In a bitmap image, each pixel on a display screen is assigned at least one bit to indicate whether the pixel should reflect the background color, the foreground color, or some other color. each pixel in the bitmap might have 16, 24, or 48 bits of information associated with it. The more bits, the greater the resolution of the bitmap – and the larger the file. Compare Vector image.
C (programming language) General-purpose computer programming language developed in 1972 by Dennis Ritchie at the Bell Telephone Laboratories for use with the Unix operating system. It was designed for implementing system software and is also widely used for developing portable application software. C has greatly influenced many other popular programming languages, most notably C++, which began as an extension to C.
C++ Statically typed, free-form, multi-paradigm, compiled, general-purpose programming language. It was developed by Bjarne Stroustrup starting in 1979 at Bell Labs as an enhancement to the C language and originally named C with Classes. It was renamed C++ in 1983.
Cache Component that transparently stores data so that future requests for that data can be served faster. The data that is stored within a cache might be values that have been computed earlier or duplicates of original values that are stored elsewhere. If requested data is contained in the cache (cache hit), this request can be served by simply reading the cache, which is comparatively faster. Otherwise (cache miss), the data has to be recomputed or fetched from its original storage location, which is comparatively slower.
Cascading Style Sheet (CSS) Style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
ColdFusion Programming language based on standard HTML that is used to write dynamic webpages. It allows for the creation of pages that differ depending on user input, database lookups, time of day, or other criteria. ColdFusion pages consist of standard HTML tags together with CFML (ColdFusion Markup Language) tags such as <CFQUERY>, <CFIF> and <CFLOOP>. ColdFusion was introduced by Allaire in 1996, acquired by Macromedia in a merger in April 2001, and acquired by Adobe in December 2005.
Compound selector Can be used to combine two or more style rules to create a style definition that displays only when one style is contained within another. Compound styles are useful when you want to do something like use the Heading 1 tag multiple times to format headlines in different ways on the same web page. For example, you could create one style for headlines that appear in the main story area of a page and then create another style for headlines that appear in the sidebar on the page and still use the Heading 1 tag to format both. Compound styles are created by combining ID, class, or tag styles and look like this: #sidebar h1.
Contextual selector A type of Style Sheet Selector that
CRE Loaded Open source online store management and shopping cart system for e-commerce from Chain Reaction eCommerce. It is based on osCommerce, runs on any LAMP (Linux, Apache, MySQL, PHP) web server, and is supported by an active international community of users and developers. For a monthly subscription ($10/mo. as of 2011), CRE Loaded allows small and medium-sized merchants to accept credit card payments in a web site that mirrors their own online stores.
CSS See Cascading Style Sheet.
Dynamic HTML (DHTML) Umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model. DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process.
ECMA International International membership-based non-profit standards organization for information and communication systems.
ECMAScript Scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known dialects such as JavaScript, JScript, and ActionScript.
Extensible HyperText Markup Language (XHTML) Family of XML markup languages that mirror or extend versions of the widely used HTML, the language in which web pages are written. While HTML (prior to HTML5) was defined as an application of Standard Generalized Markup Language (SGML), a very flexible markup language framework, XHTML is an application of XML, a more restrictive subset of SGML. Because XHTML documents need to be well-formed, they can be parsed using standard XML parsers—unlike HTML, which requires a lenient HTML-specific parser.
Extensible Markup Language Set of rules for encoding documents in machine-readable form. It is defined in the XML 1.0 Specification produced by the W3C, and several other related specifications, all gratis open standards. Its design goals emphasize simplicity, generality, and usability over the Internet. It is a textual data format with strong support via Unicode for the languages of the world. Known by its acronym XML.
HTML See HyperText Markup Language.
Hypermedia Graphics, audio, video, plain text and hyperlinks that intertwine to create a generally non-linear medium of information. This contrasts with the broader term multimedia, which may be used to describe non-interactive linear presentations as well as hypermedia. The World Wide Web is a classic example of hypermedia, whereas a non-interactive cinema presentation is an example of standard multimedia due to the absence of hyperlinks.
Hypertext Text displayed on a computer or other electronic device with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or keypress sequence.
Hypertext Markup Language (HTML) Predominant markup language and basic building-block of webpages. It is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). Known by its acronym HTML.
Hypertext preprocessor (PHP) Widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages. It brings life to websites by communicating with external data sources, such as databases, news feeds, and XML documents. PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. PHP 3 was launched in 1998; PHP 4 was released in 2000; and PHP 5 was released in 2005.
Java Programming language released in 1995 as a core component of Sun Microsystems' Java platform. The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. Java is a general-purpose, concurrent, class-based, object-oriented language that is specifically designed to have as few implementation dependencies as possible. It is intended to let application developers "write once, run anywhere". Java is currently one of the most popular programming languages in use, and is widely used from application software to web applications.[
JavaScript Implementation of the ECMAScript language standard and is typically used to enable programmatic access to computational objects within a host environment. It can be characterized as a prototype-based object-oriented scripting language that is dynamic, weakly typed and has first-class functions.
JPEG Commonly used method of Lossy compression for digital photography that was named after the Joint Photographic Experts Group, which created the standard. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and image quality. JPEG typically achieves 10:1 compression with little perceptible loss in image quality.
Linux Family of Unix-like computer operating systems using the Linux kernel (central OS component). Linux can be installed on a wide variety of computer hardware, ranging from mobile phones, tablet computers and video game consoles, to mainframes and supercomputers. The development of Linux is one of the most prominent examples of free and open source software collaboration; typically all the underlying source code can be used, freely modified, and redistributed, both commercially and non-commercially, by anyone under licenses such as the GNU General Public License.
Lossy compression Data encoding method which discards (loses) some of the data, in order to achieve its goal, with the result that decompressing the data yields content that is different from the original, though similar enough to be useful in some way. Lossy compression is most commonly used to compress multimedia data (audio, video, still images), especially in applications such as streaming media and internet telephony. By contrast, lossless compression is required for text and data files, such as bank records, text articles, etc.
MySQL Relational database management system that runs as a server providing multi-user access to a number of databases. The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. Acronym for “My Structured Query Language.”
Open source Describes practices in production and development that promote access to the end product's source materials. Before the term open source became widely adopted, developers and producers used a variety of phrases to describe the concept; open source gained hold with the rise of the Internet, and the attendant need for massive retooling of the computing source code.
osCommerce Open source Commerce. It allows store owners to setup, run, and maintain their online stores with minimum effort and with no costs involved. Combines open source solutions to provide a free and open development platform, which includes the PHP web scripting language, the Apache web server, and the MySQL database server. With no restrictions or special requirements, osCommerce can be installed on any PHP3 or PHP4 enabled web server, on any environment that PHP and MySQL supports, which includes Linux, Solaris, BSD, and Microsoft Windows environments.
PHP See Hypertext preprocessor.
Rasterization The process of converting a Vector image into a Bitmap image.
Rasterize See Rasterization.
Shopping cart software Software used in e-commerce to assist people making purchases online. The software allows online shopping customers to accumulate a list of items for purchase. Upon checkout, the software typically calculates a total for the order, including shipping and handling (i.e. postage and packing) charges and the associated taxes.
Style sheet selector One of the two parts of a CSS rule (the other being the properties, or declaration block) that declares which of the markup elements a style applies to. Selectors may apply to all elements of a specific type, or only those elements that match a certain attribute (e.g., how they are placed relative to each other in the markup code, or on how they are nested within the document object model). There are many types of style sheet selectors: element selectors, which select by element name; class selectors, which select by class name; contextual selectors, which select by context based on parent elements (what the element is nested within or what precedes it in the document), etc..
Supercomputer Computer that is at the frontline of current processing capacity, particularly speed of calculation. Supercomputers are typically one-of-a-kind custom designs produced by companies such as Cray, IBM and Hewlett-Packard, who had purchased many of the 1980s companies to gain their experience. Since October 2010, the Tianhe-1A supercomputer, located in China, has been the fastest in the world.
Tag Non-hierarchical keyword or term assigned to a piece of information (such as an Internet bookmark, digital image, or computer file). This kind of metadata helps describe an item and allows it to be found again by browsing or searching. Tags are generally chosen informally and personally by the item's creator or by its viewer, depending on the system. HTML tags include paragraph, heading 1, heading 2, etc.
Unix Computer operating system originally developed in 1969 by a group of AT&T employees at Bell Labs. The Unix operating system was first developed in assembly, which is machine-dependent and a low-level programming language. Ken Thompson created the B language in 1969 and Unix was written in the B language, a high-level programming language. The first Unix system written in C was released in November 1973.
Vector image Image made up of numerous individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality. Objects may consist of lines, curves, and shapes with editable attributes such as color, fill, and outline. Changing the attributes of a vector object does not effect the object itself. Compare Bitmap image.
Vector processor Central processing unit (CPU) that implements an instruction set containing instructions that operate on one-dimensional arrays of data called vectors. This is in contrast to a scalar processor, whose instructions operate on single data items. Also known as array processor.
Web analytics Measurement, collection, analysis and reporting of internet data, including the number of visitors and page views, for understanding and optimizing web usage. It can be used as a tool for measuring website traffic and for business and market research. Web analytics applications can also help companies measure the results of traditional print advertising campaigns. It helps one to estimate how the traffic to the website changed after the launch of a new advertising campaign.
Web design Design of the way that content is delivered to an end-user through the World Wide Web, using a web browser or other web-enabled software.
Web development Refers to the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). This can include Web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services.
World Wide Web Consortium Main international standards organization for the World Wide Web. It is made up of member organizations which maintain full-time staff for the purpose of working together in the development of standards for the World Wide Web. Known by its acronym W3C.
XHTML See Extensible HyperText Markup Language.
XML See Extensible Markup Language.
Zend Engine Open source scripting engine (a Virtual Machine) commonly known for the important role it plays in the web automation language PHP.

Thanks for posting this!
I would only mention that your definition is incomplete for this -
Contextual selector A type of Style Sheet Selector that
and that it's most often referred to now as a Descendent selector, not a contextual selector. It's basically the same as the Compound selector that you have already defined....

As a web designer I am interested in how many ipads have been sold in Australia? Whay percentage of the population now have and use?

As a web designer I am interested in how many ipads have been sold in Australia? And what percentage of the population now have and use them?
Also same for the iphone - how many units sold and being used?

Google Analytics, assuming it is available Down Under, can give stats on device and browser usage for a site. Set up take a little while and involves adding script code to your pages, but is well worth the effort.

Recently I purchased CS4 Web Design can I deactivated my old Photo. CS4 and Illust. CS3 to sell/gift

I have a full version of CS4 Web Design Premium, now my old Photoshop CS4 and Illustrator CS3 are redundant. Can I either sell these or give as a gift to my girlfriend's nephew - they have been deactivated and removed from my computer (macbook pro).
Thanks for your insight and help!

You may sell or otherwise transfer the individual Photoshop and Illustrator products unless (1) one or the other was used as the basis to do an upgrade to the suite itself or (2) those products were student or academic versions or part of a bulk commercial license.
Make sure you transfer registration of the software using the forms available from Adobe's website.
- Dov

Expression Web 4 and Responsive Web Design

Similar Messages

Maybe you are looking for