My wording might be a bit off, but I wonder if there's an open-source HTML/CSS template/framework for creating 37signals-style layouts, much like this:
(source: basecamphq.com)
Of particular interest is the tabbed layout and the sidebar to the right.
Not all free, but still a good reference: 34 Outstanding Admin Panels for Your Web Applications
There are a couple of WordPress Basecamp style themes about:
Prologue
P2
GTD
Try some open source template sites then, most likely you'll have to get something similar and edit it.
E.g:
( http://www.oswd.org/ )
Goodluck
Related
I’m building a site as part of my research using Word Press. I’m trying to display samples on the homepage in a neat way, something similar to this one http://www.maitrechoux.com/menu/index.html?categ_id=all .
I have removed all of the home function using remove_action. How can I add the table and then how can I add the pictures inside each cell? Is it only matter of CSS or do I need to add HTML code for this? I recently joined word press community and this is the only thing remained to complete my website. Really appreciate any help!
NO, don't use tables. I think what you actually want is just to display something that looks like table.
You need to code both html and css for that.
You can use any of popular css frameworks to help you out, or you can code it yourself using, flex, floats, or grid...
When you are done then with wp functions you need to render that data in your wp theme.
Your question is to broad and big to be answered via code snippets or examples, sorry.
I recently wanted to change the template of my WordPress website and use React tables.
But this would cause my site to drop in Google rankings, and in terms of SEO, this would not be a good thing.
That's why I decided to use my template pre-built tables and change the files to my liking in the settings section by editing css files.
I'm trying to create a mobile version of my school website is there a simple way to do this? I'd rather not pay money to get some website to do it for me. can I load an external html template instead of just an external css file.
You can find many free and paid tools that help you create mobile sites. Have a look at this list. I am sure there are many more. If you don't want to pay a penny and you are planning to get some programming experience, you will need some knowledge on HTML5 and CSS.
If you plan for some big and fancy ideas, have a look at jQuery Mobile or Sencha Touch
Sure you can. However, this is no task that can be done automatically. You need to sit down and maybe create a new HTML and/or new CSS. But you can also just leave it as is, because you can view them on the most smartphones without any problems.
Are you using a Content Management System (CMS) such as Wordpress Joomla, or Drupal? If so, look for a responsive template created in the last year. Another option with some CMSs is a plugin/addon that renders a different template when detecting a mobile device.
If you aren't using a CMS it'll take more work, there are lots of responsive frameworks out there, the two big ones are Bootstrap and Zurb Foundation.
I'm wondering if anyone out there knows of a free Web Layout Designer that I could use to play around with the layouts of forms, tables, etc. etc.
I'm thinking more along the lines of Visio style and less like Dreamweaver designer. Something more graphical to simply play with layouts and not something to create a prototype. I would rather code it by hand, but would rather not move things around to see what looks best through code. Since this project is mostly in server side scripting, Dreamweaver designer does not work well.
Sorry if this is vague, but hopefully I got the idea of what I'm looking for across.
Try recently very popular, www.wix.com
I do that kind of playing by constructing the basic HTML, then load it up in Firefox and use Firebug to try what looks nice. Apart from that if it's about the purely graphical element of what looks nice, how about graphics editors with layering such as Paintshop or GIMP?
Try these:
Kompozer
Amaya
BlueFish
Screem
Aptana Studio
I'm a coder coming from the pre-CSS era and trying to find a powerful but simple CSS framework, that would let me create any kind of layout with boxes I want.
I already have a wordpress theme so I'm looking for something to include into the theme.
I looked at ez-css which looks nice, but it just seems to do the box layouts, and I was wondering if there exists a framework that comes with many different snippets for typical layout tasks, like a box with a small image + paragraph text, etc.
I've looked at wordpress themes like pagelines, builder and headway but don't like them very much because they lock me into their themes, and they seem quite fiddly after playing with them.
Thanks
B
http://twitter.github.com/bootstrap/
You could have a look at -
blueprint - http://www.blueprintcss.org/
or
960 Grid System - http://960.gs/
Have you taken a look at http://960.gs/?
It would be easier for you if you search separately for a CSS Framework and after for a blank WordPress Theme.
Most of these "CSS frameworks" are not really frameworks because CSS is not like JavaScript or PHP, so don't bother spending time with them.
What I will suggest is to get a premium html/css theme and modify it yourself and turn it to your own custom framework.
I use FrontPage for two different tasks; authoring html help and authoring a couple of websites. The websites don't require a lot of stuff -- they are there to disseminate a bit of information to a couple of small audiences.
FrontPage has been quick and easy for these tasks. WYSIWYG is good for these jobs and I like being able to click on links to quickly bring up other pages in the editor.
I've been exploring all sorts of options. tools that work online such as Kompozer make editing the html help difficult (at least, I haven't found a way around) and other html-level tools are just too much work. Tried nVu, Kompozer, Aptama, Komodo, Bluefish and so far, unless I'm missing something, I'm not sold on any of them.
I'm about to take a look at SeaMonkey but wondering if anybody has any recommendations. Or should I go back and look at those other tools again -- maybe I missed something?
Notepad++
I think the natural upgrade path would be Microsoft Expression Web.
People still use FrontPage?
I switched a couple of years back to DreamWeaver and never looked back.
Something to consider is that you could deploy these sites as wikis (which don't have to be publically editable) and edit them directly on the web in your browser. This would give you the ability to click around and do pretty much wysiwyg edits. It would also make it easier to maintain larger collections of data and to make new pages. You also don't really have to do any HTML at all because wikis mostly come pre-HTMLed (and CSSed and Javascripted), you just need to fill in the content.
I should note that this won't work if your webpages are deployed statically on a restrictive shared hosting account, but even most shared hosting supports installing things like wikis these days, so hopefully this is something you can look into.
I should also note that this probably isn't the best way to do local HTML help files, but if the HTML help is online, this is probably still a good choice.
I'm making this community wiki so others can add links to other wikis if they like or add more info on why you might want to or not want to use a wiki for this purpose.
Some wikis to consider:
MediaWiki - The wiki behind wikipedia
MoinMoin - Implemented in Python and popular in that community.
TiddlyWiki - Implemented in Javascript and runs on a single page. This is probably the most different wiki that's out there. Some love it, some hate it.
NVU and Kompozer both are best suited for you. NVU is my personal choice. Choose your poison. :)
FrontPage has been replaced by SharedPoint Designed in the Office suite.
You could also use Microsoft Expression Web if you can have it.
Drewamweaver or MS's Visual Studio/Web Developer Express will do the trick. They're both overkill (especially MS's tools).
I also think MS has (free) HTMLHelp. It's out there, but I don't know if it'll produce the files you need.
It depends on what kind of pages you are designing. If you are using Adobe Flash, Dreamweaver would be the best option but I would recommend "Microsoft Visual Web Developer Express". I am currently using it and totally love it from the bottom of my heart.
I'd say Dreamweaver, but last time I looked there was still bloated code, not as bad as the MX days mind.
Smashing Magazine has a list of WYSIWYG tools that would be worth a look :
http://www.smashingmagazine.com/2008/05/06/25-wysiwyg-editors-reviewed/
I persuaded my friend to ditch Dreamweaver for NetBeans, took a week or so but I got a pint out of that :)
You might look into Aptana (http://aptana.org) which should provide everything you need. I think it even has a WYSIWYG editor, though I would really recommend learning html instead.
I would use Notepad++ for the simpler things, and Dreamweaver when working with other Adobe products. Notepad++ is simple and has a lot of great features. Dreamweaver is huge and will take some getting used to.
Try dokuwiki. I've implemented a wiki/manual/documentation for my app in a week. It's very simple n easy installing. You just need PHP, no database (mysql), the information is stored on files. Give it a try.
My wiki implemented wiki doku: wiki.vigo.com.br
Microsoft Visual Web Developer Express perhaps? http://www.microsoft.com/express/vwd/
Works well, and it's free!
Something similar to FrontPage is Adobe Contribute. It does cost $199, but if you're looking for something as simple as FrontPage, it may be a good option for you.
A freelancer web designer I work with will setup clients who want to make simple HTML edits to their sites with it and they've all been pretty happy. They're all non-technical people.
Dreamweaver is good, but however using the WYSIWYG may have problems getting consistency when viewing between IE, firefox and safari.