learning to be human, since 1984
web development
Fixing z-index object problems in Google Chrome using wmode
072 days
Turns out that using z-index on html objects doesn’t work in Google Chrome! Luckily, there’s a quick fix – just add the following param to the object, add the z-index, and you should be good to go:
<param name="wmode" value="transparent">
User Testing Websites
0230 days
A few user testing websites – know of any others?
http://www.loop11.com/pricing/
http://www.optimalworkshop.com/chalkmark.htm
http://www.usertesting.com/
http://www.userzoom.com/
How to trigger a jQuery Plugin (fancybox) if URL match
0235 days
by sarandi
in clients, code, css, email, html/xhmtl, javascript, jQuery, programming, web, web development
I currently work for a venue – often times we have shows with multiple acts, so we need to list set times for each artist. Easy enough: I can write a modal-type pop-up window using fancybox that opens when the user clicks a link (“DJ Showtimes here“, for example). But say you want to send an email that links to that list? Since most email clients, web- or desktop-based, don’t allow javascript, I needed to trigger the click based on the URL. Here’s my solution (using a custom jQuery function to avoid conflicts with other libraries in use):
$j('#various2').fancybox({'hideOnContentClick': true, 'hideOnOverlayClick': true, 'showCloseButton': true, 'scrolling': 'auto'}); /* use id of link for fancybox selector *//* necessary to set if-statement within page ready or load event */
$j(document).ready(function() {
if(document.location.href.indexOf('#various2')>-1){ /* check for anchor text in URL */
$j('#various2').fancybox().trigger('click'); /* chain click trigger on to previously written fancybox declaration */
}});
$j('#fancybox-wrap').css({'margin':'20px auto'}) /* set css for wrapper; safari was centering the inline element to the position of the #various2 element, which was at the top of the page. This resets to 20px top/bottom and in the middle horizontally */My link looks like this:
DJ Set Times Hereand my content is wrapped with:
CONTENT HERE
Easy, peasy.
Google Analytics Links & Resources
0gleaned from http://appsumo.com/googlevid/ (must sign up to gain access to [temporarily free] video!
Campaign Tracking Overview:
http://cutroni.com/blog/2006/11/10/google-analytics-campaign-tracking-pt-0-an-overview/
Google Analytics URL Builder:
http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=55578
Goals & Funnels:
http://www.google.com/support/analytics/bin/answer.py?answer=55515&hl=en
Site Search:
http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=75817
Google Analytics: Power User Guide:
http://blog.vkistudios.com/index.cfm/2009/6/5/The-Google-Analytics-Power-User-Guide
50 Resources for Getting the Most Out of Google Analytics
http://blog.kissmetrics.com/50-resources-for-getting-the-most-out-of-google-analytics/
The Huge Collection of Google Analytics Tips
http://www.searchenginejournal.com/the-huge-collection-of-google-analytics-tips/7426/
Google Analytics YouTube Channel
http://www.youtube.com/googleanalytics
Blogs about Google Analytics
The Official Google Analytics Blog
http://analytics.blogspot.com/index.html
Advanced Web Metrics
http://www.advanced-web-metrics.com/blog/
Google Analytics Results
http://www.googleanalyticsresults.com/
Luna Metrics Blog
http://www.lunametrics.com/blog/
Analytics Talk
http://www.cutroni.com
Browser Tabs #0
0348 days
by sarandi
in baking, beer, browser tabs, design, drupal, inspiration, process, tools, web development
I regularly have way too many tabs open. Rather than bookmark them or log them in delicious, I’m going to start listing them here. It will act like a snapshot of what’s going on in my brain…? I think that’s interesting. Maybe you will too.
- http://www.beeratjoes.com/index.php/beer-dinners/spent-grain-beer-bread/
- http://www.realbeer.com/discussions/showthread.php?t=11228
- http://www.instructables.com/id/Etched-Copper-Board-Valentines-Day-art-wLEDs/#step0
- http://www.harkavagrant.com/index.php?id=152
- http://www.amazon.com/gp/search/ref=pe_77460_18793460_pe_09/?ie=UTF8&rh=n:1055398,n:!13900811,n:!1063496,n:331401011,n:284507,p_6:ATVPDKIKX0DER,n:13162311,n:13217501,n:13217701&page=1&bbn=331401011
- http://www.jagjaguwar.com/home.php
- http://chicago2011.drupal.org/tickets-and-registration
- http://bamfestpdx.com/schedule.html
- http://www.goldmine-elec-products.com/prodinfo.asp?number=C6900
- http://www.workbenchdesign.net/walkaround/walkaround.html
- http://www.workbenchdesign.net/
- http://www.skycraftsurplus.com/toolstoolkits.aspx
- http://www.closegrain.com/2010/08/portable-workbench.html
- http://www.instructables.com/id/Stop-using-Ferric-Chloride-etchant!–A-better-etc/?ALLSTEPS
- http://www.redwallprints.com/Services.php
Eric Meyer’s CSS Reset
2357 days
For rapid xhtml/css development, this is invaluable:
http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/
Especially when you pair it up with this:
http://960ls.atomidata.com/
301 Redirects in Drupal Pages
0I recently ran into a problem with a Drupal site I designed and maintain. Here’s a quick explanation of the problem, and then the solution.
The front page has a Views Slideshow Block that grabs node data from custom CCK types. These types contain an image to be displayed in the slideshow (but not the node itself) and a checkbox for enabling or disabling the node from appearing in the Slideshow Block. The slideshow images by default link to the nodes from which they were created.
The problem is linking to a page rendered by Views. Since I can’t add a field for the image or checkbox in a view page (not that I know of, let me know if I’m wrong on this) I had to figure out a different way. And I did, but not without further glitches.
I added the image and checkbox fields to my Page content type and created a node with the appropriate image. It appeared in the slideshow and linked to the page. I then tried several methods to redirect the alias to the correct page. First, the Path Redirect Module. Fail. Then, cpanel’s .htaccess redirect configuration tool. Fail. Then manual .htaccess configuration. Fail.
I don’t really know why the .htaccess failed – I have suspicions it has to do simply with Apache not updating, the fact that I have the Global Redirect Module installed, the clean url directives that already exist in the .htaccess file, or some similar url rewriting conflict.
In a pinch, I added this snippet of code to the body of the page I created:
<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: http://www.mysite.com/aliasname");
exit();
?>
This delicious morsel did the trick, but not without a headache first. You’ll have to have access to posting PHP code, and post it as source, even if you select the PHP option.