Let’s face it. We all work really late sometimes coding or tweaking code and it’s easy to sometimes forget a CSS code for doing something we don’t often do manually. For example I was tweaking the CSS for a WordPress install on the forthcoming 365raysofhope.com and did not recall the CSS for all of the table formatting I needed. So, like any professional geek, I looked in my bag of tricks (happened to be my bookmarks called “Table Formatting”) and came across this neat little tool I have not used recently but was glad to have it today when I needed it.
It’s called the HTML and CSS Table Border Style Wizard and I love it. At first glance it may seem a little daunting to those of you who are just now diving in to CSS for style sheets or inline style but if you click around on it a bit you’ll soon get the hang of what it is doing.
Let’s say, for example, you wanted a “coupon” looking table like the one in the image with the red dashed lines. Sure you may remember that code is “border-style: dashed;” but maybe you don’t or maybe you don’t know that yet. What this tool does is allow you to tweak your table style until you get the formatting just as you like and then it gives you the copy and paste CSS code like in the image to the left.
If you are new to CSS and are not sure what it does or where it goes there is plenty of information at W3Schools about all aspects of web development and design. Today’s huge amount of out of the box solutions like WordPress, Joomla and Drupal (to name a few) still need tweaking if you want to truly have a customized website. Sure, you can find someone to change the images or use the built in theme selections but when you’re ready for something truly custom or to create your own custom theme you’ll need to know these techniques. Otherwise it’s just using settings on a customizable theme – not truly hot rodding your installation.
But of course! In every blogger’s time there comes a need for some good, open source, public domain, free to use, guilt free, and otherwise just downright charitable imagery. Your’s truly is not immune so I want to share a good resource with you today. In fact this is good for blogging, newsletter publishing, flyer creation and more.
While the terms “scalable vector graphics” may not immediately mean anything to you it will once you know what they
Scalable Vector Graphic - Public Domain
are and that you can get high quality SVG graphics from this source. Every one of them is 100% public domain, too. SVG is music to the ears of most publishers looking for images which can be resized without being degraded, pixelated or otherwise stretched or compressed beyond recognition. But that’s not all – these are in XML format so with a little bit of skill you can “dig around in the code” and make changes to the image yourself!
The image to the right is from http://www.openclipart.org/detail/93463 where you can also search for thousands of other images. If you are so inclined and really want to know how to do it I will write a short article about how to manipulate the XML code of the SVG files to modify the image to suit your needs. You can resize, locate, recolor, reshade, and otherwise manipulate the images in many ways.
Enjoy and please share freely with others by clicking on the ReTweet or Facebook Like buttons at the top of the article.
Ever need a little help working out your color scheme? What if your client asks for a tetrad scheme based on an RGB value of A2744E? Of course there is an answer. In fact there is so little needed to be said about this tool I’ll just give you the link and let you use it.
This online, free color scheme tool allows you to choose many variations on your theme(s) and gives you all the color tabs and RGB numbers needed to complete your coding.
You can find and use this free online tool for your color schemes simply by visiting http://colorschemedesigner.com/