Skip to content

52 Designs – Week 6

Week 6 of 52 Designs is here which means we are over 10% the way through the year! 52 Designs is about creating a design a week and now has 15 artists involved with and ever increasing number of designs.

You can create whatever design you want and what ever medium you choose. If you haven’t already done so then head on over to http://www.flickr.com/groups/52designs/ and check out the creative fun.

52 Designs – Week 5

Week 5 of 52 designs has begun. If you don’t already know what it’s about here is a quick recap. 52 Designs is about creating a design, of some form (drawing, painting etc) every week of the year. That’s it!

So hows it going… Either head on over to Flickr and check out the group or see the what we have had for January.There have been some brilliant additions from some really great designers

Go on have a go yourself. Just submit an image to the pool on Flickr.

52 Designs Gallery – January

52 Designs is about designing something every week of the year. Here is a quick look at all the images from January for the 52 Designs pool on Flickr. Click on the images for a bigger/better view.

If you would like to join in then head over to the pool on Flickr. All image credits go to the original artists who you can find in said pool!

HTML5 & CSS3 Learning and Resources

EDIT: New links added 25-01-2010

So you have probably been hearing a lot about HTML5 and CSS3 on the internet in the recent months and weeks. What are they? What’s the deal with them? Why are they important and should I be doing anything yet?.. are a few questions you might have. I have been reading articles and saving links for a few months now so I thought I better share all the goodies with everyone else and hopefully you will be able to answer most if not all of your questions. I have tried to categorize as best I can but there is some overlap! Enjoy!

BOTH

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

HTML 5

What is supported where
http://a.deveria.com/caniuse/

HTML5 feature sand usage
http://diveintohtml5.org/

A Cheat sheet for html 5
http://woorkup.com/wp-content/uploads/2009/12/HTML5-Visual-Cheat-Sheet.pdf

HTML5 sites now!
http://seogadget.co.uk/html5-examples-in-the-wild/

HTML5 Tutorials
http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
http://html5tutorial.net/

CSS 3

General CSS 3
http://www.smashingmagazine.com/2009/12/16/stronger-better-faster-design-with-css3/
http://designshack.co.uk/tutorials/introduction-to-css3-part-1-what-is-it
http://www.exforsys.com/tutorials/css3.html

CSS3 Visual effects
http://www.smashingmagazine.com/2010/01/25/the-new-hotness-using-css3-visual-effects/

CSS3 layout
http://designshack.co.uk/tutorials/introduction-to-css3-part-5-multiple-columns

CSS3 backgrounds
http://designshack.co.uk/tutorials/introduction-to-css3-part-6-backgrounds

CSS3 User interfaces
http://designshack.co.uk/tutorials/introduction-to-css3-part-4-user-interface
http://www.zurb.com/playground/css3-polaroids

CSS 3 text effects
http://designshack.co.uk/tutorials/introduction-to-css3-part-3-text-effects

CSS 3 Borders
http://designshack.co.uk/tutorials/introduction-to-css3-part-2-borders

CSS 3 for ie6+
http://www.keithclark.co.uk/labs/ie-css3/

As always if you have some great links you have found yourself or you have an article about this then drop a comment and I will update the post.

52 Designs – Week 4

