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’m a newcomer to CSS3 and at the moment I’m overwhelmed by the plethora of options when it comes to frameworks.
Can anyone point me to an objective comparison of each, and when it makes sense to use one over another?
A couple of scenarios:
if creating a single-page centered-layout microsite
same as 1 above but want a 'responsive' design that changes on viewport, screen size
Here’s just a few I am considering:
getskeleton
framelessgrid.com
52framework.com
960.gs
blueprintcss.org
Sorry to make things a bit more complicated for you but here are 2 more which have been reviewed by DesignShack. Bootstrap, from Twitter and HTML Kickstart.
(Bootstrap is currently not responsive, but ver 2.0 will be and should be released on the 31st.)
If all you want is a single page with a centered layout that is responsive, I would highly recommend Getskeleton. I've had some experience using this framework for my projects and it really is lightweight and easy to implement, it sounds like a good match for your project.
If you're not too bothered about the site being responsive I would say use 960.gs, It's widely used, meaning you can get plenty of support if you run into trouble.
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 9 years ago.
I would like to get a bit more into mobile webdev and searching for books or screencasts about this topic. Of course I found dozents, but I don't know which to choose.
Does it make sense to read books with a design part in it, although I won't ever make a design, but only implement them?
Any suggestions out there, are there some must have reads?
Thanks for your help!
EDIT: I am mainly searching for books, which cover themes like media-queries and so on. I have to put designs in to web pages and would like to improve my skills by making them mobile friendly.
I've always found Smashing Magazine to be very helpful: http://mobile.smashingmagazine.com/
If you prefer a book format, their Mobile Book is a collection of articles related to mobile design and development and is quite good: http://www.the-mobile-book.com/ It has a chapter on Responsive Design Patterns that you might find useful.
If you are looking for a sclabe template/framework or attempting to write it your self, DONT, It's a lot of work and it has been already written.
http://foundation.zurb.com/
It takes care of all your mobile need and scales to each framework. Its 100 % and just a template to start and take the hard work of your shoulder.
Well if you will be implementing the design into a mobile application then I wouldn't worry about learning the design bit of it. I would suggest you to have knowledge about the front end development.
If you will be developing mobile apps with html, js, css and any back-end programming language then I would suggest you to have a look at the Adobe Max 2013 screencasts in which they show loads of techniques and tools to programme mobile applications (mainly using PhoneGap).
The link to Adobe Max 2013: http://tv.adobe.com/show/max-2013/
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 9 years ago.
I'm looking into making interactive websites in the near future. My question is what are the different technologies I can utilize if I wanted to make an interactive web page? I know HTML5 now has the ability to draw to a Canvas, including in 3D.
Are there any good tutorials I can look at. Below is an example website I was looking at. What technologies do you think were used in this app? I looked at the HTML source code and only saw Javascript files.
I understand this might be HTML5, but if so, what frameworks might they be using?
Arms Globe
Pitch Interactive
This website's interactivity is accomplish only with javascript.
You have 2 ways to make an interactive website: unsing Javascript, or using HTML5/CSS3 (you can also create your website interactivity by using Flash, but flash belong to the past ...)
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 9 years ago.
Bootstrap is a great framework, and I want to know if there a tool that could give you the possibility of dragging HTML component resizing them, moving them, changing the colours... and in the same time HTML code is getting generated, where the CSS is based on bootstrap wouldn't that be great?
EDIT: I found this one recently http://pingendo.com/
I know of 3 Bootstrap "editors", 2 of which have drag-and-drop feature. I don't think you'll find all of the features your talking about (at least not yet) in any one of them.
Take a look at..
DivShot -- (try/buy) Drag/drop, HTML/CSS editing, supports Bootstrap, Foundation and Ratchet
JetStrap -- (try/buy) Bootstrap only, Drag/drop, HTML/CSS/JS editing
Bootply -- (free) Bootstrap HTML/CSS/JS editing, drag+drop, sharing/collaboration, Bootstrap snippets
LayoutIt -- (donation) "Create your frontend code simple and quickly with Bootstrap using our Drag & Drop Interface Builder."
EDIT: Almost forgot Easel (shutdown)
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.
In professional development different people make code for web applications and HTML for views. First are programmers and second are HTML markup developer with basic programming skills, but with good skills of Photoshop/etc.
I have asked some of HTML developers: did they try Haml? I showed it to them and they replied that it's an awful tool.
For Whom is this tool? For HTML developers? Or just for programmers who have to make HTML on their own without HTML developers?
What is the advantage of using it for HTML developers?
The Wikipedia entry for Haml does a good job of explaining the problems that Haml tries to solve. In short, it allows for more readable, less verbose markup by enforcing indentation, reducing repetition, etc.
It's probably more useful for a programmer who's using it inside of a framework like Rails, which will automatically take care of converting the Haml markup to HTML in the context of a web application.
A designer working with HTML and Photoshop might not find it worth the extra complexity it would add to their workflow.
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 am working in rails, and a looking for some resources to design visually pleasing HTML forms. I can write the CSS, so even examples would be great.
Any recommendations?
There are many resources out there, you can just google for well looking forms or something like this.
There are also javascript libraries which makes customized selects/checkboxes etc -for example a project called uniform - check it out, you might like it. It provides you tools to customize it.
You can try Gravity Forms for WordPress then you never need to hand code the html and it inserts unique id's and matching classes in the HTML. This means the sky is the limit when it comes to styling your form.
If you are not using WordPress, here is a nice tutorial for designing form layouts.