Web Dev
A Super Simple jQuery Fading Slideshow
I usually end up doing a search about every month for a nice slideshow script that fades between the various slides, provides some functionality for the user to jump to a specific slide, and that\’s about it. It doesn\’t have to do crazy transitions or bring out the razzle and dazzle, it just needs to […]
Read MoreAdd Point Markers to a Google Chart Line Chart
It\’s pretty easy to add points or nodes to a google line chart. The keys are to add the pointSize option to the chart options object. By default, it\’s set to 0, so the points don\’t appear. The color will set to be whatever you have set in your colors series. Also note that the […]
Read MoreAdd Stroked Point Markers to a Google Line Chart
I was pretty easily able to
Read MoreTargeting the Submit Button with CSS
Yeah, I always forget how to apply styles to just the submit button. It\’s of course easy, but I can never get it to stick around in my brain for the next time I need to use it: input[type=”submit”]
Read MoreLoop through all elements of a class
Looping through all elements of a class (.element-class) — and in the example below, restricting this so that it only hits elements within a container element. So if we have a div with an id of ‘container-div’, which has 6 divs with classes named ‘element-class’, this will loop through each and do whatever we want […]
Read MoreSetting the Default Fill and Strok Style in Inkscape
For the longest time, I would just adjust the fill and stroke styles after drawing something with the pen tool, which certainly wasn’t ideal. Sometimes I couldn’t see the effect that I was going for, so I would change the styles right after drawing each shape. How moronic — especially since it\’s super easy to […]
Read MoreVertical Center an Image Within a Link (or Div)
How to vertically center an image within a div: <style> .valign-helper{ display: inline-block; height: 90px; } a img{ display: inline-block; vertical-align: middle; } </style> <a title=”my title” href=”#”> <span class=”valign-helper”></span> <img src=”image-path” /> </a>
Read MoreGet the Next Element of a Class with jQuery
I\’ve been looking for a good way of finding the next element with a given class name. For example, given a user clicking on the link of \’click here 1\’, I would love to be able to target the next div that has a div class of \’result-here\’. Note, I don\’t want jQuery to return […]
Read MoreCreating Radial Arrays in Inkscape
Radial Array in Inkscape: 1. Create a Shape 2. Click on the shape, and then click on it again to bring up the ‘rotational handles’ 3. Drag the + sign, currently in the middle of the shape to the center point of the circle that you would like to rotate the shape around. 4. Go […]
Read MoreSetting up SASS with Ruby and Compass on Your Computer
I don’t know if I just didn’t do enough digging, but the process for setting up SASS using Ruby took several sources online and some trial and error to really get things running. I did attempt to go with the simple method of just using one of the precompiling apps (prepros), but it seems like […]
Read More