Wow can you believe it’s week 4 already! The 52 Designs Flickr group [ http://www.flickr.com/groups/52designs/ ] already has loads of images and people involved making some brilliant images. I’m looking forward to another great week.

In case you missed it, 52 Designs is a creative project to create a new design every week. Anything goes as a design so you can doodle, scribble, paint, scuplt, 3dModel. Just get creative and share the results.

If you want to join up then head on over to the Flickr Group and join in the creative fun. If you don’t have a Flickr/yahoo account then I am working on a solution but you can always post the link to your image in the comments. In the mean time if you have any ideas on how I can include you then drop me a comment below.

Thanks

52 Designs – Week 3

Yes week 3 is here already… There have been some amazing additions to the group pool on Flickr (http://www.flickr.com/groups/52designs/) and I hope this week brings many more. Keep up the great work guys and gals.

There are now a few guidelines as to what is allowed as some people weren’t sure if things like doodles and sketches can be included.. Great News… They Can!

What can be posted as a design
You can post anything that is a design or creative:
Illustrations,
Posters,
Doodles,
Sketches of things,
Logos,
Web designs,
Photographs of things that are non digital are OK. ie drawings, sculptures, canvases.

52 Designs – Week 2

52 designs is an ongoing project to create 52 designs, 1 for each week of the year. It was conceived as a project for myself to keep a steady flow of creativity flowing going through the year but has since evolved into a more social project (hosted on Flickr: http://www.flickr.com/groups/52designs/). The group had some great designs added from @jumbola, @five3girl and @nealcoghlan [Twitter]. Looking forward to some more excellent work this week… No pressure!

Any creative design you create this week can be added to the group on whatever medium you fancy and to feature in week 2 you just need to add it to the group by Thursday as week 3 begins on Friday.

HDR Photographs

Had my first proper go with HDR (High Dynamic Range) Photography yesterday and I have to say I am pleased with the results. One of my friends, Dave, has written a blog post about HDR which summarizes the details nicely so if you want to get clued up then head over there for more info. If you want to see more of my HDR images then head over to Flickr: http://www.flickr.com/photos/carlosthedesigner/collections/72157623175252182/

I followed this tutorial http://www.photoshopcafe.com/tutorials/HDR_ps/hdr-ps.htm which was really easy to follow and got great results.

HDT Fisheye image of the interior of Chester Cathedral

HDT Fisheye image of the interior of Chester Cathedral

Snap a day (work in progress)

Another fun but long term project for 2010. I am going to try to take a photo a day all year and then mash-up the results in to another form such as a video or photo mosaic. Look out for the partial results as the year goes by.

52 Designs

A fun project for 2010. The aim is to create 1 design a week, every week of the year, resulting in 52 images. The term design is a very loose one for this project so the design can be on anything, paper, canvas, digital and can be anything from a doodle or illustration to a painting or sculpture (not very likely). The weekly deadline is the Thursday of each week.

Take part

If you like the idea of this then feel free to join in… There is a Flickr Group

http://www.flickr.com/groups/52designs/

Here is my week 1

Paint makers on a small canvas (on lovely rug!)…

52 Designs - Week 1

52 Designs - Week 1

Photographic rules and tips that everybody should know

When you are out and about taking photographs you can sometimes make some stupid and silly mistakes, especially when you are in a rush. If you follow most of these rules and tips then you should hopefully never miss a moment, break your equipment or injure yourself. Feel free to comment your own basic rules and tips below. I will add them onto the lists.

Basic

  1. Always take the lens cap off.
  2. Make sure the camera is on.
  3. A big aperture number is a small hole.
  4. Set the ISO correctly for the scene. Don’t leave it at what it was for your last shoot.

Preparation

  1. Charge your battery the day before a shoot.
  2. Copy photos of the memory card after a shoot then wipe the card for next time.
  3. If you are taking a tripod make sure you remember to bring the camera mount!

Safety

  1. Don’t try and take photos while crossing a busy road.

Equipment protection

  1. Always have the strap round your neck. You will drop it at some point.
  2. Put your lens cap on if you have to scramble up something or you will break your lens.

Other

  1. Swap memory cards if one is nearly full and there is a lull in the photo shoot. You may miss photos later if you have to swap at an important time.
  2. Take a camera (even a compact) where ever you go or you will miss something unique and beautiful.

10 Photographs of…

A group of friends and I have recently started doing photographic projects to teach ourselves more and have a bit of fun while doing it. The best 10 of each of our results to be posted to Flickr or facebook…

Here is my 10 of… Liverpool

http://www.flickr.com/photos/carlosthedesigner/sets/72157623119583256/

Interested in taking part (UK Northwest, Cheshire, Wirral Only) then let me know below.

2010 : The year of photographic expression

As the title suggests 2010 is going to be a year where I take more and print off more photos. Some will be normal photo’s but hopefully some will be more meaningful and deeper, try new techniques, perfect other techniques or just more interesting. I want to get out of my comfort zone and push the boundaries (but on a low budget!). If you have any ideas for techniques to try, places to go or even how you started to push your photographic skills then let me know in the comments below.

You can follow my exploits on Flickr

Move or add a keyframe in flash

To select a single keyframe on a flash (CS4) timeline just hold down the cmd button and click. You can then ctrl or right click and do what you need to do. You can also now drag that single key frame to a new place on the timeline and all the positions, rotations, alpha etc for that one keyframe will move together.
If you have more that one keyframe to move you can hold down the cmd and then drag the cursor over the required frames.

Dreamweaver feature question

Since i have been working on quite a few web projects in the last few weeks a question has popped up. Let me explain… Here is the situation.
Lots of the websites I make have similar features and I have been using the “snippets” tool bar to save the common ones for re-use, i.e. list menus CSS and HTML as 2 snippets to drop into a CSS doc and a HTML doc respectively and I have a basic formatted list quickly and easily. However some of my lists have graphic elements such as background and these are stored in an image folder.
My question/wondering is:
Is it possible to make a code element into a “module” (that’s what I’m calling it for now) where when I add the module it copies the relevant graphic resources across (and drops the code in where needed, not essential though as I can use snippets for that). Mainly is it possible to have a snippet equivalent which drops resources into folders for your site? Maybe from a main repository?

Does this feature exist or do you have a similar situation that you resolved? Please let me know.
Thanks

-EDIT I have figured it out! The answer extensions! Once I figure them out I will share

Horizontal menus from a list

Having learnt about menu’s using lists recently, I have decided to share because I’m nice! Yeah you have probably seen it before in many places and yeah I am waaaaaaaay behing the curve finding out about it but since I’m pretty sure I’m not last it might help someone else! It’s pretty simple really. Once you make a few different menus and see what happens and you will soon get the hang of it…

First start with a list. I am assuming the menu will be in a div called “nav”. It’s not necessary but if you have other lists then you might end up screwing them up. If its not called nav then just drop the #nav or change it to be relevant to your div’s name.\

[code lang="html"]