CSS learning curve?

lenglain · 06-06-2010, 12:18 AM

Hi

Im a budding designer, and one of the things I noticed I have avoided is javascript. I haven't even taken a cursory glance at it and for some reason, I just don't want to. I've been looking at the possibilities of CSS and ive seen some crazy stuff by Stu Nichols and others. I'm really attracted to the possibilities with CSS, but how difficult is it to figure out? I've done everything trial and error so far and learned everything that way, but getting deep into CSS seems more daunting than I had orginally thought, one little mistake here or there can ruin everything even if 99.9% of the code is valid.

My ambition is to be able to create spiffy little CSS constructs to spice up a website without hoping that the visitors web browser has java or flash enabled/updated, etc...

brightworks · 06-06-2010, 07:47 AM

I would head over to W3schools.com for a good start in learning CSS. Here is their CSS tutorial page http://www.w3schools.com/css/default.asp

Absolution · 10-27-2011, 09:13 PM

From my experience CSS as a language is simpler than HTML itself. But the devil is in the detail and it is harder to get everything just right in CSS. If you want to do anything dynamic, like things moving around and flipping, you will most likely need javascript.

Phreaddee · 10-28-2011, 10:12 AM

Css is like a woman. You never ever know it all.
At first its slightly scary, yet intriguing.
Over time you think that it can be easy to work out, it seems logical...
Sometimes it is, sometimes its not.
Most of the time it just frustrates you, it "should" be doing this,
Yet it wants to do that.
Yet, always, you desire to work it out, somedays you feel like you have.
...alas you realise css is your master.
Thus in a need to boost you deflated ego,
you implement some jquery to make your work shit hot
This takes away from the not symetrical wrapper
youve been struggling with for hours,
That although you found a solution,
Because its a flexible layout,
old versions of safari throw it right out of the browser...
display:inline with float + positioning is rendered as display:block
altho that fixes ur dodgy box model dramas...
Overflow:hidden on parent div to "show" all floated content...
Css makes heaps of sense sometimes...

....i need another wine.

Absolution · 10-28-2011, 06:43 PM

Phreaddee, I like that response! I think I will say something similar in the future

sdesign1 · 11-22-2011, 01:34 PM

There are quite a few good books out there for CSS2 such as bullet proof design. Pretty soon though HTML 5 and CSS3 are going to be running the show. This is where Javascript and Jquery come in handy as they can be used to get IE to support some of CSS3 which it doesn't. I wonder worry about people not having JavaScript enabled - it is minute. Astra Zeneca told me that according to their analytics, 1 in 1 million didn't have JS enabled.

In two years time apps on mobiles will be written in html5 and css3 so start on it now and be ready for the surge in demand.

anna · 11-22-2011, 03:54 PM

Quote:

Originally Posted by Phreaddee

Css is like a woman. You never ever know it all.
At first its slightly scary, yet intriguing.
Over time you think that it can be easy to work out, it seems logical...
Sometimes it is, sometimes its not.
Most of the time it just frustrates you, it "should" be doing this,
Yet it wants to do that.
Yet, always, you desire to work it out, somedays you feel like you have.
...alas you realise css is your master.
Thus in a need to boost you deflated ego,
you implement some jquery to make your work shit hot
This takes away from the not symetrical wrapper
youve been struggling with for hours,
That although you found a solution,
Because its a flexible layout,
old versions of safari throw it right out of the browser...
display:inline with float + positioning is rendered as display:block
altho that fixes ur dodgy box model dramas...
Overflow:hidden on parent div to "show" all floated content...
Css makes heaps of sense sometimes...

....i need another wine.

I'm not sure whether to LMAO or be insulted...

Phreaddee · 11-22-2011, 08:41 PM

Come on anna you LOVE to be in control!
Your not a pushover...
Dont be insulted by the facts of life...

anna · 11-29-2011, 07:33 PM

Quote:

Originally Posted by Phreaddee

Come on anna you LOVE to be in control!
Your not a pushover...
Dont be insulted by the facts of life...

