Jump to content

Why is CSS always so complicated for me?

- - - - -

  • Please log in to reply
10 replies to this topic

#1
An Alien

An Alien

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 260 posts
I always run into problems. I've been looking at web design for years and still haven't been able to create a complete website yet. I just kinda gave now with web development completely. I want to slice my design here: http://i176.photobuc...yMockupcopy.jpg

I started this a long time ago and just left the project for some reason. I don't remember. I don't have the PSD files anymore so I can't slice that site anymore. Were you guys also in the same situation as me, or am I just weird?

#2
WingedPanther

WingedPanther

    A spammer's worst nightmare

  • Moderators
  • 16,831 posts
  • Location:Upstate, South Carolina
  • Programming Language:C, C++, PL/SQL, Delphi/Object Pascal, Pascal, Transact-SQL, Others
  • Learning:Java, C#, PHP, JavaScript, Lisp, Fortran, Haskell, Others
I've never messed with PSD files, mainly because most of my web content is highly dynamic in nature.
Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

#3
An Alien

An Alien

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 260 posts

WingedPanther said:

I've never messed with PSD files, mainly because most of my web content is highly dynamic in nature.
Well, most professional designers first create a photoshop mockup and then slice it
All those extremely visually appeasing sites are all made in Photoshop first.

#4
Root23

Root23

    Programmer

  • Members
  • PipPipPipPip
  • 144 posts
Well, for me it is the opposite.

I know CSS well enough to do what I need to do with it.. but graphic design on the other hand. I know nothing...

I used to mess with Photoshop several years ago, but never really knew it well. Now, I can't really do much of anything with it. I have the GIMP on my PC in case I want to try to learn a few things.

I really wish I was better at graphic design. I can write standards compliant xhtml 1.1, and css, but if anyone ever wanted me to make them a website.. unless they're doing the graphics there's not really much I could do for them that would look appealing.
Posted Image

#5
An Alien

An Alien

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 260 posts
lol, PS at first seemed impossible for me. I tried many attempts and finally I got used to the interface and soon after following 10-15 tutorials, I was comfortable with all the tools in PS.

I can make really simple layouts using html and css, but that's about it.

#6
Xdawn90

Xdawn90

    Learning Programmer

  • Members
  • PipPipPip
  • 55 posts
I won't say that I am good in CSS but creating simple layout I can still manage to do it. Designing a graphics is always a hard time for me. Simple graphic editing I can still manage to do it in PS though. There are just too many things to learn and time is needed to digest it.

#7
Mark Wylde

Mark Wylde

    Learning Programmer

  • Members
  • PipPipPip
  • 46 posts

An Alien said:

Well, most professional designers first create a photoshop mockup and then slice it
All those extremely visually appeasing sites are all made in Photoshop first.

There are a lot of websites these days which do not use PhotoShop (or in fact hardly any images) for their sites. Just take a look at Facebook for example or Google. A lot of websites are going for a minimalistic look and just creating sites purely in CSS with maybe one image for a logo and maybe some icons.

The only thing I would use Photoshop for is creating a logo, banner or icon for a site.

#8
zeroradius

zeroradius

    Speaks fluent binary

  • Members
  • PipPipPipPipPipPipPipPip
  • 1,406 posts
You may want to try using Fireworks it out puts much better css then PS plus you can migrate your slices back and forth between the two. It's not very good but heres a tutorial i made on creating css using fireworks. YouTube - Adobe Fireworks: Exporting Css and like i said fireworks and photoshop (and dreamweaver) are made to go hand in hand.


Edit : Just read your actual post; guess you don't need the tutorial. I use photoshop a lot on my sites. thats what i use for banners and i use to make mockups with it but the slicing exports such disgusting code that i don't mess with it. I do mock ups in fireworks and then export them as Css if I am running on time constraints.
Posted Image

#9
An Alien

An Alien

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 260 posts

Mark Wylde said:

There are a lot of websites these days which do not use PhotoShop (or in fact hardly any images) for their sites. Just take a look at Facebook for example or Google. A lot of websites are going for a minimalistic look and just creating sites purely in CSS with maybe one image for a logo and maybe some icons.

The only thing I would use Photoshop for is creating a logo, banner or icon for a site.

Most of these sites where designed in PS first: cssremix.com
I'm not saying ALL sites are. BTW, cssremix.com is an inspiration site for web designers. Also, I know with CSS3's effects out, the use of images should become less of a need.

#10
Alexander

Alexander

    It's Science!

  • Moderators
  • 4,118 posts
  • Location:Vancouver, Eh! Cleverness: 200
I believe slicing leaves a very static end result in that the page cannot be dynamically altered without realigning and more CSS, and as such my opinion belongs to WingedPanther's first post.
Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#11
An Alien

An Alien

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 260 posts

Alexander said:

I believe slicing leaves a very static end result in that the page cannot be dynamically altered without realigning and more CSS, and as such my opinion belongs to WingedPanther's first post.

That is actually wrong and I thought the same before. If you check out the link I posted in my last post, you'd see that all of those sites are very dynamic and are rich with high quality bgs, images.




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users