{"id":169,"date":"2022-10-06T15:16:11","date_gmt":"2022-10-06T14:16:11","guid":{"rendered":"https:\/\/zaraknox.co.uk\/journal\/?p=169"},"modified":"2022-10-06T15:18:14","modified_gmt":"2022-10-06T14:18:14","slug":"getting-organised-files-and-folders","status":"publish","type":"post","link":"https:\/\/zaraknox.co.uk\/journal\/2022\/10\/06\/getting-organised-files-and-folders\/","title":{"rendered":"Design for Web Content – Getting Organised: Files and Folders"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

THE ORGANISATIONAL BIBLE<\/strong><\/p>\n\n\n\n

A link for info on files, organising, and file types<\/a>. Consider it an organisational bible<\/p>\n\n\n\n

Do read the above, even in small snippets.<\/p>\n\n\n\n

ORGANISATION<\/strong><\/p>\n\n\n\n

On organisation – it doesn\u2019t matter how you organise your folders, as long as it is very clear to you.<\/p>\n\n\n\n

For file and folder names – we use hyphens, not spaces or underscores.<\/p>\n\n\n\n

Here\u2019s the best suggested practice for beginners:<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

CONTENT OUT<\/strong><\/p>\n\n\n\n

Do NOT use lorem ipsum. Remember we build from the \u201ccontent out\u201d. How does the content influence the design? Layout has to be meaningful. We do not design first.<\/p>\n\n\n\n

\u201cContent precedes design. Design in the absence of content is not design, it\u2019s decoration.\u201d Jeffrey Zeldman<\/p>\n\n\n\n

Who are you designing for? Remember it\u2019s not about what YOU like. What do people need?<\/p>\n\n\n\n

PROTOTYPES<\/strong><\/p>\n\n\n\n

Learn to prototype well using HTML and CSS.<\/p>\n\n\n\n

Mockups are no longer the way to do things. They are static. We should go straight from wireframing to prototypes we can interact with. The client should get a real feel for the product straight away.<\/p>\n\n\n\n

IDEAS<\/strong><\/p>\n\n\n\n

Do not dismiss the importance of pen and paper. It can be an effective tool for brainstorming.<\/p>\n\n\n\n

We should always have evidence of the design process. The tools are not important.<\/p>\n\n\n\n

Write down your ideas. Even if they are stupid to you.<\/p>\n\n\n\n

SOFTWARE:<\/strong><\/p>\n\n\n\n

We have access to Adobe Creative Cloud<\/a> tools.<\/p>\n\n\n\n

There are no perfect apps.<\/p>\n\n\n\n

Affinity Photo and other programmes are alternatives to Adobe. Figma and Sketch are other alternatives.<\/p>\n\n\n\n

Ultimately the choice is software is no longer important. There are many choices, so use what you have access to. Just get on with it.<\/p>\n\n\n\n

FILE SHARING AND BACKUPS<\/strong><\/p>\n\n\n\n

More than one backup – on your machine, an external drive, and also online.<\/p>\n\n\n\n

CarbonCopyCloner is one piece of software that aids backup to an external drive, and SYNC<\/a> is a tool for online backup. Have now made a SYNC account and uploaded my files to it.<\/p>\n\n\n\n

Never rely on a single copy of your work. Set this up ASAP.<\/p>\n\n\n\n

PEOPLE OF THE WEB<\/strong><\/p>\n\n\n\n

Notable industry people<\/a>: <\/p>\n\n\n\n

READING MATERIAL<\/strong><\/p>\n\n\n\n

Jeffrey Zeldman – Designing with Web Standards is a hugely significant book. Jeremy Keith has put the ideas into easier to understand terminology, but this book is still worth reading for context.<\/p>\n\n\n\n

Don\u2019t forget A List Apart articles.<\/p>\n\n\n\n

Check out work by Eric Meyer and his writings on CSS.<\/p>\n\n\n\n

Take a look at Dave Shea\u2019s Zen Garden. Look at how different the CSS can make a site look despite the HTML remaining the same.<\/p>\n\n\n\n

Remember you have access to Linkedin Learning.<\/p>\n\n\n\n

Read as much as you can from the recommended material.<\/p>\n\n\n\n

Clear Left – a well-known agency in Brighton. They do internships.<\/p>\n","protected":false},"excerpt":{"rendered":"

THE ORGANISATIONAL BIBLE A link for info on files, organising, and file types. Consider it an organisational bible Do read the above, even in small snippets. ORGANISATION On organisation – it doesn\u2019t matter how you organise your folders, as long as it is very clear to you. For file and folder names – we use […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8,3],"tags":[4],"_links":{"self":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts\/169"}],"collection":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":2,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts\/169\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/posts\/169\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/media?parent=169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/categories?post=169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zaraknox.co.uk\/journal\/wp-json\/wp\/v2\/tags?post=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}