BVS Banner

Posts Tagged ‘CSS’

45+ New jQuery Techniques For Good User Experience

Saturday, October 3rd, 2009

JavaScipt libraries have made huge leaps and bounds in helping developers write code and develop products more quickly. jQuery is one of the most popular JavaScript frameworks, with powerful tools that improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax.

To help you take it up a notch, we share below some methods that can help you give visitors to your website an amazing user experience. Here are over 45 impressive jQuery plug-ins and techniques that have been recently created and that could make the development of your next website an easier and more interesting experience than the last.

You may want to take a look at the following related posts:

(more…)

VN:F [1.8.8_1072]
Rating: 5.0/5 (2 votes cast)
VN:F [1.8.8_1072]
Rating: +2 (from 2 votes)
Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Twitthis
  • Yahoo! Bookmarks
  • Share/Save

The Big CSS3 Validation Debate

Saturday, October 3rd, 2009

Over the past few weeks I’ve received a number of emails from visitors to CSS3.info regarding CSS3 validation errors when using vendor specific extentions, for example -moz, -webkit, to implement CSS3 in their websites.

This certainly isn’t a new topic, and in fact Joost de Valke first raised the issue on this website back in January 2007, however a glance over the W3C mailing-list archive highlights that this debate is still going strong, with a number of interesting ideas raised, and I thought it would make an interesting discussion point for the CSS3.info community.

The problem is that, at present, none of the CSS3 modules have yet receached the status of becoming an official W3C Recommendation, as such any of these specifications could in theory be changed at time, particularly those that are still in the early stage of development.

Obviously browser vendors (with the exception of course of our beloved friend Microsoft) are keen to support these up and coming CSS3 specifications, however as they are still at an “experimental” stage of development it is necessary for the various css3 properties to be implemented using vendor specific extensions in order to avoid any possible conflicts with current or future css specifications.

(more…)

VN:F [1.8.8_1072]
Rating: 5.0/5 (1 vote cast)
VN:F [1.8.8_1072]
Rating: +1 (from 1 vote)
Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Twitthis
  • Yahoo! Bookmarks
  • Share/Save

6 New Web Technologies of 2009 You Need to Use Now

Saturday, October 3rd, 2009

Every year, we see scores of innovations trickle onto the web — everything from new browser features to cool web apps to entire programming languages. Some of these concepts just make us smile, then we move on. Some completely blow our minds with their utility and ingenuity — and become must-haves.

For this list, we’ve compiled the most truly life-altering nuggets of brilliance to hit center stage in 2008: the ideas, products and enhancements to the web experience so huge that they make us wonder how we got along without them.

Nitpickers will notice that a couple of these technologies arrived two or three years ago. Others aren’t even fully baked yet. But each innovation on our list reached a level of maturity, hit the point of critical mass, or stepped in to fill a burning need during 2008 that resulted in it significantly changing the landscape of the web.

Here’s to the technologies currently making the web a better place than it was 12 months ago.

(more…)

VN:F [1.8.8_1072]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.8_1072]
Rating: 0 (from 0 votes)
  • Share/Save

The Beauty of CSS

Wednesday, September 23rd, 2009

CSS is not a difficult language to learn, though there are bugs and browser discrepancies to deal with. He wrote off CSS when he compared IE5/Mac layouts in Netscape 4, but regained religion in 2002.

What about CSS is so beautiful to him?

“Standards” are “widely recognized” and “regularly used.” “Standards give us some kind of consistent target to build toward.” Standards benefit those who build the tools and build with the tools.

In nature, beauty goes beyond the surface down to structure and up to ecosystems. You often get accessibility bundled with CSS as a package deal.

Feedback from Wired News reader, which he shares “by no means in a raconteur style”: If you ask for feedback after you redesign a site, 90% of the feedback will be negative. “Your colours are awful; they’re too bright. I can’t read your type. Your designer sucks and should be fired.” Positive feedback to his own site followed a little formula, including one message that ended with “By the way, I’m blind.” “And that hit me like a ton of bricks…. His message basically completely fundamentally changed the work I do…. I don’t just design for people who can appreciate the beautiful designs and type I use on a site. I also design for blind people. I also design for people who can’t get out of the house because of a mobility impairment.”

Advantages: “Fstr” (sic) in real or apparent speeds. Simpler code; greater flexibility; one version.

Mistakes? Boxiness: Overreliance on the box model and making the box visible. “This can be a symptom of starting with CSS too early” in the design process, doing “only what we can immediately remember in CSS.” Image replacement: “A year ago at South by Southwest I deprecated image replacement.” We already have a tag for that in HTML: img with alt. In fact, a lot of the success of CSS Zen Garden is image replacement. You can’t zoom into it, for example [though you can with sIFR – zoom then reload]. Presentational class and id names: large, redtext, top-line, borderred, rightcol. Use page-title, subhead, main, module, secondary instead. Accessibility assumptions: Just for the blind or PDA users. Imitation.

VN:F [1.8.8_1072]
Rating: 0.0/5 (0 votes cast)
VN:F [1.8.8_1072]
Rating: +1 (from 1 vote)
Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Twitthis
  • Yahoo! Bookmarks
  • Share/Save

PHP $_SERVER variables are not safe for use in forms, links

Wednesday, September 23rd, 2009

A common security mistake I see WordPress plugin authors (and PHP coders in general) make is using $_SERVER['PHP_SELF'] or $_SERVER['REQUEST_URI'] as the action of a form or part of an anchor’s href attribute. This is not safe to do, and opens your code up to XSS (cross-site scripting) exploits.

Common example:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>">

Another example:

<a href="<?php echo $_SERVER['PHP_SELF']' ?>?foo=bar">link title</a>

Here are my two rules regarding $_SERVER['PHP_SELF'] or $_SERVER['REQUEST_URI'] in forms:

  • Do not use them
  • If you use one of them, escape it with esc_url()

(more…)

VN:F [1.8.8_1072]
Rating: 2.7/5 (3 votes cast)
VN:F [1.8.8_1072]
Rating: +1 (from 3 votes)
Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Twitter
  • Twitthis
  • Yahoo! Bookmarks
  • Share/Save
Freelance Web Developers | Entries (RSS) | and Comments (RSS)