Books on CSS design

Hi
Are there any good basic books on designing in CSS using DW
and Firefox specifically? Preferably nothing that needs coding
knowledge.

Totally agree with Steve on books by Rachel Andrew... you
can't go past css
books by Eric Meyer either...
Do you know html and or css? I'd suggest that a basic
understanding
of both would be a prerequisite before going much further.
If not, www.w3schools.com is a good starting point.
The HTML book by Elizabeth Castro gets rave reviews
http://tinyurl.com/yazo2d
The css tutorials at the Adobe site:
http://www.adobe.com/devnet/dreamweaver/css.html
(the beginner tuts by Adrian Senior are a must).
Books by Rachel Andrew are worth a look too:
"Standards compliant Website - Using Dreamweaver8"
http://www.sitepoint.com/launch/005dfd4/3/26
Books by Eric Meyer - latest one is a hands on training book:
"CSS Web Site Design Hands on Training" is good beginners
book:
http://tinyurl.com/ye7hwt
Hope this helps and good luck !
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Customisation Service Available:
http://www.csstemplates.com.au
http://www.perrelink.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Mike93510" <[email protected]> wrote in
message
news:eq1h1m$o1o$[email protected]..
> Hi
>
> Are there any good basic books on designing in CSS using
DW and Firefox
> specifically? Preferably nothing that needs coding
knowledge.

Similar Messages

Is the classic css panel only available in C6? I hate the dumbed-down css designer panel

Im currently testing Dreamweaver CC 2014 during the Trial period. So far I like the interface but I HATE the css designer panel. I've been using Dreamweaver for 7 years and the classic css panel was one of the key components I use on a daily basis. For me this is a deal breaker - Im in the middle of a major design project and dont have the time or the patience for this cluttered and dumbed-down css designer panel. Can the people at Adobe at least give the seasoned users the option to have the classic designer panel? Or should I just stick with the old CS6 and keep using it until something better comes along?

For a while, we had the choice of panels, but it looks like that option has been removed, have a look here https://books.google.com.au/books?id=nfDpAQAAQBAJ&pg=PA94&lpg=PA94&dq=dreamweaver+cc+class ic+css+panel&source=bl&ots=Lut…

CSS Designer in Depth | Creative Cloud for Web | Adobe TV

Get an in-depth look at the powerful new CSS Designer tools in Dreamweaver CC. Intuitive visual editing tools help you generate clean, web-standard code and quickly apply CSS properties like gradients and box shadows. You can see the effects on your designs immediately, eliminating tedious tweaking and the need to go back and forth to Code view.
http://adobe.ly/ZSeWkr

The new CSS Designer feature in Dreamweaver CC is a very nice addition to the interface’s workflow. However, it’s not best for all workflows, whereby there should still be a non-assisted CSS editor option available, like in CS6, “without” all the new visual designer tools.
In CS6’s CSS properties editor you can quickly glance at the currently selected element’s CSS properties and directly edit the actual property values in a column format making this a very precise and straightforward workflow process.
For me, the ability to quickly edit CSS properties by clicking on respective elements in the design view editor is the biggest advantage and real power for using Dreamweaver over notepad type editors. Without this option (when working in split mode), it requires switching back and forth between different style-sheets and code view.
Though I really like everything else I’ve seen so far, in this latest version, this seemingly small feature restriction will considerably slow down my overall typical workflow process in most cases. So, until a non-assisted CSS properties editor option is available, I’ll continue using CS6. Please, please fix this soon! Hopefully this is only a short-term oversight and resolved in a very near future update.

Problem with CSS Designer in the Panels

Hello,
I have just joined Creative Cloud, I have downloaded the newest apps. In Dreamwever I cannot see the CSS Designer in the panels. After a few ours of looking for solution for this problem (all throw Internet inclusive this Forum), I have to ask you dear helpers to help me.
So, where I can find CSS Designer in the Panels? It is not on the right side, it is nowhere.
Thank you in Advance
be-designed, Slava

