It's been a while since I've posted a screen-cast for Freeway 5 Pro. I've been busy working in Freeway 5 Express and understanding if there's ways I can contribute templates or helpful screen-cast's specifically built for them. It's been a up-hill climb working in Express as I lose plenty of features but pick up a challenge which I'm used to working with.
This week however I'm releasing two new screen-casts called "Body Tag" and "Styling Lists." Both are great time-saving screen-casts that not only are easy, but it gets users more comfortable using the CSS palette in Freeway. It also gets people involved in using the "Extended" menu to be confident that they can accomplish what may not yet be available in Freeway. Quick and easy screen-casts for all kinds of users.
Here's a quick run-down on each one:
"Body Tag" - Screen-cast
File Link: http://www.mediafire.com/?438gt2hnwbq
Password: apple
Runtime: 3 minutes, 35 seconds
The body tag is important when it comes to laying the foundation of your HTML text for your website in Freeway. It involves creating one tag that will house your default font(s), font-sizes, font colors, and so on site-wide. It's a standard tag to Pro CSS developers and coders and can save you lots of time. Forget setting up individual styles using the same font-size or font-family for each one, simply create a body tag and the only styles you'll have to make are tweaks and adjustments.
"Styling Lists" - Screen-cast
File Link: http://www.mediafire.com/?4te1s4hqxwm
Password: apple
Runtime: 9 minutes, 37 seconds
Styling lists in Freeway is complicated. Sure, you have the comfort of the CSS Menu action, but what if you want something more tailored to your design without having all these extra CSS styles in your code that you can't control? This screen-cast covers first how to create a list and then explains in detail how it works so you can have a professional understanding of how to focus your styling needs to target each area. I start out explaining how to style a list that has no links and then wrap it up building it with links and rollovers. All accomplished in 4 styles. How easy is that?
Also a preview in the "Styling Lists" screen-cast begins to talk about using the iPhone simulator and lists. Good stuff coming up.
So enjoy these free screen-casts and thanks for watching.
InBeta
danjasker.blogspot.com
FreewayCast's & Lessons
FW5: Progressive Image
Today I am releasing this BlogSpot's previous template, now entitled "Progressive Image," as a free download for Freeway 5 Pro users. With a few tweaks here and there within Freeway an extremely similar look has been easily accomplished. It is built as a box-model site which provides a flexible layout (vertically) and is compatible with IE6/IE7/FF(PC) and all MacOSX browsers.
However, with my previous template, I had a few extra tidbits of CSS that were manually added into the style sheet to adjust some of the margins and paddings. If your template version doesn't look quite like mine used to this would be a probable reason.
This template is also distributed under Creative Commons Attribution (by) 3.0. This enables you to share (copy, distribute, and transmit) or remix (to adapt the work) to fit your needs. This also means that you cannot sell this template for personal profit or gain. There is a whole other mess of legal jargon, but essentially it means that I deserve credit as author and licensor of this template, but in no way suggest that I endorse you or support the manner in which you use the template. So, don't be bad with it because I won't endorse you anyways. But I am interested to see what Freeway users do with this and would like to see any links if you use it.
Finally this template file (located in the template folder) needs a BlogSpot address / and / or / an external server address to the Resources folder added under the "Upload" tab (in "Document Setup") to the "Web Address" field before any of the Blogger actions work. If you're not sure how to do this make sure and download my screencasts involving Blogger templates; now easily available in the sidebar.
The next hurdle is going to be distributing my new template here "InBeta." There are numerous CSS changes that were done manually using CSSEdit and I'm not sure how those are going to fit into Freeway's limited post-CSS routine. Most of the edits were to specific BlogSpot tags outputted by Freeway, so some CSS courage would be necessary if an easier way could not be found.
But till then enjoy the free template and stay tuned for the release of "InBeta."
Files for "Progressive Image"
http://www.mediafire.com/?w5atpjlj3yr
Password: apple
However, with my previous template, I had a few extra tidbits of CSS that were manually added into the style sheet to adjust some of the margins and paddings. If your template version doesn't look quite like mine used to this would be a probable reason.
This template is also distributed under Creative Commons Attribution (by) 3.0. This enables you to share (copy, distribute, and transmit) or remix (to adapt the work) to fit your needs. This also means that you cannot sell this template for personal profit or gain. There is a whole other mess of legal jargon, but essentially it means that I deserve credit as author and licensor of this template, but in no way suggest that I endorse you or support the manner in which you use the template. So, don't be bad with it because I won't endorse you anyways. But I am interested to see what Freeway users do with this and would like to see any links if you use it.
Finally this template file (located in the template folder) needs a BlogSpot address / and / or / an external server address to the Resources folder added under the "Upload" tab (in "Document Setup") to the "Web Address" field before any of the Blogger actions work. If you're not sure how to do this make sure and download my screencasts involving Blogger templates; now easily available in the sidebar.
The next hurdle is going to be distributing my new template here "InBeta." There are numerous CSS changes that were done manually using CSSEdit and I'm not sure how those are going to fit into Freeway's limited post-CSS routine. Most of the edits were to specific BlogSpot tags outputted by Freeway, so some CSS courage would be necessary if an easier way could not be found.
But till then enjoy the free template and stay tuned for the release of "InBeta."
Files for "Progressive Image"
http://www.mediafire.com/?w5atpjlj3yr
Password: apple
FW5: Pro Templates Soon!
With a new template out today for this BlogSpot, named right now "InBeta", I will be releasing my old template and this new template to be used in Freeway 5 Pro. The reason for the change is that I felt my old template accomplished a form, but truly lacked function. It was easy to read, but not all of the links were easily viewable and were often being skipped over according to Google Analytics. The images and wooden background were a big hit, but from a strictly "posting" perspective it wasn't easily providing a styled way to distribute my thoughts, my experiences, nor my screencasts.
What I feel this template accomplishes is that it now has an "artistic" feel along with better typography and a modern color scheme. It compliments me as a designer and is another great example to the power of Freeway 5. This software has allowed me to build this easily and I would be interested in building more templates for others, and the program itself, in the future. I will admit there are a few things that cannot be done in Freeway 5 in the way of CSS additions that were manually added via CSSEdit, but overall the look is easily accomplished and its purpose could be used outside of BlogSpot.
Moving on, I am still actively seeking full-time employment. Right now I am focused on my existing freelance career and would love to transition over to an office setting. My resume and portfolio are promptly available via the links at the top and I would appreciate any applicable opportunity to present itself.
I've also noticed that Screenflow has been updated and looks to have better compatibility with PPC Mac's but the real plus is that the encoding process is said to go plenty faster. This is encouraging news because it takes on average about 2-3 hours to encode an 8-minute video. I also have a few screen-cast ideas I've said I'd do and a few I was not sure I'd take the time to, so with the update if encoding times improve stay tuned to those.
To wrap things up I'll say that I've had a great time with BlogSpot so far and I've enjoyed moderating the comments I get with people asking questions and I'll never be able to thank my readers enough for leaving appreciative notes and kind messages. It really has been a great learning experience and I hope that there is more I can contribute to helping out in the future.
What I feel this template accomplishes is that it now has an "artistic" feel along with better typography and a modern color scheme. It compliments me as a designer and is another great example to the power of Freeway 5. This software has allowed me to build this easily and I would be interested in building more templates for others, and the program itself, in the future. I will admit there are a few things that cannot be done in Freeway 5 in the way of CSS additions that were manually added via CSSEdit, but overall the look is easily accomplished and its purpose could be used outside of BlogSpot.
Moving on, I am still actively seeking full-time employment. Right now I am focused on my existing freelance career and would love to transition over to an office setting. My resume and portfolio are promptly available via the links at the top and I would appreciate any applicable opportunity to present itself.
I've also noticed that Screenflow has been updated and looks to have better compatibility with PPC Mac's but the real plus is that the encoding process is said to go plenty faster. This is encouraging news because it takes on average about 2-3 hours to encode an 8-minute video. I also have a few screen-cast ideas I've said I'd do and a few I was not sure I'd take the time to, so with the update if encoding times improve stay tuned to those.
To wrap things up I'll say that I've had a great time with BlogSpot so far and I've enjoyed moderating the comments I get with people asking questions and I'll never be able to thank my readers enough for leaving appreciative notes and kind messages. It really has been a great learning experience and I hope that there is more I can contribute to helping out in the future.
FW5: Apple Homescreen Icons
I posted this over on the Freewaytalk.net forums and have decided to include this within my BlogSpot for my subscribers who are not Freeway users and for future reference.
With the update to Freeway 5.2, the ability to create "Homescreen Icon's" for the iPhone is now wrapped up within a simple action. You simply select a pre-formatted PNG file that you can custom design within Photoshop. This is an uber easy way and hopefully will get you started on making your own icons for your website projects.
Here's what you have to do:
1. Open Photoshop and create a new image that is 60px x 60px. (I've seen sites say that 45px x 45px is better but I find that the 60px x 60px version have better quality to them.) The iPod / iPhone will not adjust properly if the dimensions are not evenly square.
2. Set the DPI to be 72. Click OK.
3. Design your icon or place whatever you want into your new image box.
4. When you're done doing your thing, go to "File" then "Save for Web & Devices"
5. In the sidebar set it to be "PNG-8." Uncheck "Transparency," if checked and then hit "Save" and save it to someplace you'll remember. Make sure it has been saved in PNG format.
6. In Freeway go back into your "Action's palette" and select it, from the location you saved it to, from the drop down menu and wah-la!
The rounded corners occur on their own (on the iPod / iPhone) as well as the glossy part at the top of the image so you don't need to do any of that yourself.
**UPDATE** A screen-cast involving the Freeway part is found at FreewayCast.com
http://freewaycast.com/screencasts/view/28-iphone-homescreen-icons
Good luck and happy icon making!
With the update to Freeway 5.2, the ability to create "Homescreen Icon's" for the iPhone is now wrapped up within a simple action. You simply select a pre-formatted PNG file that you can custom design within Photoshop. This is an uber easy way and hopefully will get you started on making your own icons for your website projects.
Here's what you have to do:
1. Open Photoshop and create a new image that is 60px x 60px. (I've seen sites say that 45px x 45px is better but I find that the 60px x 60px version have better quality to them.) The iPod / iPhone will not adjust properly if the dimensions are not evenly square.
2. Set the DPI to be 72. Click OK.
3. Design your icon or place whatever you want into your new image box.
4. When you're done doing your thing, go to "File" then "Save for Web & Devices"
5. In the sidebar set it to be "PNG-8." Uncheck "Transparency," if checked and then hit "Save" and save it to someplace you'll remember. Make sure it has been saved in PNG format.
6. In Freeway go back into your "Action's palette" and select it, from the location you saved it to, from the drop down menu and wah-la!
The rounded corners occur on their own (on the iPod / iPhone) as well as the glossy part at the top of the image so you don't need to do any of that yourself.
**UPDATE** A screen-cast involving the Freeway part is found at FreewayCast.com
http://freewaycast.com/screencasts/view/28-iphone-homescreen-icons
Good luck and happy icon making!
Subscribe to:
Posts (Atom)