As some may have noticed, kylesaric.com, the blog itself and my twitter profile have gone under major redesign works!
In my previous blog post I mentioned the design I’ve come up with for my mothers website (which will stay under construction until my exams have finished!). I totally loved the design and have decided to redo my personal website and that led to completely scrapping the old design, html and css files and start from scratch. I learnt a lot on the way and have used various new coding methods including more CSS and some PHP that I never used before. Credit goes to @adammachin for finding the simplepie php extension and helping me use that to get an RSS header on my main site. I won’t bore anyone with the underlying architecture of my website since I will post a portfolio blog post detailing everything at a later stage.
As per usual, one thing led to another and I’ve decided to also redo my twitter page which, of course, was no way near as much work as my personal page! It quite simply involved changing the settings to match colors represented on my personal site and coming up with a .png background image. That then led to changing the one left over piece; my blog. I have yet to still create my own wordpress theme (it will happen one day!) but I still love the simplicity of my current theme (design by Igor Penjivrag) so I decided to simply change most of the CSS to match colors represented on my website!
As mentioned above, look out for a blog post in the near future explaining in a lot more detail some of the underlying architecture of my new website, how things came about and why I chose the current colors.
Posted on 21 May '09 by Kyle, under portfolio, website. No Comments.
I’ve decided to purchased jennifersaric.com to secure the name of my mum, Jennifer Saric, as a domain. There are several reasons for this; mainly so she can have a professional hub for all information about her. I’ve decided to create an under construction page until I have time to work on the site. I didn’t want to go with the whole 90’s construction site style but rather have a clean and simple yet professional look. This was achieved by creating a logo that features two fonts; one for general writing and one for her name. The overall result, a page with some added links and copyright/design information, can be seen below.
I have decided to go for the grey/white/red design since I think it’s a very stylish and modern look whilst maintaining a very professional look.
Once I have time to fully develop the site I will post an update on how I’ve created the final results!
Links:
Posted on 17 May '09 by Kyle, under portfolio. No Comments.
I’ve been working on the design for my Project365 page recently. My idea started when I watched the last episode of Epic Fu for 2008 and they had talked about people taking pictures every day for a year. I wanted to create something similar. My design for the web page was inspired by the clean colour scheme of Last.fm with a modern and simple feel for the layout. For the logo I went for a 720×200 pixel size. I quite like that as a banner size since it fits very nicely on most screen resolutions. I’d like to point out that for the brush effect on the edges of the logo I used the Paintey Brushes which are very nice and detailed. For the Flickr badge I went straight ahead to the Flickr Badge creator where I chose an HTML badge, pictures only from my Project365 set. I then chose not to have a buddy icon or screen name, 3 most recent images mid-sized in a horizontal orientation with no background or boarder colour. Once I got the HTML code I did quite a bit of editing. The CSS part of the code I completely redid and transfered it over to my style.css file:
#flickr_badge {
width:720px;
}
#flickr_badge img {
height: auto;
width: 236px;
border: 1px solid #000;
background: #ccc;
padding: 1px;
}
For the badge itself I wanted it the same width as my other content. For the img part I split the width (720px) into 3 parts (since I wanted 3 images to be displayed horizontally). This left me with 236px for the actual image with a 1px padding and 1px black boarder (in the screen shot below I have a full 720px width image but I have changed from this since the Flickr photos looked very blurry when stretched that big). Once all the Flickr images have been implemented I finalised the site and puplished it.
Posted on 1 January '09 by Kyle, under portfolio. 1 Comment.