Looking for Tools to Create ASP.NET Web Page Layouts [closed] - asp.net

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 very new to ASP.NET and creating web pages, my previous experience has all been creating WinForms apps. I am having a bit of a rough time just getting the layout of pages the way I want. Whereas I have been used to just dragging and dropping controls exactly where I wanted them on a Windows Form, the VWD development environment for ASP pages seems very fragmented to me with its master pages, content pages, CSS files etc.
What I'd like to know is are there any add-ins or design programs that could greatly simplify designing web pages, so that I can get on with the code behind aspect of my site, rather than spending so long simply trying to get the presentation right?

Well, I can understand moving from WInForms to the Web can be confusing at first.
It's all about understanding HTML and in particular the flow of elements combined with CSS.
There are some tools around (Even visual studio in design mode), but they usually create crappy HTML or a lot of fixed layouts that will not do well on tablets, phones etc.
If you are new, focus on MVC and getting a framework (Example Twitter Bootstrap http://getbootstrap.com/2.3.2/) should get you up and running quite quickly.
For more info about positioning:
http://www.barelyfitz.com/screencast/html-training/css/positioning

#Pleun made a good comment about using Twitter Bootstrap and ASP.NET-MVC. I'd like to add to it that there is a good library that ties these two together even further:
TwitterBootstrapMVC
You end up writing even less code compare to what you'd have to write. The whole experience indeed becomes similar to drag and drop.

Related

responsive web design: where to start (css modules) [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other 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 8 years ago.
Improve this question
Lately i've been reading a lot about RWD (responsive web design), and would like to try to develop a template (for starters). The books that i'm reading are quite outdated (published in the end of 2011), so obviously some code provided doesn't work properly as for the case of css3 flex box module. After researching for a while i found out on Mozzila's developers that Flex Box module will be changed soon.
My question is: What are the most time and performance efficient CSS3 modules to work with for RWD? and any heads-up that i should be careful with?
Besides CSS3PIE are there any good solutions to add css3 functionalities to outdated browsers?
At the risk of sounding mean, SO shouldn't be used to solicit opinions.
However, in the spirit of learning and sharing knowledge, a couple of great places to start would be taking a look at Twitter Bootstrap or Zurb Foundation.
Both are two really great frameworks that will help you create responsive sites. Although they do pretty much the same thing, they are actually two very different frameworks. I'll let you decide as to which one to use.
Another great resource I've found is looking at RWD pattens. Both HTML5 Rocks and Brad Frost's Blog have certainly helped me out.
Good luck.

How to do automated UI testing of devexpress controls? [closed]

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 want to do automated testing of DevExpress control.
I have found some frameworks like guia, NUnitForm etc. but they all are for standard WPF controls.
Is there any other framework which can help me to test DevExpress control?
If you are using the DevExpress XAF framework, then DevExpress provide EasyTests. There is some evidence that you could get EasyTests working with non-XAF applications - I'd ask in the Support Center.
Another option: DevExpress have recently launched TestCafe which is definitely worth a look, but I don't have any experience with it yet. It is commercial software, but there is a free evaluation available. It is not XAF-specific (nor even DevExpress-specific) and can target any web application.
You can also use Selenium. It's not very easy because the DevExpress controls are complex and it's sometimes hard to find the right element to click on. Also, since a lot of AJAX calls take place you end up with a lot of waitForElementPresent() and so forth. For instance, your code might end up looking like this
selenium.type("xpath=//input[contains(#id,'_xaf_dviUserName_Edit_I')]", username);
selenium.type("xpath=//input[contains(#id,'_xaf_dviPassword_Edit_I')]", "");
selenium.click("Logon_PopupActions_Menu_DXI0_T");
That example is taken from my blog post about automating testing against DevExpress expressAppFramework. I use the Firefox Selenium-IDE plugin to help find working syntax and then write scripts accordingly.
Finally, a commercial product called Ranorex claims to support DevExpress controls. I do not have any experience of it.
You can also use Microsoft Coded UI Tests. Disadvantage is that you need Universal-Licence of DevExpress and at least Visual Studio (2012) Premium. Works fine in your projects.

Web UI framework without JavaScript [closed]

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 8 years ago.
Improve this question
I'm a programmer at heart. I am not great at UI development and it takes 90% of my time.
I'm wondering if there is a UI framework which uses only CSS and no JavaScript. I found http://www.gantry-framework.org but it seems to be targeted at Joomla and Wordpress.
Any suggestions will be very welcome. It will help me with my development.
Thanks.
ADDITION
I'm looking for a framework that allows me to easily design and deploy a user interface for my website. Something that reduces the time it takes to make them manually.
I'm not looking to make effects or other special stuff like modal windows etc. (I use Qooxdoo and jQuery UI for advanced UI). Just basic layout and nice looks.
Check out http://purecss.io/. It's a Yahoo project.
There are CSS frameworks available to use, if that's what you're interested in:
960 Grid
YAML
BlueprintCSS

is there an attractively themed Drupal app (kinda like Joomla) with at least hello-world implementation of lots of hooks for learning purposes? [closed]

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 8 years ago.
Improve this question
Joomla looks pretty good out of the box. Drupal looks very ugly out of the box and does not do anything, except for admin tasks.
Is there by any chance a n00b-friendly Drupal app that would look pretty (kind of like Joomla out of the box) and use a whole bunch of hooks so that I could see them in action in a relatively big app?
ETA: ok, let me ask a more specific question from the same area. Is there a Drupal distro/app that would have the same basic functionality and look-and-feel as out of the box Joomla? While I personally might not know enough about what functionality and look-and-feel would be perfect for n00bs, the popularity of Joomla suggests that it can be thought of as a decent first approximation. Conversely, the widespread n00b unhappiness with out of the box Drupal suggests that it's not a good approximation to that at all.
What about a customized Drupal distribution?
Managing News
Open Atrium
Open Publish
Pressflow
If you don't like how Drupal looks, you could always install a new theme.
If you want a nice looking Drupal App then you can try OpenAtrium (http://openatrium.com/). It's pretty cool. It's code is perhaps not for the beginner, but it shows how good Drupal can look and act!
You can take a look at the Examples modules - http://drupal.org/project/examples. You can learn a lot from these, but obviously they are no good looking Apps, just API examples.
You could look at the core Drupal modules (User module for example would be a good start)

Automated Accessibility Testing/Screenreader Emulators [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other 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 8 years ago.
Improve this question
Apart from the web accessibility toolbar for IE and the WAVE tool. Does anyone know of any other tools to assist in web accessibility testing.
I'm also looking for a screen reader emulator.
There's a Firefox plug-in screenreader emulator called Fangs. It doesn't actually read the text and provide audio like JAWS but, it does show the text of how a screenreader would read it.
(source: standards-schmandards.com)
The Illinois Center for Information Technology and Web Accessibility makes a great Firefox plug-in called the Functional Web Accessibility Evaluator (FAE). It analyzes your HTML and finds potential accessibility problems. Coverage includes navigational elements (titles, headings, links, tables, etc.), text equivalents, scripting and even color contrast analysis.
They also have a beta version with ARIA support, and are hoping to soon start development on a Firebug extension.
Overall a very cool plug-in to add to your toolbox!
A screenreader emulator would be... a screenreader. Download JAWS and use the trial version.
I believe the jaws demo will run in 40 minute mode indefinitly but since I"m blind I had to buy the full version. For a list of screen readers as well as my opinions and experiences on them see this question

Resources