Dear John,
Thank you for you answer.
I lost many ours looking for what is wrong with my CC Connect, Dreamweaver... I would suggest to Adobe to put a small info on a visible place for people to know about this.
best regards
be-designed

Flash Builder 4 CSS Design Mode

Hello,
     I would like to know why CSS Design mode was removed from Flash Builder 4?
     I am a Design/Developer so it was much easier for me to use CSS in Design mode.
     What are my options? Is there any other tools for visual editing CSS for a Flex application?
Thanks

Hi Fernando, sorry for the delayed response. CSS Design Mode is not available for Flex 4 projects, but it is still available in Flex 3 projects. The reason for this is that designing components in Flex 4 is often a lot different, since it relies highly on the new spark skinning architecture. There is, however, an Appearance panel available in design view which supplies a set of the main inheriting styles. Setting these styles in the Appearance panel will result in assigning values to a global style selector.
I hope this helps,
Rob

How to set image border with CSS Designer?

I must be missing something obvious...
I need to set an image border. I select the image. But I don't see any relevant inline style option in CSS Designer.
It only lets me change <inline style> : td but there's no option for the image.
What am I missing?
Thanks,
Leo

Thanks John,
Yes, obviously I select the image.
However, it doesn't change anything.
I don't get the "img" selector whatever choice I select it the Sources pane.
What am I missing?

CSS Designer problem

I am on the fifth tutorial. It was going fine at first, but now when I try to edit the properties of a selector in the CSS Designer, every time I change a value it somehow exits the properties page (and the selector) so that I have to select main.css and then select the selector I was working on (#mainnav ul) again to be able to continue editing the properties. This wasn't happening before, so I'm not sure what happened, if I inadvertently changed a setting or what. Please help! It will take me forever to do anything if I have to navigate my way back for each property I need to edit instead of being able to do it all at once.

I'm still not sure what the problem was, but quitting Dreamweaver and opening it again seemed to solve the problem. I would be great to know what the cause was, though, just in case it happens again. (Or so I don't make the same mistake again). If anyone has an idea, your thoughts would be much appreciated

Best book for graphics design

Hi my name is Aby. I am from India. I am working as a graphics designer in a start up company. I have not done any course in designing. I learnt of my own by seeing youtube videos and examples. I really want to learn professional designing, for which i guess i need to do a course. So please suggest me where i can learn and excel in designing. Otherwise please suggest me any book in which i can learn best designing. Here is my behance portfolio : Aby Abraham on Behance

Yes. I'll go along with Lawrence. You have a nice set of work on Behance. What skills do you have so far Aby? Do you have other Adobe applications? You really need Illustrator, and probably Indesign, (again as suggested by Lawrence). I am not sure about suggesting a book because graphic design is such a large subject, and goes way beyond just knowing how to use the applications. In my experience, having the ideas is the most important starting point, as that will give you focus on what you need to learn. It will also hard wire it into you, in a sort of use it or lose it way, because so much of what you learn in a linear fashion from a book, is going to be forgotten a week later if you've had no need to make use of it.
Unfortunately, this means lots of frustration and pulling your hair out in the early days, but once you get into it, you will start taking it in really quickly.
For Photoshop, I'd recommend all of the Steve Caplin books. These are How to Cheat at Photoshop, 100% Photoshop, and Art & Design in Photoshop. Steve also has a more recent book called '3D Photoshop', which I have not got round to buying yet, but How to Cheat, and 100% are must have titles for a Photoshop illustrator.
http://stevecaplin.com/
What sets Steve apart from other Photoshop authors is that he is constantly employed by the world's media to create illustrations for newspapers and magazines.
I'll also agree with Lawrence about Lynda.com. Look for titles by Nigel French (I love his Photoshop for Designers - Type Essentials). There are also some good titles on logo design.
I don't feel qualified to recommend books on Illustrator and InDesign, but there are forums for those apps.
Good luck and I hope you make it.

List Padding in CSS Designer

I'm trying to set up an unordered list as a navigation menu using CSS Designer. I've set the list-style-type to none, but when I try to use CSS Designer to set the padding for the UL to 0px, it works initially, but when I turn Live View off and then back on, the padding returns. I know how to make this work by typing in the CSS manually, but I'm wondering if there's a way to make it work using CSS Designer.

