Category Archives: Code

Amazing web design Tools

Posted on by
Reply

Writing code all day gets tiring, and for those of us with Carpal tunnel syndrome or in the stagings of getting it, saving some keystrokes is great. For the rest of you, it’s often hard to remember all the syntax of some more complex CSS rules, like the CSS gradients, or border radius. There’s a few awesome websites that generate easy CSS rules.

CSS3 Generator by @Randy Jensen.

CSS generator can generate about a dozen CSS3 rules, including border radius, and Columns. It’s generally awesome.

Gradient Editor by @colorzilla.

Gradient Generator is a truely amazing and time saving tool, as with a few clicks you can generator CSS3 gradients (As well as filter gradients for IE), that support transparent gradients, rgb and rgba, hex,hsl and hsla formats, and can even import gradients from images, so you can import your mock ups and get exactly the same gradient.

Ceaser by @Matthew Lein

One of the most complicated CSS3 specs is the transitions. While CSS3 generator has some support for it, Ceaser provided very detailed in depth, configurable transitions quickly and easily.

FontSquirrel Generator by @FontSquirrel

When a font isn’t in their gallery or Google webfonts, the first place I head is the font squirrel generator. Just upload a font from your computer, select the formats and a few other options, and it will provide you with a zip file download of your webfont. Its pretty amazing for those free fonts you find online and want to use, but know your readers will not have installed on their computers.

CSS3 Ribbon Generator by @CSS3D

Need a fancy ribbon, look no further than CSS3 ribbon Generator. It will let you pick the angles ad all sorta of fun stuff. For even more fun, use it in combination with the gradient generator for slick gradients on ribbons.

Bulletproof CSS3 gradients

Posted on by
2

CSS Gradients are wonderful things. They can cut down http request, condense document size, and just flat out look awesome. But every browser has to be different, and when mixing every browsers preference, it becomes a pain in the butt. While trying to set it up, i made a fatal flaw in one of my normally untested browsers, firefox 3.6, and the menubar disappeared in it. Continue reading →

How to make mod_rewrite work on openSUSE 11.3

Posted on by
2

As you may know, this blog is hosted at home, on my 5 year old computer, running openSUSE 11.3, and apache.

Just a quick how to, of what I did to make it work.

First, edit /etc/apache2/httpd.conf Change the “AllowOverride None” to “AllowOverride All” so it looks like this:

# forbid access to the entire filesystem by default
    Options None
    AllowOverride All
    Order deny,allow
    Deny from all

Then, you need to add some code to your virtual hosts. In my case, they now look like this:

DocumentRoot /srv/www/htdocs/alpha1beta/
ServerName alpha1beta.com
ServerAdmin [admin email address redacted]

Options +FollowSymLinks
AllowOverride all
Order deny,allow
Allow from all
RewriteEngine On
RewriteBase /alpha1beta/

I had to add the bottom section there to make it work.

After changing the httpd.conf and all vhosts connected with it, simply reboot apache, with rcapache2 restart, run as root. Then set your pretty URL in CMS.
EDIT while trying this on server #2, i had to edit /etc/sysconfig/apache2 and add ‘rewrite’ to this list

APACHE_MODULES=”authz_host actions alias auth_basic authz_groupfile authn_file authz_user autoindex cgi dir include rewrite log_config mime negotiation setenvif status userdir asis imagemap php5 authz_default”