search

ffranke / Laker-Compendium

Laker is a compendium of files, frameworks, styles and tips for designing digital publications in HTML5.
http://www.lakercompendium.com
304 stars 41 forks source link

Newbie Step by Step - Build your own Magazine from Zero #21

Open dixiepnum opened 13 years ago

dixiepnum commented 13 years ago

This thread is intended to solve and document issues for anyone starting from Zero to launching it at the Newstand, using the Laker-Compendium. Please be encouraged to add your comments and help resolve issues as they come up. Thanks!

Initial Steps -sign up with Apple Developer, download Xcode, understand the devEnvironment, work through a few code books including ios4 and C++, CSS, and HTML5. Lots of free code on the internet helps. -go to the Baker website, get the downloads, and go through the tutorials -download the compendium, and study its contents and structure to death -find yourself a free or cheap image editor or graphics/design package -draft your objective/storyboard/objective...explore other magazines on zinio and other bookstore and general apps to get ideas -create an object reference list identifying all objects on the Laker screens, and cross-reference to relevant code locations throughout the xcode project -find a good internet source for free HD images -begin customizing every possible element on the Laker GUI...change everything you can see and touch...replace all the images, change the fonts, rewrite the text, decide on your own layouts...etc... -now that you have rebuilt and customized the entire Laker New York magazine to your own needs, begin expanding it

--->Sticky Point: Add Dossiers

What is the fastest step-by-step to add dossiers? Everything must be cross-referenced in Xcode! ...start from scratch, copy and paste?

dixiepnum commented 13 years ago

btw...can I use RapidWeaver to create my css and html files, then bring them into the xcode project?

ffranke commented 13 years ago

Thanks for the overview. What do you mean by that: -create an object reference list identifying all objects on the Laker screens, and cross-reference to relevant code locations throughout the Xcode project

Is it because of the newsstand?

cheers

dixiepnum commented 13 years ago

Hi,

Nothing to do with Newstand as far as I know. It's simply for the Newbie to be exhausitive in finding and changing every object on the Laker screens.

For example, there is a green top border on the TOC navigation bar. I found it in the code, so I could change its thickness and color.

Another example. "The width of the TOC navigation bar must be the number of dossiers * the width of each dossier on the panel." Good luck getting a new dossier on the TOC if you didn't plan for this and know where to find it.

It will eventually make possible some new implementations in the actual Xcode as well, as overlays to Laker, such as menu bars, navigation bars, buttons etc. You could even let the user customize his own pageviews with the use of these.

Hope that helps.

;-)

Sent from my iPad

On 2011-07-27, at 3:32 AM, ffrankereply@reply.github.com wrote:

Thanks for the overview. What do you mean by that: -create an object reference list identifying all objects on the Laker screens, and cross-reference to relevant code locations throughout the Xcode project

Is it because of the newsstand?

cheers

Reply to this email directly or view it on GitHub: https://github.com/ffranke/Laker-Compendium/issues/21#issuecomment-1661844

dixiepnum commented 13 years ago

Sticky on Adding Dossiers Resolved - See Below Expanded Table of Contents Resolved - See Below

New Dossier Complete…

Steps… -copy 03.html and make 04.html -copy dossier-03 and make dossier-04 -copy 03.css and make 04.css -update the following objects and references …topleft pagemarker from 3 to 4 is in html/implementingthedossiernumber …ios loadscreen caption in 04.html in 04.html/loadscreensection…all images in /dossier …all text in /html …startupimage reference from 03 to 04 in 04.css …loaddossierspecificcss reference in 04.html from 03.css to 04.css

Now onto updating the TOCBar...

Steps... -toc.html/copy a section of code and replace with 04.html references -nav.css/widthoftocentries must be increased

Piece of Cake!

dixiepnum commented 13 years ago

closed in error

dixiepnum commented 13 years ago

Next Step... -simple job: replaced Florian's little 'down arrow & whitebar' that sits under the main image on each dossier page. Now I have a nice page-wide blue bar separating the cover image from the text. Simply changed the dossier-headline-arrow.png graphic, along with every reference and property of it. Had to update the "ipad portrait" code though. 12 years since I've touched HTML but it worked just fine!

Next....attempting to implement free wordpress html5/css3 template into a dossier...

3ecke11er commented 13 years ago

Sorry t obother you with this silly tasks but can somebody post some screenshots how to install laker in xcode. Because I downloaded current xcode from developer site of google but then I am lost. I could not understand the "create an reference..." stuff. May someone help?

dixiepnum commented 13 years ago

What do you mean you downloaded xcode from google?

Sent from my iPad

On 2011-07-28, at 1:24 PM, 3ecke11erreply@reply.github.com wrote:

Sorry t obother you with this silly tasks but can somebody post some screenshots how to install laker in xcode. Because I downloaded current xcode from developer site of google but then I am lost. I could not understand the "create an reference..." stuff. May someone help?

Reply to this email directly or view it on GitHub: https://github.com/ffranke/Laker-Compendium/issues/21#issuecomment-1674567

3ecke11er commented 13 years ago

Sorry. download from apple

dixiepnum commented 13 years ago

Still need help?

mtamony commented 11 years ago

Does anyone know how to change the number that shows up when a new page is loading? It appears above created. It seems to indicate the page number, but if you use "C" for first page it is off by one number.