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

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.

Related

Regarding YUI3 for begineers [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
May be this question is not appropriate for this forum , but i tried a lot on google but didnt found any good book for YUI3 for begineers except cookbook.
I need help, thats why i am posting.
I am looking for a good book or tutorial (except YUI3 library) that explains complete website development using YUI for front end and spring framework for server coding. It it includes a complete project like building any forum or e-commerce site , it will be very helpful for me.
Thanks, and apologies if i posted asked something wrong on this forum,
If you ever did some web project using jquery, I recommand the javascript Rosetta stone for documentation
The tutorials in YUI3 library are also a good way to learn the basics
However, it was announced that active development by Yahoo! would end. So it's up to you if you want to start with a framework that could be no longer maintained
For YUI3 there are some nice videos on youtube. Actually playlists by the YUI3 team members. They are good in understanding the architecture of YUI framework. Also if you google you can find a good book online named 'YUI3 cookbook'. That is also a good read. I am also new to JS and YUI3. I am also going to read JS book 'Javascript the good parts'.

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)

I am looking for a clean HTML tutorial [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've been doing web programming from 1999 to 2004 and it looks like a lot has changed. The layout is no longer done with tables, but with DIVs, etc...
I am looking for a tutorial that combines CSS and HTML and DIVs, etc... and teaches you how to layout a page.
I don't want a tutorial that focuses on a specific one technology, but more of a holistic approach. And for whatever reason I am not find that at all.
If you're up for buying or borrowing a book, I would suggest Designing With Web Standards by Jeffrey Zeldman.
I would also highly suggest Zeldman's A List Apart for articles, particularly the Code:CSS and Code:HTML and XHTML sections to cover what you're looking for. There's a lot to learn; a few good articles to start with might be:
How to Grok Web Standards
In Search of the Holy Grail
Fix Your Site with the Right DOCTYPE!
12 Lessons for Those Afraid of CSS and Standards
I like w3schools because it has these "try it" boxes where you can see what happens instantly. It's very helpful.
I really recommend this one by Matthew James. It's very clean, descriptive and follows all the standards
The Opera WSC is good. HTML Dog isn't bad either.

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