General

Week in Review: Design Reviver Answers

February 5, 2010 • By

It has now been two weeks since our launch of , and we couldn’t be happier. Even more members, yet more visitors, an abundance of questions and a hell of a lot more answers – we really are building a great web design community portal!

We felt it would be nice to share with you our favorite Questions and Answers, and ask you: “Have you asked a question yet?

Would I Possibly Be Able To Know What Language My Websites Visitors Use?

This question was asked by Rollback999:

Answer from Themans?:

“Sure! This is mostly used for detection and then translation of a webpage.

Function getPreferredLanguage() {
$langs = array();
if (isset($_SERVER[‘HTTP_ACCEPT_LANGUAGE’])) {
// break up string into pieces (languages and q factors)
preg_match_all(‘/([a-z]{1,8}(-[a-z]{1,8})?)s*(;s*qs*=s*(1
0.[0-9]+))?/i’,
$_SERVER[‘HTTP_ACCEPT_LANGUAGE’], $lang_parse);
if (count($lang_parse[1])) {
// create a list like “en” => 0.8
$langs = array_combine($lang_parse[1], $lang_parse[4]);
// set default to 1 for any without q factor
foreach ($langs as $lang => $val) {
if ($val === ”) $langs[$lang] = 1;
}
// sort list based on value
arsort($langs, SORT_NUMERIC);
}
}
//extract most important (first)
foreach ($langs as $lang => $val) { break; }
//if complex language simplify it
if (stristr($lang,”-“)) {$tmp = explode(“-“,$lang); $lang = $tmp[0]; }
return $lang;
}

Source: www.barattalo.it

How Can I Redirect Mobile Users?

This question was asked by Heri Setiawan:

Answer from Joel Reyes?:

“If you’re looking to redirect users that visit your site on a mobile platform then you can embed this within your html file. It’s a very simple JavaSript code.

<!–
if (screen.width

All you have to do is simple replace the mobilevs.php with the location of your sites mobile version.”

Answer from Heri Setiawan?:

“Hi joel. That’s nice trick. But i recommend to use this PHP mobile detection, as it can be used to detect any mobile platform, like Windows Mobile, Blackberry, Opera Mini, Android, Iphone, etc.

Found it here, and official site here.”

How Do I Protect My Email Addresses On My Blog?

This question was asked by Themans:

Answer from Autobots?:

“If you’re trying to run a more secure enviornment by protecting/encrypting emails then you can use the following script to protect against bots and spyders.

Code:
function hide_email($email) { $character_set = ‘+-.0123456789@ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz’; $key = str_shuffle($character_set); $cipher_text = ”; $id = ‘e’.rand(1,999999999); for ($i=0;$i”+d+””‘; $script = “eval(“”.str_replace(array(“”,'”‘),array(“”,'”‘), $script).””)”; $script = ”; return ‘[javascript protected email address]’.$script; }

Source: www.maurits.vdschee.nl

How Can I Customize My UL List?

This question was asked by Themans:

“UL Lists are for the most part the same, there is rarely much you can do when it comes to customizations beyond the links, text color, etc. However, here’s a script that will create a simple slide-out effect for your UL lists. Enjoy!

Create an ID section in your CSS. We then place the following as your HTML:

Now we need some JavaScript code to allow the Slide-Out effect to take life:

window.addEvent(‘domready’, function() {
/* From the list with ID myList, for each li element of the list…: */
$(‘myList’).getElements(‘li’).each(function(e){
/* …get the ID of the selected item */
e.getElement(‘a’).addEvent(‘click’, function(listID){
/* Enable Fx.Slide effect for the selected item */
var list_element = new Fx.Slide(listID);
/* Enable slideOut() effect */
list_element.slideOut()
}.pass(e.id));
});
});

Source: woork.blogspot.com

What Books Do You Recommend For A Beginner To Kick Off The Start Of Learning Web Design?

This question was asked by Shu:

Answer from Heri Setiawan:

“These may help beginner:

Principles Of Beautiful Web Design
Adobe Photoshop CS3 Classroom in a Book
XHTML And CSS : A Web Standards Approach   <- this one is awesome
The CSS Anthology : 101 Essential Tips, Tricks & Hacks
WordPress Theme Design (here is the newer version)”

Answer from Cy Klassen:

HTML and CSS Web Standards Solutions: A Web Standardista’s Approach.
HTML Dog: The Best-Practice Guide to XHTML and CSS.
The Zen of CSS Design (see css Zen Garden).”

What Next for Design Reviver Answers?

Michael Lajlev asked us this question: Please Make An Option For Showing If A Topic Is Resolved And How Many Comments Is Made To A Q?. Its a fair question and this is our answer:

“Thanks for the suggestions Michael, we will be adding the number of answers onto the question pages shortly. At the moment we don’t have any plans to close questions (and mark them resolved) I know some Q&A sites like yahoo answers have that system so it might be something for us to add in the future.”

If anyone else has any suggestions or ideas on how we can improve the site, we would love to hear from you.

Thanks again, firstly to everyone who asked a question, but most importantly thanks to everyone that took the time to offer always helpful and useful answers.

(Visited 66 times, 1 visits today)