LOL I simply cannot argue with the truth...

WebDesignMaster · 12-09-2011, 07:06 PM

Here is a good tutorial on using CSS3 to create rounded-corners on you div tags

http://blog.siteezy.com/2011/08/15/d...-using-css3-2/

06-06-2010, 12:18 AM	#1
lenglain New Member Join Date: May 2010 Posts: 15	CSS learning curve? Hi Im a budding designer, and one of the things I noticed I have avoided is javascript. I haven't even taken a cursory glance at it and for some reason, I just don't want to. I've been looking at the possibilities of CSS and ive seen some crazy stuff by Stu Nichols and others. I'm really attracted to the possibilities with CSS, but how difficult is it to figure out? I've done everything trial and error so far and learned everything that way, but getting deep into CSS seems more daunting than I had orginally thought, one little mistake here or there can ruin everything even if 99.9% of the code is valid. My ambition is to be able to create spiffy little CSS constructs to spice up a website without hoping that the visitors web browser has java or flash enabled/updated, etc...

06-06-2010, 07:47 AM	#2
brightworks New Member Join Date: Jun 2010 Location: Manila, Philippines Posts: 3	I would head over to W3schools.com for a good start in learning CSS. Here is their CSS tutorial page http://www.w3schools.com/css/default.asp __________________ Michael D. Coy - Operations Manager www.brightworks-media.com

10-27-2011, 09:13 PM	#3
Absolution Silver Member Join Date: Jul 2011 Posts: 163	From my experience CSS as a language is simpler than HTML itself. But the devil is in the detail and it is harder to get everything just right in CSS. If you want to do anything dynamic, like things moving around and flipping, you will most likely need javascript. __________________ http://www.skepticize.me

10-28-2011, 10:12 AM	#4
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,122	Css is like a woman. You never ever know it all. At first its slightly scary, yet intriguing. Over time you think that it can be easy to work out, it seems logical... Sometimes it is, sometimes its not. Most of the time it just frustrates you, it "should" be doing this, Yet it wants to do that. Yet, always, you desire to work it out, somedays you feel like you have. ...alas you realise css is your master. Thus in a need to boost you deflated ego, you implement some jquery to make your work shit hot This takes away from the not symetrical wrapper youve been struggling with for hours, That although you found a solution, Because its a flexible layout, old versions of safari throw it right out of the browser... display:inline with float + positioning is rendered as display:block altho that fixes ur dodgy box model dramas... Overflow:hidden on parent div to "show" all floated content... Css makes heaps of sense sometimes... ....i need another wine. ronaldroe and Absolution like this.

10-28-2011, 06:43 PM	#5
Absolution Silver Member Join Date: Jul 2011 Posts: 163	Phreaddee, I like that response! I think I will say something similar in the future __________________ http://www.skepticize.me

11-22-2011, 01:34 PM	#6
sdesign1 Silver Member Join Date: Sep 2011 Posts: 109	There are quite a few good books out there for CSS2 such as bullet proof design. Pretty soon though HTML 5 and CSS3 are going to be running the show. This is where Javascript and Jquery come in handy as they can be used to get IE to support some of CSS3 which it doesn't. I wonder worry about people not having JavaScript enabled - it is minute. Astra Zeneca told me that according to their analytics, 1 in 1 million didn't have JS enabled. In two years time apps on mobiles will be written in html5 and css3 so start on it now and be ready for the surge in demand. __________________ Web Design Liverpool

11-22-2011, 08:41 PM	#8
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,122	Come on anna you LOVE to be in control! Your not a pushover... Dont be insulted by the facts of life...

12-09-2011, 07:06 PM	#10
WebDesignMaster Bronze Member Join Date: Mar 2011 Posts: 33	Here is a good tutorial on using CSS3 to create rounded-corners on you div tags http://blog.siteezy.com/2011/08/15/d...-using-css3-2/ __________________ Pre-Built PHP Solutions \| Pre-Built Websites \| Ecommerce Solutions \| Easy Ecommerce a Hosted Online Store

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode