Friday, October 18, 2013

Create Web Document On Mac Without Codes


-----
Using Tumult Hype, you can create beautiful HTML5 web content. Animations and interactive content made with Tumult Hype works on desktops, smartphones and iPads. No coding required.

• Interactivity & Animations
Hype’s keyframe-based animation system brings your content to life. Click Record and Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove and re-arrange keyframes to fine-tune your content. Hype lets you make as many scenes as needed, and a variety of actions can switch between scenes using smooth transitions. Use the power of multiple timelines to run animations based on mouse/keyboard events.

• HTML5
Hype outputs state of the art HTML5, CSS3 styles, and JavaScript. It supports cutting edge features like box shadows, reflection, and 3D transformations. Hype tries hard to deliver 100% fidelity across all browsers. For example, if the high-performance CSS3 transitions aren’t supported, Hype will fall back to Javascript-based heartbeat animations. When there are no good fallbacks, Hype warns about browser incompatibilities, so you’re never caught by surprise.

• WYSIWYG
Hype’s scene editor is powered by WebKit, the same modern rendering engine that powers Safari. What you create in Hype is what your viewers will see in the browser. Hype’s rich inspector lets you dive in and easily tweak every aspect of your content. Intelligent guidelines, arrangement, and sizing tools give fine control over element placement.

• Exporting
Hype creates an entirely self-contained directory that holds all the resources and JavaScript for your content. Upload that directory to your web server, copy and paste three lines of HTML into your exiting web page, and you’re good to go. If you have a Dropbox account, Hype can publish to your Dropbox public folder for easy sharing.

• Flexibility
Hype provides a rich set of tools for styling, but sometimes you need to get hands-on. Every element’s inner HTML is only a couple clicks away and all of your changes are rendered on the fly, giving a live preview as you edit. The integrated JavaScript editor lets you write custom functions triggered by user actions. The Hype JavaScript API can manipulate the scenes from inside or outside of the embedded Hype content.

• Native Mac Experience
Hype was written in Cocoa exclusively for Mac OS X. It is intuitive and easy to use, letting you focus on creating great content. Hype launches in a second.
-----
Read More

Monday, October 14, 2013

DynastyCode.com Tutorial : Super Easy way to learn CSS


This tutorial requires you to have an account with DynastyCode.com (To create one, follow this tutorial, http://webdocuments.blogspot.com/2013/10/dynastycodecom-tutorial-1-setup.html )


1) Lesson 1

1.1) Welcome to this lesson! Click  Play button to see the example and begin.



1.2) We have COLORS! Let's start  the lesson




2) Lesson 2


2.1) A HTML Head contains scripts, styles and metadata.



2.2) Type a HEAD tag with .




2.3) Add to close the Head tag




Your response:



2.4) Great! Proceed to the next lesson.



3) Lesson 3


3.1) CSS is short for Cascading Style Sheets.



3.2) Create a Style tag with to close the Style tag.



Your response:



3.4) We have style! Let's go to the  next lesson.



4) Lesson 4



4.1) A background is an area behind an object that we're looking at.




4.2) Add the Style code body { } in between



Your response:



4.3) Good job!
Proceed to next lesson




5) Adding Color to Background


5.1) Now let's add a COLOR to our background.



5.2) Add a Background Color with
background-color:blue;



Your response:



5.3) Congratulations!
You have completed this Introduction Chapter!











Read More

DynastyCode.com Tutorial : Super Easy way to learn HTML


This tutorial requires you to have an account with DynastyCode.com (To create one, follow this tutorial, http://webdocuments.blogspot.com/2013/10/dynastycodecom-tutorial-1-setup.html )


1) Lesson 1

1.1) Click Play to see the Output of your Code.




1.2) Well done!
Click Next button to go to the next lesson.





2) Lesson 2

2.1) In the Code section, type .



your response:






2.2) Great job!
Proceed to the next lesson by clicking the Next button.






3) Lesson 3

3.1) HTML is short for Hyper Text Markup Language.
(Click Play).




3.2) Create a HTML tag with .



3.3) Add to close the HTML tag




your response:




3.4)You are doing great!
Let's move on to the next lesson






4) Lesson 4

4.1) A HTML Body contains all the contents of a HTML document.






4.2) Create a Body tag with .




4.3) Add
to close the Body tag.




Your response:



4.4) Awesome!
We're almost done. Let's go to the next lesson.




5) Outputting Hello World

5.1) Now let's try saying hello to the world!




5.2) The word is Hello World.



Your response:



5.3) Congratulations! 
You've completed this Introduction Chapter!








Read More

DynastyCode.com: Setting Up An Account

-----

DynasyCode.com Tutorial: Learn To Code Computer Instructions



1) Setting Up

1.1) Go to URL http://dynastycode.com/


1.2) Click Signup.






1.3) Fill in the details and Click Signup.




1.4) Check your email to get the activation code.


1.5) Your account is activated and you can login now.





2) Dashboard

2.1) Upon login, you will get a dashboard menu on top right of the window.


3) Start learning

3.1) Click Topics.
3.2) Click Select Lessons.






4) Web Basics (HTML and CSS)

4.1) Click the button to start learning.



DynastyCode.com Tutorial : Super Easy way to learn HTML

DynastyCode.com Tutorial : Super Easy way to learn CSS

Read More

Sunday, October 13, 2013

Blue Griffon Tutorial


1) Setting Up Blue Griffon

1.1) BlueGriffon comes in a standalone package or portable which is downloadable from http://bluegriffon.org/pages/Download . For the purpose of this tutorial, download a portable version from http://www.softpedia.com/get/PORTABLE-SOFTWARE/Office/Suites-editors/BlueGriffon-Portable.shtml

1.2) Run the installer to copy BlueGriffon to your computer.

1.3) Run BlueGriffon.





Read More