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.
Is there a page similar to JSbin where I can test HTML and CSS + provide "fiddlable" examples to you?
Yes there is!
jsFiddle
Don't be put off by the 'js' in the name. It has fields for HTML, CSS and JS. You could leave the JS blank and just use the HTML and CSS.
Here is an example of first-child in CSS, to show how small your snippets can be.
Dabblet
This one is the new one on the block and it is fantastic! Integrates nicely with git as well :)
CodePen.io
I really like CodePen quite a bit. I pay for the pro version so I get a lot of realtime collaboration abilities as well as presentation modes. I use "professor mode" a lot because I mentor a few people and hold small online classes.
jsDo.it
Don't be put off by the 'js' in the name. It has fields for HTML, CSS and JS. You could leave the JS blank and just use the HTML and CSS.
Here is an example of first-child in CSS, to show how small your snippets can be.
Excuse the blatant copy and paste, the same description works for this site, too. I, however prefer jsfiddle.
CSSDesk
This one is nice if you don't need any JS.
Liveweave
You can try Liveweave . It even supports context-sensitive auto-completion for HTML5 & CSS3, which is really helpful for most web designers.
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 want an editor just like Stack Overflow where I can write code(should look like code) as well as image and corresponding HTML should be generated.
EnhPageDown is an Enhanced version of the Stackoverflow PageDown Editor.
Also have a look at its demo
Stackoverflow uses Markdown for text formatting. You can use an editor like this:
http://www.aloha-editor.org/
I don't know of a offline program for this but you can certainly use an online html editor like: Online Html editor , for a more fancy, JSFiddle and more reliable and user-friendly code editor Figget
What your looking for is a what you see is what you get editor (WHSIWYG). An editor like this allows you to type in words and paste in picture, and the HTML will be generated from that.
There are a ton of these out there, a simple google search turns up hundreds. Dreamweaver is one that is pretty well known.
Be aware, these editors are great at speeding up workflow, but any developer worth their salt can hand code. It's nice to be able to take shortcuts and work faster with editors like this, but I would suggest learning actual HTML and understanding how the editor works before using one.
I find my ans As I told I want show the code which should looks like code http://alexgorbatchev.com/SyntaxHighlighter/
best site for this
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.
Are WordPress templates really just HTML styled with CSS in the context of the WordPress "loop"?
Thanks.
Yes, a Wordpress theme can be as simple as a child theme that includes only a single css file with some css overrides, or a full fledged Theme Framework which includes copious amounts of php and more...or they can be just your normal theme(which generally contains css, possibly javascript, and php files that might utilize php only to integrate with the content Wordpress provides into an html document that is embedded in the php file).
The best way to start out playing with themes is to begin making child themes based off a theme like twentyten or twentyeleven made by Wordpress.
They are HTML, CSS, Javascript, and PHP
A quick answer to your question can be found on the requirements page for Wordpress, http://wordpress.org/about/requirements/ where you see that php and mysql are required. If you browse through the developer and advanced topics sections you will see topics about the use of javascript and ajax in word press. I am sure there are other options available depending on how your installation is set up.
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 designed a web page using my own css. I ran them on Google Chrome and Firefox. Web pages looked like same and no problem. But in IE, all pages are very ugly. I have used many css styles which do much more. But those css s don't work in IE. If I use basic css,then I ll have to use more images and do more things to get the same look( I want to save time to work with functions in client side and server, and don't like to spend time designing). also If other available css frameworks are used (jQuery), then useless styles and images will be loaded which can cause to slow the web page loading. I used css reset style sheet.but it didn't solve my issue.
I want to make my pages nice in IE as in Chrome and FF and do less with css.And not to use more css frameworks? What Can I do for this?
Should I have to do all css works again which works for IE (spending time..:( )?
Edit: I looked into sources of many web site which are in my web site's type. They also have used basic css and used many images for a better look. but I want to focus on functioning and deslike to spend time editing images and dor much more with desigining.
You can use a tool called pie.htc which allows you to use css3 properties in IE.
It dosent fix everything but surely helps, and all you need to do is a simple CSS property.
Learn more here :
http://css3pie.com/
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.
Is there a good website or book that gives best practices for HTML layouts? I mean how to use divs to build differet kinds of layouts in a proper way. Thanks
I'd recommend going to CSS Zen Garden (http://www.csszengarden.com/). They're a site that is essentially having an eternal design contest, so they give you well structured markup to style (so you can see how they do it and take a stab at styling as well).
Good luck!
For HTML, there is really only one wellwritten book I know of: HTML Mastery.
HTML Mastery focus on HTML alone, without losing focus telling about CSS and JavaScript.
HTML5 is hot these days though. Introducing HTML5 is a quick read, so is HTML5 for Web Designers.
I use this basically as a guide:
http://www.hotpepper.ca/articles/semantic.shtml
Also check W3Schools on definitions of the different HTML tags and what you need to use them for. For example, you wouldn't use the < caption > tag for something that isn't a caption, would you?
Same thing for paragraphs, unordered lists, etc. One primarily bad example I saw from my former job was ordered lists. They used ordered lists to list down some users. That is good, but in the css, they hid the decimals. That means they could've have done with UN-ordered lists, which is what they should have used.
Always ask yourself why you are using a tag before using it. "Do I really need to emphasize this text? If yes, I should use an < em > tag." etc etc
See The 960 Grid System Made Easy. http://sixrevisions.com/web_design/the-960-grid-system-made-easy/
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 have completed designing the template in photoshop. now i want to convert it into html although i am very well aware of all the html, css javascript elements i use firebug too , i have converted many templates till date. my codes does not comprise of the quality it needs. when i download any templates from some premium sites and look onto their codes i feel my code is very bad in shape, my codes crave for improvement. i want to master the proper use of div , ul and li elements, and the css.
is their any proper resource on the web that could teach me how i do it?
is it good if i use 960gs framework?
My Bible: A List Apart
Well, HTML5 Boilerplate provides a layout for quick coding of pages, although you'll need to go through it and pick out what you don't need.
Line25 has a lot of tips on coding sites, including a tutorial on converting from PSD to HTML, and Soh Tanaka's site also has a lot of tutorials.
Such resources as bestpsdtohtml.com can be useful too
css-tricks is another great resource and has some free video content demonstrating converting a photoshop mock up into html and css.
I think this is the first of three showing the end to end process.