* Provide the tool bar the the bottom of Editor. Mostly, when writing new article, the author would generally be writing at the end of editor. So, when author needs to apply some formatting he/she would need to make toolbar visible and then hit appropriate button. But then, the original text would not be visible. I have 22" monitor, and I write on about 150% of zoom in IE9. But toolbar isn't visible.
* Add more shortcuts, Ctrl+D is good, but what about "Formatted" for code? How to switch between HTML and WYSIWYG?
* Most authors don't know additional formatting, like "div=callout", and instead use "Formatted" instead. The parser would read it as text rather than special comment.
* On code pasting, convert tabs to 3-4 tabs, instead of author doing that manually. Also additional lines would come up when pasting.
The HTML of the original (to be edited) article may retain the old style file references (eg src = "MyArticle\MyArticle_Image.png"). In this case, it is necessary, but not obvious that the reference MUST be revised to src = MyArticle_Image.png. You provide a good clue by saying that uploaded files are relative to the article (or something like that). It would be better if that statement was augmented by something like "Check that the HTML references do not contain Directory names" -- hmmm I'm sure you can improve on that!
I do not know that the invalid refs are cleaned up on submission - I never had the guts to try. I do know that the invalid refs are NOT cleaned up on Preview.
I was updating 2 articles and only one showed that problem.
Thanks for the feedback, Jim. We tried to be clear on the submission wizard itself where an example of referencing files is shown within the list of uploaded files, as well as providing "insert" buttons that will do all the work for you.
The trick here is that, underneath it all, we still actually use "MyArticle\file.ext" (though this is now "1234\file.ext" since we've ditched basenames due to uniqueness headaches and just moved to using the article ID). Within the submission wizard editor we strip the "MyArticle\" from the raw HTML, then when you switch to design mode, add it back so the WYSIWYG mode shows the images.
So: it's the same as it always was, but when editing the raw HTML we do some magic so it seems like references are now relative to the directory containing the article.
Further, if you upload a file and reference the file using Directory\file.ext, then it should all still work. If it doesn't, please let me know which article and I'll dig in.
Thanks for the quick reply! I think I will have to look harder for the "Insert" buttons!
The one thing that threw me off is that for some reason when I switched to Html view, the MyArticle\ was not switched off. I was explicitly looking for something like that since my image was not showing in Preview. In the Design view, the older Image was the one displayed. I had deleted that Image file and add/upload a new Image with the same name. The way I fixed both of these problems was to manually strip off the "MyArticle\" from the src = and also from the download files, in Html view of course.
I was making a mod to an old article that I had updated the day before (a mod to a mod). What really irritated me was that I had had the same problem with the first update and didn't note or remember how I had fixed it then - after all, it was only 12 hours between updates - I should have remembered.
Just to make it more confusing, I was doing two articles over the same time period and the first article, of about the same vintage or even older, did not have any of these problems.
Bottom line: The suggestion I made was to address a problem that should not occur.
Should you wish to chase this one, the article's ID is 11654.
I had a quick play and it seems the article is all good now. Having the old MyArticle\ appear is annoying. This most likely happened because of some bad data our end.
Some more background: initially all articles simply referred to downloads in their MyArticle directory without any recording in our database of what was actually in that directory. We fixed this by scanning the directories and recording, and associated, downloads for files.
In some cases we had servers that were out of sync and so this association was inaccurate. When this happens the submission wizard doesn't know how to trim links because it doesn't trust anything other than what the database says.
That error will be triggered anytime a major portion of the template exists in the content.
With the new submission wizard you don't need to publish it to save it. You can hit the Save Draft button and your current work will be saved as a draft. To view drafts, just go to the submission page[^] and you'll see, on the right hand side, your drafts.
Unfortunately I gave you some misinformation: you can change the article type, but only when posting a regular article. You've posted an alternative to an existing article, meaning that your alternative must be the same type as the original article. An alternative to an article is an article, an alternative to a tip is a tip, etc.
Starting today, the "Vote to remove this message" link in forum message won't simply add to the tally of votes to decide if a message should be removed: Abusive or innappropriate messages now lose their authors 20 points. Next week that increase to 20 points x member level, meaning a potential loss of 200 points per message flag.
Previously our article URLs were of the form www.codeproject.com/kb/section/basename.aspx. This worked well and allowed you to easily remember your own articles. My grid control article, for instance, MFC Grid control 2.27, was an easy URL for me to remember.
The issue was that while this naming convention was simple, it was also predicated on each article within a section having a unique basename. With 35,000 articles, this was starting to become a little tricky.
On an unrelated, but nevertheless important note, we strive to ensure our authors' articles are positioned as high as possible within search engine rankings. Search engine ranking depends on an enormous number of variables, up to and including the phase of the moon, but while "http://www.codeproject.com/kb/miscctrl/gridctrl.aspx" is OK, "http://www.codeproject.com/Articles/8/MFC-Grid-control-2-27" is better. And "http://www.codeproject.com/Articles/317712/An-MFC-Chart-Control-with-Enhanced-User-Interface" is even better (from a search engine point of view) than "http://www.codeproject.com/kb/Chart/MFC-Chart.aspx".
And as a final but neat freebie, we have tossed the extension. No more .aspx. A trivial thing, but when Microsoft comes out with the Next Big Thing, or we move to PHP or JSP, then article links will be the same. This should be the last URL change we ever have to do for our articles.
1. Completely revamping the article submission (for everthing) and the display system for tips.
2. Adding new options for articles.
3. A ton of work on Lake Quincy. Our little project is all grown up and has an appetite for developers to match.
4. Machinations and experiments with Quick Answers and the Forums. Some very interesting stuff. The most interesting bit is making it so you guys don't notice anything until there's the "oh - I see!" moment.
Some devs like to make big splashes. I prefer my code to just settle in comfortably into your lives and work without you realising anything.
The upshot of this is that I have zero social life and even less time to hang out in the Lounge. Bah humbug.
One of the features that has generated a lot of debate and suggestions is the way we handle text, HTML and code in the forums. Copying and pasting code - especially web related code - into the message editor can cause problems due to the unintentional posting of HTML tags instead of HTML encoded content.
To help with this we had "When Pasting" options at the bottom of the message posting area that allow you to set defaults on what happens when you paste, but what you want to do changes depending on what you paste. The problem here is that you defaults don't always fit the situation at hand, so we need a way to allow you to change your mind easily.
From today we removed the paste options from below the message and instead show a popup dialog that intercepts the pasted content and tries to figure out what your options are with visual aids to help show what each option will do. The "When pasting" that apply to the paste text are shown in this dialog, and as you hover over each option the pasted text in the message text area is updated, as well as a small preview in the paste dialog to give you a quick peek into what it will look like. If you are pasting text that will look the same whether you're pasting as text or HTML (or mixed) then the options shown are reduced to the minimum set possible, and your default setting will be automatically checked and always shown.
On top of this, as you type, a preview of what your message will look like is now shown at the bottom of the page.
If, after pasting, you are happy with what's shown, or don't want to be bothered, keep typing. The dialog will fade away. This is not the popup dialog you are searching for...
The changes are designed not to simply show you what will happen, but also to give you an ida on how to encode your content to ensure it displays in the manner you intend. The changes are also meant to be as unobtrusive as possible, and text will be pasted initially as per your defaults. We're only adding a simple way to change your mind.
For those who never pick a default, and never touch the popup dialog, the default will always be "Best guess" meaning if it detects code in the pasted text it will wrap in PRE tags, otherwise it will paste and preserve HTML tags (no encoding on paste).
Encode button in the editor
We spared no expense in adding an "encode" button. Highlight some HTML, hit encode, and the text is HTML encoded.
Editor Live preview
Hopefully you waon't even notice (unless it's in a good way) but more content is being pre-cached, speeding up some of our lesser-used pages.
Split Quick Answers / Discussions menus
More admin options
We've armed ourselves with some bigger guns to deal with reported items. Don't worry, this won't hurt a bit.
The forum indicator lines were a small HTML5 experiment I was doing that turned out to be actually useful. The quick version is: when you hover over a message, find that message's parent (if it's on the page), create 2 canvases representing the two segments of the line, and draw. If the parent message isn't on the page, show an arrow tip indicating "over there somewhere". Why not a single canvas? Because IE doesn't support the pointer-events:none style. pointer-events:none allows you to have an element on top of another element (say, a single canvas overlaying the forum) and have that element ignore all pointer (eg mouse) events and instead have those events pass to the underlying controls.
The way around this was to create two canvases that didn't overlap anything mouseable, with a nice byproduct being a healthy speed increase (smaller canvas = faster resizing, repositioning and drawing)
The forum flags in the bugs and suggestions[^] forum (and soon, your article forums) allows me to provide a simple visual feedback on the bugs and suggestions posted. If you find a bug you can scan the page, find a similar (or same) post, and note that it's in progress to being fixed or that it's fixed and will be released next deploy.
The new forum message posting page now incorporates the same editor that's used in Quick Answers. For me this means a single codebase to maintain (yay!). For you it means the auto-code sniffer is now in the forums (yay!). Post some code, the sniffer will try to see if it's code, and if it is it will wrap your pasted code in PRE blocks and assign the language automatically.
Site speed continues to be a focus and we've put in a ton of work to improve caching. Our main database was cruising along at 75% utilisation at peak times and that's bad in anyone's book. We're now down to about 50% simply by tackling the easy jobs, and with a further push to do some fundamental re-architecting, we should again halve that. For the first time in our history we're no longer looking to add database capacity, but are actually now consolidating databases and saving ourselves some SQL licencing fees.
Optimisations to improve site speed have been done on a number of fronts, from simple caching, to the best optimisation of all: not doing the work. An example is our Quick Answers[^] homepage. Previously we were tracking which questions you had viewed and which you hadn't. It turns out there's an excellent technology in place that can do this for us: your browser. You view a link, the link is purple. Why should we override that and add functionality already in place?
Another example is when viewing a question you see the Next / Prev links. Calculating which message is next and previous, based on your interests, the current message, your filters and the waxing or waning of the moon is expensive, yet only a fraction of members will actually click that "Next" link. Those who click it, need it and love it, so the answer isn't to remove it. Instead of calculating the "Next" question on the page that shows you the initial question, we initially have the next button go to a fixed page that will do a single expensive query for you, and then cache a large number of questions in either direction.
Previously when viewing the question you had the hit of calculating the next question. Now, no hit on viewing the initial question, but a small hit when you first click Next. After that the results are cached, and there will be no further delay until you exhaust the cached results.
Plenty new features are simmering away. I'll try to provide more frequent updates.
The indicator lines in forums have been turned off for now after a user reported it was causing Chrome to lock up. I'll dig in and find the cause - or at least find a workaround - and get them back ASAP.
The real reason is that way, way back, I was using red to highlight "hot threads". It was all very hip and '90's. However, for the past hundred years or so we've been using red to denote popular and up-voted items, not "hot" threads (in the sense of "lots of action" instead of just popular). We also use green to denote good answer and red to denote bad answer so it was blatantly inconsistent.
There have been a couple of complaints regarding article moderation.
1. I want rep points
2. Having a single member be able to give the green light to an article is dangerous.
The new reporting system solves these problems by
1. Giving rep points
2. Requiring 5 members to approve an article before it goes live.
Each time you are presented with an article that asks for moderation, hover over the 'tick' box, choose whether to approve or report it, and your vote is entered and the number of current votes on the article are then shown. When it hits 5 votes then the article is approved or closed, depending on the majority of the votes.
If an article is closed but then reoponed by the author or an editor then the reports are wiped from the article, but points accrued from the previous reports stay.
So please: approve and report. Let's keep things organised!
If an article is closed but then reoponed by the author or an editor then the reports are wiped from the article
Can you explain this part a little?
I see, if we report someone for formatting and content, we get points for that. Then, Author modifies and updates the article. Now, when we approve it, we do not get the points. Is it ok? As designed? Shouldn't one get points later too once the aricle was updated?
Previously when reporting articles or questions you would click the little red flag and fill in the form on the following page. Sean, myself, or one of the editors would then review the report and take action. Almost uniformly the reports were "Total rubbish article - please remove", or "Spam".
This was tedious for us and opaque for you, so we've revamped the reporting system so that reporting articles and questions (and tips and blogs and answers) is done via Ajax (no page refresh) with the reports now collated automatically. When enough members have reported, the item will be closed and the reason for the item being closed will be displayed, along with those who reported the item.
This last part will cause, I think, the most debate but reporting is limited to Silver members and above and with everyone seeing what everyone else is reporting, anonymous report wars will be that much harder to instigate.
Reporters also get Organiser points for doing their civic duty.
So: if something is truly awful report it. If a question is posted and the author has made no attempt to help others answer his question, report it. It takes two seconds and will help promote the best content, the most well posed questions.
One final feature is that if you yourself find your article has been reported and closed then you have the ability to re-open it by simply editing and updating your article. You always get a second chance, but you will need to make major changes in order to reopen an article, and please be aware that if you open an article and it's reclosed then there's a good chance it will simply be deleted.
If your article or post (or answer) is closed and you think the closing was unfair, email us and we'll investigate and reopen if necessary.
I still owe everyone a write up of our move to a new hosting centre, but I thought I'd just mention a little bit of trivia: until this morning we were still running 3 servers on Windows 2003 R2. I know - that's so 2005, but they worked. Well, mostly.
IIS6 was a phenomenal improvement on IIS 5 and we saw impressive stability and perf improvements. However, the pipeline model was annoying because ASP.NET was tacked on to the web server instead of being treated as a first class citizen, so doing things like handling non-.aspx files in ASP.NET was needlessly cumbersome.
To this end we were using an old, old component that Dundas Software was giving away, called Filter Plus. We modified the code a little to suit our needs, but it was a simple ISAPI filter that would take a simple config file and use the patterns in that file to tell it how to reroute requests. We were able to take all requests for all /kb/<section>/filename.aspx pages, for instance, and map them to a single page that would load and display articles (and incorporate some handy caching). Essentially it was a url rewriting component long before ASP.NET url rewriting was a twinkle in ScottGu's eye.
This worked exceptionally well, thanks to the coding of Troy Marchand, the original author, and allowed us to handle zips and images and all sorts of fun, but it involved extra settings, an ISAPI filter, and some if..then's in our code for servers that were't using this filter.
Win2008 / IIS7 made all this redundant and cleaned up our code nicely, and from today on I can remove the if...then's and move on to an IIS7+ model only.
We'll miss web18, 19 and 20, but web2 will handle all their duties, and more, and on a single machine.
So we're down to 4 servers: web2, 22, 23 and 24 and are serving pages faster than ever with better uptime. We have also moved from 3 database servers to 2, and can easily move to just a single database server but find it nicer to be able to have the failover option along with plenty of headroom. Servers - and I mean, big, serious iron - have become astoundingly cheap (relatively) - and the multi-core offerings provide amazing performance.
We've also moved our email systems to a hosted provider in a move that was a long time coming. No more worrying about my insanely large mailbox, no more patching and managing exchange, no more backups. The less we need to worry about servers and SysAdmin the more we can focus on doing what we do best.
A few more updates to the aging UI have been released so I thought it worth walking through a few of them and providing a little rationale.
First, the homepage is, clearly, a little different. While the old page had high information density, it was so high as to be approaching noise. I always thought of the homepage as a newspaper front page - lots of boxes with lots of info all available at a glance. That's great when you know what you're looking for, but terrible if you are casual cruising or if you just want to quickly scan a page and quickly look through what's new.
And that's what most homepage readers do: see what's new and move on.
So the design of the homepage was done to allow someone to take a quick peek at the homepage, see what's new, what's interesting, and then get on with it. There is still a little tweaking to do in terms of the actual data shown, but the layout itself is as it will be.
You may have also noticed that I've removed the sidebar on many of the pages. My idea with this, way back when, was that readers would come to the homepage, diligently read the entire page, then peruse the list of chapters and sections and (diligently) work their way through the article.
Except that everyone just hits Google and then goes directly to the article they need.
So, instead of the sidebar navbar we now have a simple link to the main Site map, and we also have a fly-out sitemap under the "Article" menu. Removing the sidebar gives us two benefits: vastly reduced page size (and quicker download/page render) and more screen space. The homepage is now around 18K vs 77K (give or take) which means a lot when you're mobile or on a slow connection. Further speed increases are coming.
I've also added visual hints in the top scrollbar showing where you are in relation to the nav bar navigation. A small thing but a useful thing.
The survey has been moved from the bottom to the side. While the surveys are not exactly the most scientific of research (let's be honest - Sunday night and a bottle of red and hey presto! A new poll) they are hugely interesting, but they were buried. Just watching the partipation rate this week showed the move has been good for the polls.
There is also a nice bonus for those who feel advertising is the root of all evil in this world. I've removed two ads from the homepage and replaced with a smaller box ad. I, personally, always read our ads because I always see stuff potentially interesting (a requirement for any ad we run). However, I'd rather have a cleaner layout than advertising any day, so I fired one of them.
One non-UI addition is that sign-in and profile update is now all done via SSL. I know this won't help issues with packet sniffing over unsecured Wifi networks, but what it will do is protect your passwords. People hate thinking up and remembering passwords so there is a ton of password reuse. By keeping the passwords out of the hands of miscreants, and hashing, not encrypting, passwords, we can do our bit keep your private business your own.
There are also a few smaller touches around the place. A little shading and shadowing, highlighting of the currently focused text box, a small tweak to colours but nothing that, I hope, will cause tempers to flair.
The point of all of this is the old maxim in editing: remove half of what you write; then remove half again.
While I will never claim to be a designer I can claim to be a user, so my focus is on making the UI work for me, and for the majority of those who use the site. While this will never make 100% of the users happy, creativity can certainly help me bridge that last little gap.
The Code Project | Co-founder
Microsoft C++ MVP
Last Visit: 31-Dec-99 19:00 Last Update: 8-Feb-16 7:06