Ah, I see what you're saying. I think that's proabably a bug.
If you turn on the little chain link in the center of the padding or margin, then type in a zero for one of the sides, it functions correctly (which is what I was doing). If you only type a zero without turning on the link first, it does nothing. As you've found, if you put something else in first, then go to zero it works correctly.
Here's the best place to report that bug...
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Know any good books on OO design in Java?

Can any one recommend a good book on OO design in Java.
I want a book that explains the best practice on method sizes, what to make member varibles or local variables, when to pass parameters, etc...
I have a fair bit of java programming experience, so I don't really want a book for beginners, but one that concentrates on perfecting your OO design skills.
Any recommendations?

Some GREAT online resources...
http://www.patterndepot.com/put/8/JavaPatterns.htm
http://www.objectmentor.com/resources/listArticles?key=author&author=Robert%20C.%20Martin

Setting a background image using CSS Designer

I am trying to set a background image for a page header using the CSS Designer. When I click the browse button the Select Image Source dialog box launches but any time I click on something the dialog box closes and no changes are made. Does anyone know what is causing this?

Which DW are you using and which platform/OS, please? I am unable to reproduce this with CC2014 on OS10.9.4

CSS code completely fouled up by CSS designer

I'm having a bunch of bugs with Dreamewaver CC. Inserting images in code view or in design view always places them in the wrong place. For example inserting an image using Cmnd/Ctrl + Alt/Option + i with the cursor placed before paragraph 1 will insert the image after the last paragraph in the document or some other random place in the page. The only thing that kind of works is that the insert stays in the right div.
That's not the worst of it. I made a few edits to a fluid layout using the new CSS design panel and all of the line feeds and line breaks have dissapeared making the code extremely hard to read, troubleshoot and edit. Has anyone seen this?
Here's what the code looks like now:
@charset "UTF-8";
/* Simple fluid media   Note: Fluid media requires that you remove the media's height and width attributes from the HTML   http://www.alistapart.com/articles/fluid-images/ */
img, object, embed, video {          max-width: 95%;          margin-left: auto;          margin-right: auto;          display: block;}/* IE 6 does not support max-width so default to width 100% */.ie6 img {          width:100%;          }/*          Dreamweaver Fluid Grid Properties          ----------------------------------          dw-num-cols-mobile:                    4;dw-num-cols-tablet:                    8;dw-num-cols-desktop:          14;dw-gutter-percentage:          15;Inspiration from "Responsive Web Design" by Ethan Marcotte           http://www.alistapart.com/articles/responsive-web-design                    and Golden Grid System by Joni Korpi          http://goldengridsystem.com/*/body {                    background:#333;          }.fluid {                    clear: both;          margin-left: 0;          width: 100%;          float: left;          display: block;          }.fluidList {              list-style:none;          list-style-image:none;          margin:0;          padding:0;          }          /* Mobile Layout: 480px and below. */ .gridContainer {          margin-left: auto;          margin-right: auto;          width: 96.7391%;          padding-left: 1.6304%;          padding-right: 1.6304%;          clear: none;          float: none;}#mainHeader {          width: 100%;          border-bottom: thin dotted #666666;          background-color: #FFFFFF;} #headerHome {          width: 100%;          margin-left: 0;          } #mainTitle {          width: 100%;          margin-left: 0;          clear: both;          display: none;          }#mainNav {          width: 100%;          clear: both;          margin-left: 0;          }#mainNavList {          width: 100%;          margin-left: 0;          }.manNavBtn {          width: 48.3146%;          clear: none;          margin-left: 3.3707%;          }#sideNav {          width: 100%;          background-color: #FFFFFF;          border-bottom-right-radius: 4px;          border-bottom-left-radius: 4px;}#mainArticle {
          width: 100%;
          clear: both;
          background-color: #FFFFFF;
}#adSide {          width: 100%;          clear: both;          margin-left: 0;          background-color: #FFFFFF;}#          mainFooter {}#footer {}.zeroMargin_mobile {margin-left: 0;          }.hide_mobile {display: none;          }/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */@media only screen and (min-width: 481px) {.gridContainer {          width: 93.451%;          padding-left: 0.7744%;          padding-right: 0.7744%;          clear: none;          float: none;          margin-left: auto;          }#          div1 {}#mainHeader {          width: 100%;          border-bottom: thin dotted #666666;          }#headerHome {width: 36.464%;          margin-left: 0;          }#mainTitle {width: 61.8784%;          clear: none;          margin-left: 1.6574%;          display: block;          }#mainNav {          width: 61.8784%;          margin-left: 1.6574%;          clear: none;          float: right;          }#mainNavList {width: 100%;          margin-left: 0;          }.manNavBtn {width: 17.8571%;          margin-left: 2.6785%;          clear: none;          }#sideNav {width: 11.0497%;          }#mainArticle {width: 61.8784%;          margin-left: 1.6574%;          clear: none;          }#adSide {width: 23.7569%;          margin-left: 1.6574%;          clear: none;          }#mainFooter {}#footer {}.hide_tablet {display: none;          }.zeroMargin_tablet {margin-left: 0;          }}/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */@media only screen and (min-width: 769px) {.gridContainer {          width: 94.1149%;          max-width: 1000px;          padding-left: 0.4425%;          padding-right: 0.4425%;          margin: auto;          clear: none;          float: none;          margin-left: auto;          }#div1 {}#mainHeader {width: 100%;          }#headerHome {width: 20.6896%;          margin-left: 0;          }#mainTitle {width: 78.3699%;          clear: none;          margin-left: 0.9404%;          display: block;          }#mainNav {          width: 78.3699%;          clear: none;          margin-left: 0.9404%;          float: right;          }#mainNavList {width: 100%;          margin-left: 0;          }.manNavBtn {width: 17.2%;          clear: none;          margin-left: 1.2%;          }#sideNav {width: 20.6896%;          }#mainArticle {width: 49.5297%;          clear: none;          margin-left: 0.9404%;          }#adSide {width: 27.8996%;          clear: none;          margin-left: 0.9404%;          }#mainFooter {}#footer {}.zeroMargin_desktop {margin-left: 0;          }.hide_desktop {display: none;          }}#mainArticle img {          border: thin solid #333333;          border-radius: 6px;          -webkit-box-shadow: 0px 0px;          box-shadow: 0px 0px;          padding: 5px 5px 8px;          background-color: #E9E9E9;}
Does anyone have any ideas about how to fix this and turn it back into readable code without going through each line and looking for natural breaks?
What a mess.
Mac, OSX 10.8.4, Dreamweaver 13.0 Build 6391
NOTE: If I use something like Styleneat to clean up this code it seems to break the styles for the Mobile and Tablet layouts and causes Dreamweaver to crash every time I turn on or off the fluid grid layout display.

