Web Work

My web work, personal and commercial
There are 11 articles published in this category. Please try the search if you can't fint what you're looking for.

Mogr - your mobile starting point

Thursday, February 21, 2008

Mogr on the iPhone

I just released a beta of my latest project, Mogr ('Mo' is for mobile, 'g' is for google and the 'r' adds to the web 2.0:iness and stands for RSS:) also, Mog is a creature from Final Fantasy).

Mogr is meant to be your mobile starting point and is very simply a list of your favourite feeds packaged in a neat interface that should fit your mobile phone nicely.

There's also a search-bar that lets you query your favourite search-engine.

Feeds are cached for an hour and site-favicons are cached forever (well, till i manually clear the file). All information you save on the site (your feeds, search-engine and other various settings) are stored in a cookie so there's no need for any sign-up.

Simply surf over to mogr.pixlperfik.com and add your feeds.

Suggestions or feedback? Please use the comments

Comments are off
Filed under Design, Web Work

Dark is Back

Tuesday, August 14, 2007

I decided to brush up and update my old style "Dark" that I made back in March of 2006.

I've added quite a lot of widgets to my sub-content area since then and this style doesn't really look good with more than a few of them visible so you won't have access to everything if you use it.

I think this is the best one I've made and I know it's one of the most popular ones among visitors (well, perhaps not so much anymore since i added the JoshuaInk-style) so I felt it was time to get it back online.

Select it from the style switcher, styles page or just click the thumb.

Enjoy.

Comments are off
Filed under Design, Site News, Web Work

A Really Old School Design

Thursday, February 01, 2007

Just finished coding this really old-school design i initially made a couple of years ago.
It looks horibble, but it was a pretty good CSS excersise to get my current HTML to look like that through CSS.
I actually had to use some JS aswell to add a div for the bottom-left image in the content-area (home/archives etc).

I had the 2 year old source code zipped up and saved for reference, but the page wouldn't render properly in FF, which isn't strange when you consider the code; table based design, inline styles, attribute values without quotes etc.
I tried it in IE7 and there it rendered just fine. Too bad IE has better support for crappy code, than for modern standards.

Anyway, it's pure CSS now so check it out on the styles page or click here to apply it right away

Laters

Comments are off
Filed under CSS, Design, Old School, Web Work

Luleå Renhållningen AB

Monday, November 13, 2006

Made this one quite some time back, must've forgotten to post about it.

renhallningen.se

Comments are off
Filed under Design, Web Work

XLNT Catering

Monday, November 13, 2006

XLNTCatering.se

Recently finished coding this for a friend at work. She designed it, but she asked me to code it.

I got to create my own kind of "sifr", but instead of flash i use a php-generated png image. Unfortunately you can't copy or select the text, but the text-to-image replacement is done using javascript so all the headings are proper text in the HTML.

As you can see (if you've checked the site out) the menu item pointing to the page you are currently on always needs to be furthest to the left. I solved this using a body-id and an id for each menu-li, and then positioning the selected menu item absolutely at left: 0; together with padding in the #nav ul.
Check the css is you're really interested.

Comments are off
Filed under Design, Web Work

CSS3 Multiple Background Images

Sunday, October 08, 2006

A box with multiple background images

I quite recently found out that Safari for Macintosh supports multiple background images in one element. I immidiatly got very excited and created this box using 12 jpg-images, a div and a h2.

The box is stretchable in any direction (including text-resizing).

At work i get to create plenty of boxes in almost every design and i constantly have to bloat my HTML with unnecessary spans and divs. I wish all browsers could support multiple background images now! That would make my job so much easier =)

Anyway, check it out, it wont look very cool if you're not on safari tho.

Comments are off
Filed under CSS, Design, Web Work

Google Start Page Valid and Strict

Sunday, October 08, 2006

Yea, like so many others i also made google's start page XHTML 1.0 valid and strict. I initially planned to recreate the entire start page with all the "stuff-boxes" (Google Videos etc) but couldn't be arsed.

Check it out