Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I am looking for recommendations for a starting website to learn how to write HTML code
This question seems a bit weird... what do you mean by "sandbox"?
Usually you simply practice writing HTML by using a text editor and opening the local file from the browser.
start here at w3schools.com. They provide a niftly little sandbox with sample code for all your web design element questions.
Notepad + any broswer - This works well for me. Just save your file to .htm
Or if you want, get FireFox or Opera, go to any site (say, stackoverflow.com or w3schools.com), view the source, edit away and then apply the changes. Don't worry, the changes only affect a single tab and doesn't changes anything on the web.
Sandbox for HTML? you must be kidding.There are no chances of getting hurt even if your HTML goes wrong. So you don't need a sandbox.
Use any decent editor which gives a two-tab view for Source-code and Quick-view, and you are done. You can use MS Frontpage or EditPlus, both offer these features. You don't need to save to see the effect.
Please don't clog the bandwidth for just testing and debugging HTML. It ain't worth it.
Some things don't work with Javascript when served from file:// due to security protocols, and sometimes it can be too much of a pain trying to get a webhost up and running for experimenting with stuff.
http://www.webdevout.net/test
I have found to be a convenient playground tool, with the benefit when you mangle something up and you want help to work out what you did wrong you can post the link to somebody and they can see what you've done without you needing to worry about security, hosting, or firewalls.
I'd say check out these video tutorials from net tuts. It starts off with the very basics and then moves on to more in depth stuff. The tutorials are organized as a 30-day course, where they'll mail you a link to a video tutorial each day. The idea being you'll have learnt html/css within 30 days. But you really don't need to sign up for the mailing service, just take it at your own pace.
http://learncss.tutsplus.com/
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
so after a long break from it, I've decided to pick up web development again, and I'm having just as much trouble as ever, trying to pull apart and customise these CMSs. I'm getting a bit frustrated with it.
I'm pretty good with HTML and CSS, and can happily build websites that aren't linked to a Content Managment System (HTML, CSS, Javascript), but the complexity of a CMS seems to be too much for me to work with and understand.
I was hoping someone could recommend a dead simple framework for me to work with. Something that's really simple to understand how it works. I like the idea of a Flat File CMS, So far I've looked at Stacey, Grav and Kirby. I'm told these are simple to work with, but I'm still struggling to customise, and make the templates my own.
Ideally, what I'm looking for would be a cms where I could build the site in HTML and CSS and tack-on variables for things like image grids and menus into the HTML. Anyone heard of anything like this?
Cheers.
Self-hosted Wordpress would be my recommendation. As a 10+ year full-time web developer, I've used many CMSs and this one is always my go-to solution these days. I seem to be constantly migrating clients away from other outdated platforms to Wordpress. Or you can use Wordpress.com if you don't want to go the self-hosted route.
If you work well with HTML and CSS you can make any style or markup changes you require. If you haven't used PHP before, you'll have plenty of time to get familiar with it. Once you are comfortable with some basic PHP, you can begin adding whatever functionality you want to your site via a plugin or by placing custom functions in the functions.php file of your theme.
If you haven't built anything with Wordpress yet, or if you aren't comfortable installing it on your webhost manually, you can use a webhost that has Fantastico to auto-install Wordpress for you.
There are tons of mobile-responsive themes out there that you can use as a starting point for your site, many of which are free. It is recommended to use a child-theme for making your customizations. This will prevent a theme update from erasing your changes. If you are going to use a lot of javascript files it is also recommended to register and enqueue them inside the functions.php file.
It may take some time to familiarize yourself with Wordpress, but it should be well worth it.
For more info on all things related to Wordpress, check out the codex:
https://codex.wordpress.org/
There is also a new Wordpress Code Reference:
https://developer.wordpress.org/reference/
And if you run into any specific issues, first search here on Stack Overflow for the answer–it will usually be here already. If you can't find anything on your specific issue, create a new post with the details and someone will usually be happy to assist you.
Good luck!
You can start with Odoo CMS. It was prettier now on version 9, with more feature and flexibility.
You can download the complete source of odoo, and develop it develop it in local before deploy on your server.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I have the job of recreating a flex app in HTML and CSS. The existing app makes considerable use of TextFlow to layout content. For several reasons I need to be quite accurate (within a few pixels) with positioning.
The current application is loading data which looks like this:
<p paragraphstartindent="0"
textalign="center"><span alignmentbaseline="useDominantBaseline"
backgroundalpha="1"
backgroundcolor="transparent"
baselineshift="0"
breakopportunity="auto"
cffhinting="horizontalStem"
color="0x0"
digitcase="default"
digitwidth="default"
dominantbaseline="auto"
fontfamily="ArialCFF"
fontlookup="embeddedCFF"
fontsize="22"
fontstyle="normal"
fontweight="bold"
kerning="auto"
ligaturelevel="common"
lineheight="120%"
linethrough="false"
locale="en"
renderingmode="cff"
textalpha="1"
textdecoration="none"
textrotation="auto"
trackingleft="0"
trackingright="0"
typographiccase="default">Here is some content which needs to be accurately positioned</span></p>
Ideally I'm looking for a library I can use to translate these many attributes into "proper" html and css. The current technology stack is PHP at the back end and javascript at the front end, but there would be little problem in using any other language to do the translation.
Failing that I guess I'll try and write my own, using the api reference as a guide.
I don't think there's a lib available for that, but from having a quick look at the docs, it should be too hard to translate over. Most of the options you can ignore as they're impossible to do in css (without going into css3 - I'm assuming you want maximum compatibility here) and the rest are pretty basic (colour, font, padding, line-height...)
Maybe Wallaby, the Adobe App to convert FLA files to HTML5/CSS can be helpful if you manage to make it work with your Flex Files... http://labs.adobe.com/technologies/wallaby/
This, of course, would just be a starting point :) but hope it helps.
Unfortunately, you will never get pixel accuracy in HTML text, by design. Font rendering strategies between browsers, and even different browser modes (eg: IE9, Safari for Windows) can have different layouts.
You may be able to export your content to HTML with the TextConverter class.
I would go with quick and easy since you only need formatted DOM Elements (HTML Tags). This is [part of Flash Player 9] somewhat reliable - you might to give it a try...
source : flashx.textLayout.elements:TextFlow
format : String
conversionType : String
(returnHTML as Object) = flashx.textLayout.conversion.export(source,format,conversionType)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I've googled (without any luck) for open source software that can convert doc, ppt, and pdf to HTML5. (Exactly what Scribd does) Are there open source equivalents to the type of conversion Scribd does?
If anyone knows of a paid service, that would also work. Scribd has an API, but that's for use with the flash viewer. Also, I would like to host my own content as I need further control over converted html document.
You're unlikely to find a single offering that does all this, especially in the open source world. It's more likely that you'll end up relying on a mishmash of things, and may even need to chain some converters in order to get to HTML. (Eg PDF -> ps -> HTML)
OpenOffice supports conversion to HTML, and can be called from the command line.
http://pdftohtml.sourceforge.net/ looks reasonably good at converting pdf to html.
For Doc that is Word ML or OpenXML format it's conceivable that you could use XSLT transforms since both input and output formats are XML. I've seen some stylesheets floating around the net that do this, but YMMV.
Incidentally, why is there a specific requirement for open source? MS Powerpoint already supports save-as-HTML for example.
Open Office will convert pdf to html but you'll take a hit to design quality.
I suggest either: Crocodoc as a paid service (It provides different flavours for different platforms such as Python,Ruby,Java,PHP Developers are allowed to work on their APIs.) or waiting for an official Adobe tool (it's in the works).
For PDF to HTML conversion, pdf2htmlEX seems like a pretty good tool (looking at all the examples/samples):
https://github.com/coolwanglu/pdf2htmlEX
For pdf there is an open source project started by mozilla and it's very good: https://github.com/mozilla/pdf.js/
You can see a hello world example : https://github.com/mozilla/pdf.js/tree/master/examples/helloworld
For the rest of document types I think LibreOffice said that are planning to build something in html5, but so far there isn't anything done.
http://wvware.sourceforge.net/
wvHtml: convert your Word document
into HTML4.0.
Possibly:
http://www.abisource.com/
but in this case it looks like "open doc" > "export html" manually, maybe plugins help. Not sure, what do you mean: "source software that can convert".
Or this:
http://www.zope.org/Members/sf/NuxDocument
Also the pdftohtml will give you an html page output.But you will have to work upon its graphical interface.Since it doesn't seems to be very interactive.
I know the question is bit old however I have found new Open source tool called flaxpaper http://flexpaper.devaldi.com/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I'm looking for a CMS system that works similar to CushyCMS, but that I can install on my own server?
I love the functionality and ease of use CushyCMS provides for simple, small sites where setting up and installing a traditional CMS (Drupal, Wordpress, TYPO3) are not necessary.
Anyone have any ideas?
Thanks!
Troy
Perch is an excellent lightweight CMS.
For what you're after I'd reccomend ImpressPages CMS
http://www.impresspages.org/
It doesn't use html tags, but its a very easy "drag and drop" style. with clear toolbars available to the site admin, obviously WYSIWYG editing isn't everyones favourite (it's not mine) but for 5 or so pages, it's perfect.
Orbis CMS is an open source alternative to CMSs like CushyCMS. It's built on the same priciples (simplicity, ease-of-use) and features a stylish interface, but is self-hosted and free.
"modify html pages simply by adding a class but that I can install on one of my own servers"
Unify does this very nicely unify.unitinteractive.com it costs $24.49 per domain, simply upload the unify folder to your webspace and add class="unify" to the areas in the html you want editable.
Another one ideal for a site of 5 pages is pulsePro http://pulsecms.com/
If you're looking to write some of your own code/html it might be worth looking at django-cms
Well, I don't know of any yet, but if you want an alternative online service then check out Surreal CMS. You can also try out Simple CMS, but it's still very new (released into beta a day or two ago).
You should look at Zimplit!
SnippetMaster is pretty cool. It's too bad that it's not open-source and free, but at least it has generous and inexpensive licensing schemes (normal, re-brandable, etc.)
It would be nice if it used class names for the content regions, but it uses HTML comments formatted a special way (like IE conditionals) so it's still valid html.
http://www.snippetmaster.com
I built this one www.kitgui.com so programmers can be programmers in their own language / framework of choice and use a REST-style interface to pull content and HTML 5 javascript reference to be able to let clients manage the editing experience directly on the website pages themselves. HTML 5 allows for the cross-site security to occur these days so everything just made sense to do this. In my ecommerce business its all about how fast you can setup things to get them out the door and get paid. KitGUI makes it so easy you can't really appreciate it unless you try it out. This is brand new so I have no idea if programmers like it or not except for my own devs who are biased of course. I know clients do for sure so please give me some feedback on it if you have time to investigate as I worked my ass off to launch it.
Something which is very similiar to CushyCMS is Unify CMS.
They have a demo which you can try before you buy.
You will see that Unify is very similar to CushyCMS and I quote:
You do not need to know PHP, nor do you need to write your code
specifically for Unify. In order to create editable areas on your
site, you only need to add “unify” classes to each element. That’s it.
There is no Database to setup, you just upload the files via FTP (or similar) and start adding in classes where you want to have editable regions. They have repeatable regions as well.
Unify currently costs 24.49 and is backed by a 45 day money back guarantee.
Support is powered by Desk.com
Take a look at Unify requirements and you will see you can run this in almost any server on the planet; well, almost any server :)
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
Where should I point someone to learn the basics of HTML/CSS? I personally got my start from HTMLGoodies way back in the day, but while I thank Ken Burns for getting me going, I'm loathed to send someone out to that site nowadays as I think it's dated.
Obviously there are many sites out there that cumulatively contain all the information needed, but where to send someone new who you don't want to scare off?
edit:
I honestly thought I'd been missing something by not having used w3schools.com, but I see that within three pages of the tutorial (both html and xhtml) they use <b></b>. Damned shame they're not encouraging semantics.
Anyone know something that gets people off on the right foot?
I can't believe how many people are answering with w3schools. I couldn't recommend enough that people never EVER mention this place again. It is a terrible resource.
A few good places:
Addition for HTML5: http://diveintohtml5.ep.io/
http://alistapart.com
http://www.quirksmode.org/
http://www.thinkvitamin.com/
Not complete, but alistapart.com is required reading for any web developer we hire.
Also, never underestimate the power of reading the source on well-written websites.
I can't believe that people here are recommending W3Schools. That's the last place I would recommend anyone to go.
The one place I would recommend the user heading to is SitePoint. A lot of the articles there are aimed at advanced users, although the sheer quality of the forum and the beginner articles are too good to pass. I would also agree with Mike's recommendations as places to send a complete novice.
As far as getting the practical skill, the one thing I would recommend is opening up a text editor or a good IDE in text-editor mode and just writing a website to see what happens. Head to the Open Source Web Design page and see how others have created basic layouts, then apply that skill to your own.
HtmlDog has a good set of guides for beginners, intermediate and advanced users. It also has useful references for all things HTML & CSS.
I really like yourHTMLsource. Quirksmode and AlistApart are great. And Ajaxian is more advanced and wide resource of things.
I began on w3schools, however soon this site became the one I avoid the most.
Read this book (Designing with Web Standards by Zeldman)
To keep this answers to this question up-to-date, the Opera Web Curriculum is, as of 2011, the best way to learn front-end web development. It is comprehensive, encourages best practice, and is generally a superior resource for those completely new to the field.
I think you should check www.tutorialrepublic.com. This site has great tutorials on HTML/CSS. I learned HTML/CSS from this site and I really like this, they explains the topic very clearly.
Exactly, I personally started off on HTMLGoodies, also. I think tizag.com is more updated.
I can't believe that people here are
recommending W3Schools. That's the
last place I would recommend anyone to
go.
For me its a great...
Maybe isn't "the" reference website, but is a very good and practical cheatsheat about html and stuff...
The htmldom section is one of the best for me...
If you speak German, the best Site for learning HTML is:
http://selfhtml.org