Does anyone have any ideas about how to fix this and turn it back into readable code without going through each line and looking for natural breaks?
What a mess.
mg, object, embed, video { max-width : 95%;
margin-left : auto;
margin-right : auto;
display : block;
.ie6 img {
width : 100%;
body {
background : #333;
.fluid {
clear : both;
margin-left : 0;
width : 100%;
float : left;
display : block;
.fluidList {
list-style : none;
list-style-image : none;
margin : 0;
padding : 0;
.gridContainer {
margin-left : auto;
margin-right : auto;
width : 96.7391%;
padding-left : 1.6304%;
padding-right : 1.6304%;
clear : none;
float : none;
#mainHeader {
width : 100%;
border-bottom : thin dotted #666666;
background-color : #FFFFFF;
#headerHome {
width : 100%;
margin-left : 0;
#mainTitle {
width : 100%;
margin-left : 0;
clear : both;
display : none;
#mainNav {
width : 100%;
clear : both;
margin-left : 0;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 48.3146%;
clear : none;
margin-left : 3.3707%;
#sideNav {
width : 100%;
background-color : #FFFFFF;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
#mainArticle {
width : 100%;
clear : both;
background-color : #FFFFFF;
.zeroMargin_mobile {
margin-left : 0;
.hide_mobile {
display : none;
@media only screen and (min-width:481px) {
#mainHeader { width : 100%;
border-bottom : thin dotted #666666;
#headerHome {
width : 36.464%;
margin-left : 0;
#mainTitle {
width : 61.8784%;
clear : none;
margin-left : 1.6574%;
display : block;
#mainNav {
width : 61.8784%;
margin-left : 1.6574%;
clear : none;
float : right;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 17.8571%;
margin-left : 2.6785%;
clear : none;
#sideNav {
width : 11.0497%;
#mainArticle {
width : 61.8784%;
margin-left : 1.6574%;
clear : none;
#adSide {
width : 23.7569%;
margin-left : 1.6574%;
clear : none;
.hide_tablet {
display : none;
.zeroMargin_tablet {
margin-left : 0;
@media only screen and (min-width:769px) {
.gridContainer { width : 94.1149%;
max-width : 1000px;
padding-left : 0.4425%;
padding-right : 0.4425%;
margin : auto;
clear : none;
float : none;
margin-left : auto;
#mainHeader {
width : 100%;
#headerHome {
width : 20.6896%;
margin-left : 0;
#mainTitle {
width : 78.3699%;
clear : none;
margin-left : 0.9404%;
display : block;
#mainNav {
width : 78.3699%;
clear : none;
margin-left : 0.9404%;
float : right;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 17.2%;
clear : none;
margin-left : 1.2%;
#sideNav {
width : 20.6896%;
#mainArticle {
width : 49.5297%;
clear : none;
margin-left : 0.9404%;
#adSide {
width : 27.8996%;
clear : none;
margin-left : 0.9404%;
.zeroMargin_desktop {
margin-left : 0;
.hide_desktop {
display : none;
#mainArticle img { border : #333333 solid thin;
border-radius : 6px;
box-shadow : 0 0;
padding : 5px 5px 8px;
background-color : #E9E9E9;

Suggest good book for J2EE Design Pattern.

Is there any good book for J2EE Design pattern? I know Head First Design Pattern book, but is focuses oncore java. I want to learn in detail with examples J2EE design pattern.
Please suggest good books.
Thanks in advance.
Rahul.

most j2ee patterns are discredited now. they were mostly workarounds for deficiencies in ejb 1 & 2 specs.
"core j2ee patterns" is your best bet, but take it with a grain of salt.
better to learn spring, IMO:
springframework.org
%

Properties disappear in CSS Designer panel intermittently

I am experiencing the properties for a CSS rule dissaperaing intermitantly from the CSS Designer Panel but not reappearing in CC since the latest update. The only way I have been ableto fix this has been to quit DW and re open. Sometimes happens 3 to 4 times in a row then maybe not for days. I am using fluid grids for this project. Has any one else experinced this and is there a fix.
Very anoying bug - seems the last update created more than it fixed

The link to the latest page this is causing a problem on is...
http://www.branchingoutcairns.com.au/services.html
.....there are others from other projects which leads me to believe it is a DW bug but have a look you might pick up something for which I would be grateful
The issue comes around when ever you try to alter padding or margin or corner radius and not all the time - as I said could happen forur times in a row or not for days
Bruce

CSS Designer panel does not appear in my current version (12.0)...why?

I am currently taking a Dreamweaver class, online course, and I cannot find CSS Designer panel anywhere.

Here's how things stand.
CS6 version 12.0 is the last product Adobe made available for one-time purchase. It doesn't have all the latest features like CSS Designer panel, or improved support for HTML5 and CSS3.
CC version 13 is by subscription only. It contains the CSS Designer panel and other features that are not in CS6.
CC version 14 is the current version offered on the Creative Cloud. It's by subscription only. It contains the CSS Designer panel and other features that are not in either CS6 or CC 13.
If you are a qualifying student, you can join the Creative Cloud full plan at a discount (60% off).
Adobe Creative Cloud for students and teachers | Adobe
Nancy O.

Books on CSS design

Similar Messages

Maybe you are looking for