Archive for the ‘CSS’ Category

Weekly Link Roundup – 2009-11-29

Nov 29 2009

I really should keep up on these link roundups, but you know…

How to Get Hired at a Startup

This is a real interesting post for those looking at getting hired at a startup. Most startups I know are looking for the relationship over the merits of a potential employee. This blog posts highlights some useful tips to help you show the company that you will fit in. If some of these tips don’t apply to you, then chances are low you will get hired. Read More

10 Performance Tips to Speed Up PHP

I like to read about these performance tips even though I know and do my best to practice them in my code. I think it’s important to always ensure your code not only works but works efficiently.. Read More

8 Very Useful jQuery forms

We all like lists don’t we? Well this site has a great but small list of useful jQuery form plugins. jQuery is my favorite JavaScript library and I don’t hesitate to use it where necessary. Some of these plugins are great to use in web forms. it can give your forms and added edge in professionalism, in my opinion. (beware of users who turn JavaScript off!!)… Read More

23 Pure CSS Effects/Solutions to Make JavaScript Angry!

I can’t just leave well enough alone can I? The last link I’m promoting JavaScript, and now I’m promoting CSS solutions to make JavaScript Angry! This is another nice long list of effects that can be achieved in CSS and/or JavaScript. some of these would be better suited as some users still browse the web with JavaScript off… Read More

Posted by Shawn | Comment (1)

Awesome SEO Safe Text Effects with jQuery and sIFR

Nov 27 2009

If you haven’t heard of sIFR, it is Scalable Inman Flash Replacement which allows you to utilize flash, CSS and JavaScript to create custom typography on your web page. The font-family class in CSS can only load so many fonts as it will only load the fonts that the browser supports. sIFR allows us the option to use our own fonts and harness the SEO power of our text as we don’t have to rely on having images or flash files to display any custom text.

I’d like to look at a feature that more Flash developers would know about. I came across this issue when I was trying to find a solution to having drop shadows in my font, so my initial thought was to use the drop-shadow CSS class, but I didn’t like the lack of browser support for it, so that solution was out. sIFR seemed like the next reasonable solution to try. Since I prefer to use the jQuery library with any JavaScript that I use, I used the jQuery sIFR plugin. Read more »

Posted by Shawn | Comments (0)

Rounded Corners in IE: The HTC Way

Oct 14 2009

As I promised in one of my earlier tutorials: Rounded Corners with CSS3 I would look at an example that used an HTC file to create rounded corners on IE.

I’ve uploaded an example provided by the project owner for you guys to test. The way to do this is relatively simple, just as simple as it was to create rounded corners through “-moz-border-radius” & “-webkit-border-radius”.
Read more »

Posted by Shawn | Comments (2)

Weekly Link Roundup – 2009-10-09

Oct 10 2009

Building iPhone Apps with HTML, CSS, and JavaScript.

Building iPhone Apps with HTML, CSS, and JavaScript. Pretty interesting article for stepping into your first iPhone app. Read More…

How to Win Any Job on eLance, oDesk or Guru.com

I found this article really helpful in terms of how to promote myself to prospective freelance clients. It actually already helped me win one job. Although there are some spelling mistakes in it, take what you learn in terms of promotion and selling yourself and put it into your own words. Read More…

How To Write Viral Content For Your Website

Another article on writing, as a blog writer and gaining freelance clients, I find this to be a very important facet of skills that one should learn. It will only help you with your future skills. Read More…

CSS Font-Size: em vs. px vs. pt vs. percent

I’ve always wondered about the differences of defining font sizes in CSS. This article really helped bring clarity to that. Very nice breakdown of em, px, pt, and percent in CSS font sizing. Read More…

Posted by Shawn | Comments (0)

Weekly Link Roundup – 2009-10-02

Oct 1 2009

Ten IT Concepts That Non-IT People Don’t Get

Often IT workers get the same question over and over again. This is a somewhat humourous and serious look at the top ten concepts that non-IT people often get confused with. Read More…

Pros and Cons of Flash-based Sites

Some few years ago flash sites were the greatest thing since sliced bread, since then we’ve smartened up and found weaknesses with this next big thing, but the importance of Flash on websites still remains strong. this list looks at some pros and cons of flash based web sites. Read More…

9 Ways to Make Your Writing More Compelling

As a newer blog writer, I found this list compelling and helpful in regards to making me a better writer. Can you tell the improvement? Probably not. Read More…

10 code snippets to interact with Twitter

Twitter is an interesting and annoying tool. I have a different site set to automatically post a “tweet” when new content comes in, which I think is really cool as another avenue to promote my site. However I do find I get a lot of spammer accounts signing up to follow my account so, is it really worth it? Nonetheless, here are some cool snippets to help you interact with the Twitter API. Read More…

CSS techniques web developer should use

Web Developers should always be looking at improving their CSS skills, especially with the coming of CSS3. What doesn’t kill you makes you a stronger developer, right? Read more…

That’s it for the weekly link roundup this week!

Posted by Shawn | Comment (1)

Rounded Corners with CSS3

Sep 29 2009

To start off my first blog posting, I will keep it simple with a tutorial on rounded corners via CSS. A Google search brings up multiple ways of doing rounded corners, with images, javascript, css, HTML tables and more. For the sake of simplicity and adapting to the new CSS3 syntax we will look at how to do this with the new option for borders: border-radius.

CSS3 is currently in development, and we can keep an eye on the progress here: CSS3 progress report. Mozila/Firefox, Google Chrome and Safari 3 have adopted the border-radius function. An interesting note is that in mobile browsers there is support for border-radius in the iPhone and any other devices that run the Webkit engine. Where does that leave Internet Explorer? Interestingly enough, Internet Explorer 8 is compliant with the CSS2.1 specification and supports some features of CSS3. However border-radius is not one of them. Are we out of luck for IE, keep reading and you will find out.
Read more »

Posted by Shawn | Comments (2)