-
How do you communicate design related tasks to developers
Hey guys, I am doing a survey on how teams communicate design related tasks with developers. If you are or have worked with designers or developers to build a website, web application or mobile application if would be great to get your feedback. It will only take 5 mins. Please also pass this on to anyone you know who this might apply to. http://goo.gl/forms/f2BuugaTr6
- 2 replies
-
- design
- ux
- ui
- front-end development
-
Tagged with:
-
jQuery horizontal timeline
Hey Guys, I am trying to create a timeline that will eventually work to display Wordpress post titles and a link to the post. but at the moment I am just trying to figure out how to go about making the timeline. I have found two great examples of timelines using css and js. http://mattbango.com/notebook/web-development/pure-css-timeline/comment-page-2/#comment-47205 This is an awesome example of a timeline but is lacks the ability to interact with it as well as arrange items by date. currently items are pre positioned, I am wanting these to be dynamic and based on where in the time frame that post falls. http://tutorialzine.com/2012/04/timeline-portfolio/#comment-23898 This timeline has it all... In fact too much and unfortunately I can't seem to decipher what is doing what in the JS file, I can't strip out just the slider. I don't want the whole portolio, youtube, google spreadsheets functionality. I am just looking to grab post dates and display them on the timeline. Sorry I know thats a big explanation but I felt I needed to give a bit of background. Can anyone sugest how I can go about achieving this?
-
CSS Problem
I am making a blog and as part of my template I am wanting to have my header and then another image on the side of that using the z-index: 2; to make it that layer about. so here is the css. .splash { z-index: 2; width: 135px; height: 386px; margin: 0 auto; position: relative; left: 450px; top: 0px; background: url('images/splash1.png'); } and this is the code for the header. (its a wordpress blog btw.) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_get_archives('type=monthly&format=link'); ?> <?php wp_head(); ?> </head> <body>[b]<p class="splash">welcome</p>[/b] <div class="main"> <div class="top"> <div class="topl"> <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> </div> <div class="topr"> <form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <p><input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="search_query" /> <input type="submit" class="searchbutton" value="Search" /></p> </form> </div> </div> <div class="shortnfo"> <div class="menuitems"> <ul> <li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li> <?php wp_list_pages('title_li='); ?> </ul> </div> <div class="welcome"> <h2>Welcome</h2> <p><?php bloginfo('description'); ?></p> </div> </div> and the link to my site is: http://www.arctosdesign.com/blog you should see the layout as it should be but then a nice watery image above that which is the image i am wanting to move. if anyone could give me some advice or tips as to how to sort this i would really appriciate it. thanx