As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I've been using Paint.NET to create mockups for my web application. They're pretty, and it's not hard to save the constituent graphical elements. However, the process of getting my layout into CSS is completely manual and time-consuming.
I'm aware there are better tools out there for this. Should I be looking at DreamWeaver? I'm not looking for any auto-generated web or data access functionality, and I'm happy to code all the behavior myself. I'm mostly looking for a great-looking layout editor that understands both layered imaging and CSS. (Preferably, one that can map a layered image to HTML and generate initial CSS with the right styling.)
Thanks in advance for any and all insight!
Jeff
A text editor, really.
It's time consuming, yes, but so is doing anything right. I have yet to use any program that builds the design of a website with a level of markup quality that I find even remotely acceptable. Where you may give a div a class of userInfo, most layout programs might give that div a class of style12 or something equally unhelpful. This results in unmaintainable markup, which is especially hard to build into a web application.
So learn how to do it by hand, and then do it by hand.
Axuer can be used to take mockups/prototypes and export as HTML/CSS: http://www.axure.com/
I only ever used it for prototyping.
There are no apps that will make it a css3, they apps that exist will give you a lot of image sprites and css2 and a lot of bugs you have to fix manually :/
So suggest coding it manually or hiring someone who does it(Kinda cheap these days even I would do it if I get paid well enough)
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
Which is a better interface for designing an ASP.net application: drag and drop or manual positioning?
That defines on how you define "better".
"Better" in the sense that even an unskilled developer can get a webform up and running in no time: Use drag and drop.
"Better" in the sense that it gives a skilled developer more control over the generated HTML and CSS, potentially leading to
more robust layouting, compatible with a wide range of browsers, and
easier maintainance, due to a lack of unnecessary tags and attributes:
Use manual positioning and a lot of knowledge about HTML and CSS.
You use them all - anything to make the design you look for.
Drag Drop, Manual position, tweak changes, css write/change/delete/re-write, copy/paste, open close ten programs, search on google for other css, anything to make what you have on paper - and then is not good and you start over. Anything you can have you use it.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
Does anyone know a good place to learn css? When I say css I do not mean how rules are matched . The w3school tutorials do a good job showing how changing certain properties effect a single element, but it doesn't show you how to bring all these skills together to build something bigger. Thanks
There is some genious technology called "learning by doing". I would really recommend you to do this ;-)
Think of something somebody could need and build a website. There are plenty of websites which provide you with material:
http://www.cssbasics.com/
http://blog.jm3.net/2007/03/16/the-only-ten-things-to-know-about-css/
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
AND last but not least NEVER ever refer to w3school.com because of http://w3fools.com/
I'd first like to point out that w3schools, although a good place to start, should ultimately be abandoned once you feel the need to explore further.
A great resource for CSS is MDN's (Mozilla Developer Network) here.
There is also a list of separate tutorials here.
The best place to learn CSS is Google. Seriously, if you want to build something bigger, you bring little things together and make something bigger out of them. By trial and error as well as researching on Google for some certain features, you can learn CSS and build something bigger.
Andy Clarke has written my two favorite books on CSS and web design at large. I recommend his latest - Hard Boiled Web Design:
http://www.hardboiledwebdesign.com/
I find that Mozilla Developer Network has the best documentation for most web technologies, as seen here
Anyways, here's their CSS tutorial
Best idea is to get some template from web and try to remake it - trying to change sth bigger gives you better overview of whole thing. Than You can try to make sth yourself from scratch.
I think www.codepupil.com plans to offer CSS lessons in the future.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
Hello fellow designer/developers!
So I have just been updating my HTML5 template and I have been trying to incorporate all the latest tips and tricks but in the end settled on combining HTML5Boilerplate with Grid960.
One big change to the HTML5Boilerplate is the use of Normalizer.css - This is a little weird for me because I am used to seeing the classic resets floating around the net.
Has anyone used the new Boilerplate?
What do you think of it?
What do you think of Normalizer.css!?
I kind of like its simplicity and so far I have not had any issues with using it. My basic mockup seems to work fine in all browsers I have loaded on my laptop.
Anyway I would really like to get some feedback on this just to get a glimpse of what others are doing with it and whether they like it or not.
I guess considering HTML5Boilerplate is so popular Normalizer.css will become the next "classic HTML5 reset" for most of us.
Looking forward to some replies!
Richard
I have tried 2.0 out on a few sites and quite frankly, I never even thought about it. I think that might be the goal - a sensible accross-the-board starting point from which you build your design. For me, the big plus with the HTML5boilerplate is the aggregation of best practices. Depending on client sensitivity, the window opening to download chrome frame for IE6 users might be a little heavy, but I certainly understand and applaud that worthy goal (and I hope the same applies to IE 7 & 8 - see Paul Irish's recent post on our Future IE Hell to Come)
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 12 years ago.
My question may be silly but I think it´s not.
I´m using flex with Ruby on Rails backend to develop rich internet apps. Recently flash has been attacked, an example is Steve Job´s thoughts on Flash.
I think flex is a wonderfull tool, but to be honest I really would rather to have a tool as productive as flex but compliant with open standards.
For me, in a perfect world I would code in MXML just like I do now and Flex Builder would build a pure html5 front-end.
My question is, is it likely to happen? It is allowed to dream anything, right... :-)
Is it likely to happen? No.
Is it allowed to dream anything, yes.
MXML is an XML vocabulary designed to generate ActionScript, which is the underlying language of Flash. Since ActionScript is based on ECMAScript, the same standard as JavaScript, it's possible that MXML could be adapted to output JavaScript. But the reason it doesn't is because JavaScript doesn't yet have the same capabilities as ActionScript.
I doubt that MXML or Flex would ever have an output to HTML. To make that work they would need an HTML version of The Flex Framework, which would most likely be written in JavaScript. It seems very unlikely to me.
I believe one of the sneak peaks at the last Adobe Max conference, they did show a Flash Professional animation exported to HTML5.
[Start Speculation]
I assumed the HTML version was making use of the Canvas elements in HTML5, while resources were most likely PNG.
[End Speculation]
But I honestly have no idea how it actually worked.
You can probably find videos on-line of the sneaks. Good luck!
Simple. MXML was introduced to replace HTML. I doubt they would come where you can generate a HTML 5 generated code. Not possible, and i doubt even adobe would come up too.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
This is at the framework level, not dealing directly with CSS, so posting to SO.
I just learned about the existence of CSS frameworks. 960 Grid System seems pretty awesome, then I found Blueprint, which seems to do the same thing and more.
Is there a better word than "framework" to categorize this?
Are there any other products in this category?
In response to one of the comments Link to a site designed using a CSS framework (Blueprint, 960,etc)?, "how many example frameworks do you want? he just listed two of them.", I'd love to have more than two examples, unless those are the only two in the running.
Blueprint,
which is "the original CSS framework"
960 Grid
System, which is a tool to have a
grid underlying your screen.
YUI
2: Grids, similar to 960? The rest of YUI is more similar to JQuery?
YAML: Yet Another Multicolumn Layout, is what it says on the tin. Has the most SO results.
Elements, which also focuses somewhat on your work process.
Tripoli.
A CSS Framework.
Here are a few more for your list
http://elements.projectdesigns.org/
http://devkick.com/lab/tripoli/
http://www.contentwithstyle.co.uk/content/a-css-framework
Look at Elastic CSS Framework. Its main feature is that you are not enforced to have exactly N columns.
I think the word "framework" is okay to use here because it denotes a collection of useful, reusable components that abstract away the repetitious and error-prone aspects of a project and allow you, the developer, to focus on the task at hand.
Traditionally a framework is an programming API (which these CSS frameworks are not) so you could be pedantic and say that these CSS foundations are not frameworks.
Seems like "framework" in this case is more like a "scaffold" used in construction, and less like an actual programming MVC setup.
There are also:
The Golden Grid
Emastic - CSS Framework
Malo - CSS Framework
Fluid Grid System - http://fluid.newgoldleaf.com/
Main benefit is that it can contain nested containers.