Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Aug 22, 2012, 04:03 PM   #1
AFPoster
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
Slicing Tutorial to HTML / CSS

Is there any good tutorials that display slicing from design images to html and css like this link below (yes I use Pixelmator):

http://abduzeedo.com/basics-slicing-pixelmator
__________________
2012 15" MacBook Pro 2.3Ghz i7
iPad 2 32gb (white)
iPhone 5s 16gb x2
AFPoster is offline   0 Reply With Quote
Old Aug 23, 2012, 05:20 AM   #2
schimmel
macrumors member
 
Join Date: Oct 2009
Location: Sweden
Don't slice

Unless this is purely for a mockup that you're gonna show a client, the whole process of using image slices is very outdated. Well it is even for mockups, but it could be useful if you're comfortable with Pixelmator.

However, using images that way to make up a website is bad in lots of ways, to name a few:

- search engines can't parse the content, hence you won't be searchable
- it will scale very bad and look fuzzy if someone zooms or has a retina display
- it takes a lot of time, and is generally just really cumbersome especially if you want to change something.

So, bottomline: don't slice. Use a CMS, like CMS made simple.
schimmel is offline   2 Reply With Quote
Old Aug 23, 2012, 10:05 AM   #3
AFPoster
Thread Starter
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
Quote:
Originally Posted by schimmel View Post
Unless this is purely for a mockup that you're gonna show a client, the whole process of using image slices is very outdated. Well it is even for mockups, but it could be useful if you're comfortable with Pixelmator.

However, using images that way to make up a website is bad in lots of ways, to name a few:

- search engines can't parse the content, hence you won't be searchable
- it will scale very bad and look fuzzy if someone zooms or has a retina display
- it takes a lot of time, and is generally just really cumbersome especially if you want to change something.

So, bottomline: don't slice. Use a CMS, like CMS made simple.
I currently use CMSMadeSimple and as good as they are they're just as bad because they have a horrible support section (forums).

A few years ago everyone I knew was doing the whole slice approach, and as I have been learning CSS3 these past few weeks I assumed it was outdated as well but wasn't sure. This clears that up! Thanks
__________________
2012 15" MacBook Pro 2.3Ghz i7
iPad 2 32gb (white)
iPhone 5s 16gb x2
AFPoster is offline   0 Reply With Quote
Old Nov 2, 2012, 02:49 AM   #4
BuntaFujiwaraaa
macrumors newbie
 
Join Date: Oct 2012
yeah you shouldn't be slicing your images ready to build a HTML/CSS website.

And actually, even few years ago assuming 4-5years, slicing images for HTML/CSS isn't considered very professional as well. But ppl still do, and you still can create a website but just not the industry standard.
BuntaFujiwaraaa is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Best way get current with HTML/CSS macmesser Web Design and Development 17 Nov 2, 2013 07:54 PM
Is Coda still the popular choice for CSS and HTML? chrono1081 Web Design and Development 3 Oct 27, 2013 02:06 PM
Picstitch Tutorial? hewhodareswins iPhone/iPad Programming 2 May 23, 2013 08:00 PM
Best way to code this in CSS/HTML fig Web Design and Development 8 Dec 3, 2012 07:26 AM
Imovie Tutorial Anyone? mortmonster Mac Basics and Help 8 Oct 29, 2012 02:39 PM

Forum Jump

All times are GMT -5. The time now is 01:18 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC