How do you manage all images in a big project, inline images, background images, css sprite images, icons?
-
How do you manage all images in a big project, inline images, background images, css sprite images, icons? Do you follow any naming convention? Do you create sub-folders to manage images? In a big project how to make it easy to find for new people in the development team if any images which they want to use (because it's in new PSD they received from designer) is already available in images folder of project and how they can find it easily.
-
Answer:
At the start of the project, I strictly follow a certain naming convention religiously. However after shipping, things get really crazy and time starts to tick faster. So I end up not following my rules. I remember one time in our project where I've used under_score, dash-names, and camelCase all at the same time in my CSS Ids and classes. I ended up fixing them once things settled down. Btw, inspect Facebook's HTML in Chrome. They don't have a naming convention either considering they're big. For CSS, I mostly use dash-names because under_score reminds me of python/ruby. Although sometimes I'd do a dot separator like .email.icon, .contact.icon, submit.button, .cancel.button, etc. For filenames, definitely under_score. Prepend _2x before the file extension if you're serving high resolution images according to Apple's guidelines https://developer.apple.com/library/safari/#documentation/NetworkingInternet/Conceptual/SafariImageDeliveryBestPractices/ServingImagestoRetinaDisplays/ServingImagestoRetinaDisplays.html%23//apple_ref/doc/uid/TP40012449-CH3-SW1 Quote: Create images that are twice the width and height of your current image resources. A common file-naming convention for high-resolution images on the web is to prepend_2x before the file extension; for example, myImage_2x.jpg. DonĂ¢t use @2x in the filename, since the @ character in a URL is reserved as the delimiter separating the username and password from the host in authentication URL schemes. Definitely use sprite sheets to combine PNG files into one to minimise http requests from the client. I personally use ImageMagick's convert command in the Terminal to automate this workflow.
James at Quora Visit the source
Related Q & A:
- How do I plan/manage a large project?Best solution by stackoverflow.com
- How to make a list with only images?Best solution by Super User
- How do you convert an Android project to a maven project manually?Best solution by Quora
- How can I make a good clay for a school project?Best solution by answers.yahoo.com
- How hard is it making a career out of sports betting?do a lot of people manage okay and make a decent salary?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.