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/

Similar Messages

  • First time using inDesign for multi-page web design. Trying to "print" a pdf or jpeg to show client. But it comes in blank (white) but file size is 1.8mb. help!, First time using inDesign for multi-page web design. Trying to "print" a pdf or jpeg to show

    Have created a web design using Master Pages. 5 pages in all. When I try to create a proof with pdf or jpeg the result appears blank (or white). How do I create something that I can send my client?

    Hello all,
    I appreciate your willingness to help.
    Did a test. Copy and pasted a page of my graphics into a new indd file and into a new master. New file works fine for exporting jpeg as well as pdf.
    Must just be something wrong with the original. gremlins. No time to wonder why.
    but....Thank you again.

  • New to web design - learn Dreamweaver first?

    Greetings to the Dreamweaver community.
    After 30 years in print design, I've finally made a decision to learn a little something about web design. With that goal in mind, when I updgraded to CS6, I bought the "CS6 Design and Web Premium" package. The package includes Dreamweaver, Fireworks and Flash Pro. But I'm a little confused where to start.
    I always buy the Adobe "Classroom in a Book" series to learn the basics or new aspects of Adobe products. All three apps have CIB counterparts and I'm thinking that I will but the Dreamweaver CIB first, then Fireworks, and then Flash Pro?
    So what am asking is... is this the right direction? I notice on some discussion boards that some use Fireworks more than Dreamweaver: I just want to make sure I'm on the right path.
    Any suggestions would be appreciated.
    Clinton

    Welcome to the DW community, Clinton!
    30 years - that is some real experience you've got up your sleeve!
    Web Design, okay, it works this way. It has 2 parts - for starters:
    Design/ Mockup/ Layout/ Wireframe/ UI (different people refer to this differently) - but the end goal is the same - to create the 'design', per se, that your site is going to look like
    Development/ Slicing/ Compositing/ CSSing/ PSD - CSS (again, different references) - making the 'design' you've made in an application like Photoshop or Fireworks to be 'web-friendly' - in other words, making it .html and .css files that are the 'core' elements for a website
    Most web designers (including me) use Photoshop to create design cuts (PSD files) that we send back and forth a million times to the client to get them approved. Then, 'slice' some key elements such as backgrounds, boxes, etc... Then open Dreamweaver, write the 'markup' - which is 'what' you want to display on your website (content, tables, boxes, widgets, snippets, etc..). Then, 'style' the website using 'CSS' - to match it to the 'PSD' that the client had approved.
    This is it - I don't know if I could've put it any shorter!
    CSS - Cascading Style Sheet - it is a piece of code that instructs web browsers how your website has to be displayed. Height, spacing, margins, width, colors, display-type, etc... With the birth of CSS-3, things are even more easier. A few key things that CSS-3 can do are lets say, Gradients, rounded-edges, etc.. (for which you had to use an actual .png or .jpg image in CSS-2). Now, CSS-3 can give you the exact same effect with no use of an image.
    HTML - Now that HTML5 is quickly replacing older web standards, you've decided to start your 'web journey' at the right time, I'd say. HTML5 has endless possibilites for creating 'responsive' web design - responsive meaning one design, multi-devices - for desktops, tablets & mobile phones.
    With all that said, Dreamweaver CS6 has some great tools for HTML5 standards such as 'Fluid Grid Layout' - with which you create 1 design, code 3 different CSS documents and BAM - your website will be optimized for all 3 devices.
    Fireworks - Definitely usable for web design. Fireworks CS6 also has some great tools such as 'CSS Generator' that gives you the CSS code for a selected design element - in other words, design it in Fireworks, hover over it, Fireworks will generate the CSS code for you.
    jQuery - You should look this up - has some great 'plugins' that you can use in your website design/ development. Now that 'Flash' is kind of dead (modern handhelds don't support Flash), jQuery is your friend. Best part is it is fully open-source.
    The next step - Dynamic websites - As the name suggests, you can get into building more 'interactive' websites - like a shopping cart, etc... later on once you get a proper hang of some basic HTML & CSS. And if you decide to use jQuery, you'll also get a hang of JavaScripting - which is critical to build interactive websites as you progress.
    You can take a look at this video on Youtube. I know it doesn't have too many views. But, I personally feel it is a good place for you begin with Fireworks - http://www.youtube.com/watch?v=NrJmyYfNu1M
    All this maybe going a little over your head right now - since you're just starting up. But, feel free to post questions as and when you have one and we'll be happy to help you! The world needs more web designers/ developers after all!
    All the best.
    -ST

  • 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

  • The first time I connected my new My Passport portable hard drive to my Mac, the message asking if I want to use the drive to back up with Time Machine did not appear.  What is the next step?

    The first time I connected my new My Passport portable hard drive to my MacBook Pro, the message asking if I want to use the drive to back up with Time Machine did not appear.  I would like to set it up to do this.  What would my next step be?

    Drive Partition and Format
    1. Open Disk Utility in your Utilities folder.
    2. After DU loads select your hard drive (this is the entry with the mfgr.'s ID and size) from the left side list. Click on the Partition tab in the DU main window.
    3. Under the Volume Scheme heading set the number of partitions from the drop down menu to one. Click on the Options button, set the partition scheme to GUID then click on the OK button. Set the format type to Mac OS Extended (Journaled.) Click on the Apply button and wait until the process has completed.
    4. Select the volume you just created (this is the sub-entry under the drive entry) from the left side list. Click on the Erase tab in the DU main window.
    5. Set the format type to Mac OS Extended (Journaled.) Click on the Security button, check the button for Zero Data and click on OK to return to the Erase window.
    6. Click on the Erase button. The format process can take up to several hours depending upon the drive size.
    Open Time Machine preferences to select this drive for use as the backup drive. Turn on Time Machine.

  • Hi - just using the new iMovie for the first time - apparently there should be a sidebar containing tools like "Content Library". Not on mine - even in Window view, Content Library features like text etc are all greyed out - obviously it's me - help?

    Hi - just using the new iMovie for the first time - apparently there should be a sidebar containing tools like "Content Library". Not on mine - even in Window view, Content Library features like text etc are all greyed out - obviously it's me - anyone help please?

    Sorry - I should have added that I have imported a Quicktime movie, originally created as an iPhoto slideshow.
    I want to create rolling credits at the movie end and apparently you can only do this using iMovie - can you help please?

  • Nvidia 8800GT video card in the First Generation Mac Pro

    This message is a bit of advice if you install the new Nvidia 8800GT video card in the first generation Mac Pro. The advice is keep your old video card. The old video card will be needed if you ever need to reinstall the OS X operating system. This new card needs the video drivers (kernel extensions) that are in OS X leopard 10.5.2 or later. With this video card installed, both the OS X original installation disk that came with this computer and the OS X leopard upgrade disks will cause a kernel panic when booted up. This is because they do not contain the kernel extensions needed for this video card. There is a question. Does anyone know how to create and burn a reinstallation DVD with OS X leopard version 10.5.2 on it? This would help solve this reinstallation problem

    this is a advisory to whom it may concern
    here my latest reply from a apple product specialist how was very good and helpful but only
    give me this to my upgrade answer !
    i want to upgrade my graphic card to 8800 and run tiger on my 1st gen macpro
    here it goes:
    "This article indicates what cards are supported in what machines: http://docs.info.apple.com/article.html?artnum=305346
    Your Mac Pro is the first generation, and did not have PCI-Express 2.0 slot like the current generation does have.
    Unfortunately, we don't foresee the release of any drivers for the 10.4 OS on this machine.
    In regards to the second issue, we also don't support two video cards in two slots, using a different one for eash OS, there is no supported way to do this."
    "Unfortunately, the latest version of the Mac Pro will not run Tiger, as it was manufactured after the release of Leopard, therefore the drivers for the machines hardware will not be available on Tiger."
    hope thats cleared some ones Q.
    kindly
    S.

  • [svn] 3120: When you point Flex Builder at a local sandbox trunk build, it couldn' t generate the html-templates folder correctly for new projects so we moved all the html templates up one level and removed the html-templates directory and adjusted build

    Revision: 3120
    Author: [email protected]
    Date: 2008-09-05 10:44:10 -0700 (Fri, 05 Sep 2008)
    Log Message:
    When you point Flex Builder at a local sandbox trunk build, it couldn't generate the html-templates folder correctly for new projects so we moved all the html templates up one level and removed the html-templates directory and adjusted build.xml's to accommodate the directory change
    Modified Paths:
    flex/sdk/trunk/build.xml
    flex/sdk/trunk/webapps/webtier/build.xml
    Added Paths:
    flex/sdk/trunk/templates/client-side-detection/
    flex/sdk/trunk/templates/client-side-detection/AC_OETags.js
    flex/sdk/trunk/templates/client-side-detection/index.template.html
    flex/sdk/trunk/templates/client-side-detection-with-history/
    flex/sdk/trunk/templates/client-side-detection-with-history/AC_OETags.js
    flex/sdk/trunk/templates/client-side-detection-with-history/history/
    flex/sdk/trunk/templates/client-side-detection-with-history/history/history.css
    flex/sdk/trunk/templates/client-side-detection-with-history/history/history.js
    flex/sdk/trunk/templates/client-side-detection-with-history/history/historyFrame.html
    flex/sdk/trunk/templates/client-side-detection-with-history/index.template.html
    flex/sdk/trunk/templates/express-installation/
    flex/sdk/trunk/templates/express-installation/AC_OETags.js
    flex/sdk/trunk/templates/express-installation/index.template.html
    flex/sdk/trunk/templates/express-installation/playerProductInstall.swf
    flex/sdk/trunk/templates/express-installation-with-history/
    flex/sdk/trunk/templates/express-installation-with-history/AC_OETags.js
    flex/sdk/trunk/templates/express-installation-with-history/history/
    flex/sdk/trunk/templates/express-installation-with-history/history/history.css
    flex/sdk/trunk/templates/express-installation-with-history/history/history.js
    flex/sdk/trunk/templates/express-installation-with-history/history/historyFrame.html
    flex/sdk/trunk/templates/express-installation-with-history/index.template.html
    flex/sdk/trunk/templates/express-installation-with-history/playerProductInstall.swf
    flex/sdk/trunk/templates/metadata/
    flex/sdk/trunk/templates/metadata/AC_OETags.js
    flex/sdk/trunk/templates/metadata/readme.txt
    flex/sdk/trunk/templates/no-player-detection/
    flex/sdk/trunk/templates/no-player-detection/AC_OETags.js
    flex/sdk/trunk/templates/no-player-detection/index.template.html
    flex/sdk/trunk/templates/no-player-detection-with-history/
    flex/sdk/trunk/templates/no-player-detection-with-history/AC_OETags.js
    flex/sdk/trunk/templates/no-player-detection-with-history/history/
    flex/sdk/trunk/templates/no-player-detection-with-history/history/history.css
    flex/sdk/trunk/templates/no-player-detection-with-history/history/history.js
    flex/sdk/trunk/templates/no-player-detection-with-history/history/historyFrame.html
    flex/sdk/trunk/templates/no-player-detection-with-history/index.template.html
    Removed Paths:
    flex/sdk/trunk/templates/html-templates/

    Remember that Arch Arm is a different distribution, but we try to bend the rules and provide limited support for them.  This may or may not be unique to Arch Arm, so you might try asking on their forums as well.

  • When progarm starts the first page is frozen for about 5 secs, why?

    When starting Tbird, the first page is frozen for about 5 seconds, no response is received by clicking on the various choices and even the app close and minimize buttons are not active. Any ideas on how to stop this from occurring?

    Looked at McAfee and there was no way to access any settings but the scan time setup settings. McAfee Plus.

  • I want to delimit the date of table v_t7int1 for new sap note uploading

    Hi
    i want to delimit the date of table v_t7int1 for new sap note uploading. wtihout delimit the date i can't create new note for the year 01.04.2009 to 31.12.9999
    Anjali

    Hi
    When i select the slab code sl10 and press delimit button system is asking the From Date and i want TO DATE  and i have to Delimit the date of  slab code SL10, SL11,SL12 and SR02 and then i have to create SL13,SL14 and SL15.
    Anjali

  • I participated in the mountain lion free upgrade for new mac owners but the password is too long to unlock the content code. HELP!!!

    i participated in the mountain lion free upgradde for new owners but i cannot open the content code because the password is too long! HELP!

    What happened was that the password was 32 characters long and the field that they give you to use would not allow you to manually type those characters in (crazy huh?) but it took it when i copied and pasted it in!

  • 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.

  • How many listen we have for creative suits Web-design? because i don't know how to install on my new pc! thank you for the answer!

    How many listen we have for creative suits Web-design? because i don't know how to install on my new pc! thank you for the answer!

    This is not a photography question.  It is an application specific question,  Please post in the Photoshop forum.
    Photoshop General Discussion
    Remember, you are not addressing Adobe here in the user forums.  You are requesting help from volunteers users just like you who give their time free of charge. No one has any obligation to answer your questions.

  • Has anybody heard if Apple is going to fix the Logic Board on the early 2011 Macbook Pros for Free?

    Has anybody heard if Apple is going to fix the Logic Board on the early 2011 Macbook Pros for Free?  Of course my Apple Care warranty expired months ago, and this just happened. I've been looking online for solutions. But am wondering if anybody has heard if Apple is going to take care of this, or what others are doing to get Apple to repair this problem without having to pay $1,000!!!!!!!!!!!!!!!

    I know this is an old post but just in case it helps. They ARE fixing certain macs for free!
    https://www.apple.com/au/support/macbookpro-videoissues/

  • 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!

Maybe you are looking for