Top 15 CSS articles
Category: Articles | 870 views | Add a Comment |
- 53 CSS-Techniques You Couldn’t Live Without
- css examples
- http://csshook.com/cssexamples/top-50-best-css-articles-and-resources/
- How to make sexy buttons with CSS
- Learn to slice your templates into fully valid XHTML and CSS web pages
- Powerful CSS-Techniques For Effective Coding
- http://csscody.com/top-100-best-css-articles/
- 25 Code Snippets for Web Designers (Part1)
- Cheat Sheets for Front-end Web Developers
- (The Only) Ten Things To Know About CSS
- Using CSS to Fix Anything: 20+ Common Bugs and Fixes
- http://csscody.com/category/css/
- The RIGHT way to convert your Photoshop design to XHTML and CSS Layout
- Are You Making These 10 CSS Mistakes?
- http://csshook.com/cssexamples/category/css-examples/
Top 50 Best CSS Articles and Resources
Category: Articles | 1,604 views | 3 Comments |
CSS Tips and Techniques
- Push Your Web Design Into The Future With CSS3 [Smashing Magazine]
- CSS Typography: Contrast Techniques and Best Practices [Noupe]
- Powerful CSS Techniques for Effective Coding [Smashing Magazine]
- 4 Uber Cool CSS Techniques for Links [Css Globe]
- 10 Principles of the CSS Masters [NETTUTS]
- 12 Principles For Keeping Your Code Clean [Smashing Magazine]
- 101 CSS Techniques Of All Time - Part 1 [Noupe]
- Resetting Your Styles with CSS Reset [Six Revisions]
- 53 CSS Techniques You Couldn’t Live Without [Smashing Magazine]
- 101 CSS Techniques Of All Time - Part 2 [Noupe]
- Structural Naming Convention in CSS [Six Revisions]
- 10 Challenging but Awesome CSS Techniques [NETTUTS]
- Improving Code Readability With CSS Styleguides [Smashing Magazine] Read more…
Professional Team Management Tips And Suggestions
Category: Articles | 323 views | Add a Comment |
Tips And Suggestions
Know Yourself
What kind of manager are you?
Knowing yourself first is important before you start managing others. What kind of manager are you? Helping and managing others is hard without understanding what kind of person you are and what areas you can improve in.
There are several approaches to managing:
- Tell
Top-down, you tell them what to do, with no involvement from them. In this style of leadership, information is funneled up, and decisions are funneled down very authoritatively. This style leads to members disagreeing with what they have been told or simply doing what is asked and nothing more. - Tell/Sell
You tell them what to do but try to “sell” them the idea as well. You attempt to sell to your team the benefits of a particular course of action but are essentially telling them to get it done. This style often creates compliant collaborators, people who simply do what has been asked more because of the benefits than because of personal motivation to achieve the objectives. - Involve
The team feels more a part of it. They are more involved in the direction of their work while still leaving the responsibility of decisions with the manager. Seeking input from the team creates a more enthusiastic team, and sharing ideas often helps generate new ideas. - Co-create
This has potential to harness the talent of your team members best. The manager sets the objectives, but the method of achieving them is largely decided upon by the team. The manager actively involves the team and take their suggestions, often changing her or his mind in favor of a team member’s suggestion.
A skilled manager needs to be able to balance these styles according to the situation and maturity of the team. Obviously, if a team has served a “Tell” manager for several years, transitioning to a “Co-create” style will take time. Read more…
what is web Usability
Category: Articles | 451 views | 1 Comment |
Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist.
We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information.
Basically, users’ habits on the Web aren’t that different from customers’ habits in a store. Visitors glance at each new page, scan some of the text, and click on the first link that catches their interest or vaguely resembles the thing they’re looking for. In fact, there are large parts of the page they don’t even look at. Read more…
XHTML 2 vs. HTML 5
Category: Articles | 855 views | 2 Comments |
Overview of XHTML 2.0
XHTML 2.0 is based solely on XML, forgoing the SGML heritage and syntax peculiarities present in current web markup. XHTML 2.0 is supposed to be a “general-purpose language,” with a minimal default feature set that is easy to extend using CSS and other technologies (XForms, XML Events, etc). It’s a modular approach that allows the XHTML2 group to focus on generic document markup, while others develop mechanisms for presentation, interactivity, document construction, etc.
Priority one for the XHTML2 working group is to further separate document content and structure from document presentation. Other goals include increased usability and accessibility, improved internationalization, more device independence, less scripting, and better integration with the Semantic Web. The group has been less concerned with backward compatibility than their predecessors (and the HTML working group), which has led them to drop some of the syntactic baggage present in earlier incarnations of HTML. The result is a cleaner, more concise language that corrects many of Web markup’s past indiscretions.
Overview of HTML 5
While XHTML 2.0 aims to be revolutionary, the HTML working group has taken a more pragmatic approach and designed HTML 5 as an evolutionary technology. That is to say, HTML 5 is an incremental step forward that remains mostly compatible with the current HTML 4/XHTML 1 standards. However, HTML 5 offers a host of changes and extensions to HTML 4/XHTML 1 that address many of the faults in these earlier specifications.
HTML 5 is about moving HTML away from document markup, and turning it into a language for web applications. To that end, much of the specification focuses on creating a more robust, feature-ful client side environment for web application development by providing a variety of APIs. Among other things, the spec stipulates that complying implementations must provide client-side persistent storage (both key/value and SQL storage engines), audio and video playback APIs, 2D drawing through thecanvas element, cross-document messaging, server-sent events, and a networking API. Read more…
What is HTML 5
Category: Articles | 884 views | Add a Comment |
HTML 5 is a new version of HTML 4.01 and XHTML 1.0 focusing on the needs of Web application developers as well as evolving HTML and addressing issues found in the current specifications.
Why Should You Learn HTML 5
HTML 5 is the newest specification for HTML, and many browsers are going to start supporting it in the future. One nice thing about HTML 5 is that it attempts to stay backwards compatible. So if you don’t want to learn it just yet, you don’t need to.
If you build Web applications you will eventually want to learn HTML 5. There are a lot of new attributes and tags built just for Web applications. For instance, there are a number of new event handlers for drag and drop:
- ondrag
- ondragstart
- ondragend
- ondrop
YouTube HTML5 Demo
Category: Articles | 1,927 views | Add a Comment |
HTML 5 group has recommended some new tags -<audio> and <video> - that will let you play video files in the browser without the Shockwave Flash plugin.
This is a demo that demonstrates the potential of rendering 3D graphics in the browser, using O3D, an open-source web API for creating rich, interactive 3D applications in the browser. The app shown in the video is coded in javascript and html and runs in a web browser. Learn more about O3D athttp://code.google.com/apis/o3d
HTML 5 code that was used to embed this video clip on the YouTube page:
<video width="640" height="360" src="file.mp4" autobuffer>
<br>You must have an HTML5 capable browser.
</video>
What is HTML 5
Category: Articles | 385 views | Add a Comment |
HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.
Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>.
The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundred other vendors.
Note: HTML 5 is not a W3C recommendation yet!
Shortcut Keys in Windows Seven 7
Category: Articles | 420 views | 2 Comments |
I have found the following new shortcut keys to be useful. Do you know any more?
