X-Men First Class (2011)

X-Men: First Class (2011) – 

This was a good movie and the producers did a great job to add value to X-men. I remember when I was growing up; I would always watch the cartoon, X-men right after school.

 

 

What I didn’t like?

The producers should have kept Nightcrawler’s appearance the same as the cartoon, blue. But in the movie, the producers made him red. That was confusing.

JavaScript – onclick reload page

There are several ways to reload a current page.

 

<input type=”button” value=”Refresh page” onclick=”location.reload(true)”>

 

<p>

<a href=”javascript:location.reload(true)”>Refresh page</a>

</p>

 

<input type=”button” value=”Reload Page” onClick=”window.location.reload()”>

 

<input type=”button” value=”Reload Page” onClick=”history.go(0)”>

<input type=”button” value=”Reload Page” onClick=”window.location.href=window.location.href”>

 

 

http://javascript.internet.com/page-details/refresh-page.html

http://www.mediacollege.com/internet/javascript/page/reload.html

SVG uses

SVG is resolution-independent, making it ideal for rendering cross-platform user interface components, animations and applications where each element needs to be accessible via the DOM.

Synchronised animation and audio
http://svg-wow.org/camera/camera.xhtml

Animated world landmarks re-created in SVG
http://svg.kvalitne.cz/worldlandmarks/worldlandmarks.svg

SVG filters on HTML5 video

http://paulirish.com/2010/svg-filters-on-html5-video/

Adding a third dimension to SVG graphics
http://debeissat.nicolas.free.fr/svg3d.php

Rendering vector graphics in SVG vs Flash

http://codinginparadise.org/projects/svgweb/samples/demo.html

An interactive SVG jigsaw
http://lavadip.com/experiments/jigsaw/

SVG UI Components: a HTML5 subtitles bar
http://158.109.70.57/svg/final/svg_subtitles.html

Applying SVG masks over HTML5 video
http://atomicrobotdesign.com/blog_media/svg_mask.html

Path-tracing map routes with SVG and Raphael
http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/

Deconstructing Trajan columns with SVG
http://upload.wikimedia.org/wikipedia/commons/6/6c/Trajans-Column-lower-animated.svg

Animated Rube Goldberg machine in SVG
http://www.svgopen.org/2007/papers/SLOGO_Abstract/SLogo_Fig9_Goldberg_Machine.svg

Interactive Postcard of Ireland in SVG
http://svg.kvalitne.cz/ireland/irelandvacation.svg

Crime and poverty interactive SVG map
http://www.carto.net/papers/svg/us_crime_2000/map.svgz

Animated lyrics in SVG
http://svg-wow.org/audio/animated-lyrics.svg
Analytics with Raphael and SVG
http://raphaeljs.com/analytics.html

Visual representation Of Twitter connections
http://workshop.rs/projects/twings/#kopipejst

Blobular
http://www.themaninblue.com/experiment/Blobular/

The creepy mouth In SVG
http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg

Animated SVG clock
http://www.bogotobogo.com/svg_source/SVGDigitalClock.svg

Interactive SVG on the iPad
http://techblog.floorplanner.com/2010/08/30/interactive-svg-for-the-ipad/

Resource: http://www.netmagazine.com/features/20-svg-uses-will-make-your-jaw-drop

Priest (2011)

Priest (2011) –

This was not very good.

 

While watching this movie, I saw a girl priest in the movie. Are there girl priest in the Catholic Church? I have never seen a girl priest in the Catholic Church before.

 

What I didn’t like?

 

In the middle of the movie, the producer decided to show three priests who died defending their faith crucified on the cross like Jesus Christ.

 

 

I did a Google search on ‘girl priest’ and I found garbage of information. I am just trying to find out if the Catholic Church has girl priest. There are many different opinions on this subject matter. But the only person who can answer this question is the pope who represents the authority of the Catholic Church.

The Pope made the following statement in an apostolic letter entitled Ordinatio Sacerdotialis:

“Wherefore, in order that all doubts may be removed regarding a matter of great importance, a matter which pertains to the Church’s divine constitution itself, in virtue of my ministry of confirming the brethren (cf. Lk. 22:32), I declare that the Church has no authority whatsoever to confer priestly ordination on women and that this judgment is to be definitively held by all the Church’s faithful” (http://www.concernedcatholics.org/femalepriests.htm )

A baptized male alone receives sacred ordination validly. ( http://www.vatican.va/archive/ENG1104/_P3P.HTM )

 

I guess the answers “No.”

 

I found out that there are shameless female priest who proclaim they are ordained priests and admit to breaking the Church’s Canon Law 1024

 

http://www.romancatholicwomenpriests.org/

http://www.time.com/time/nation/article/0,8599,2021519,00.html

 

I guess people choose when they want to see and hear the truth. But I don’t think that is how truth operates. We have to seek truth to find truth and we have to accept truth for what it is.

HTML5 tips

HTML5

1.  <!doctype html> (simple and clean)

      in HTML4 it would be:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>

2. data-

<img id=”img1″ src=”eiffelTower.jpg” alt=”Eiffel Tower”
data-country=”fr”
data-imageType=”thumb”
data-fullURL=”/photos/large/eiffelTower.jpg”>

<img id=”img2″ src=”coliseum.jpg” alt=”Coliseum”
data-country=”it”
data-imageType=”thumb”
data-fullURL=”/photos/large/coliseum.jpg”>

access the values of data- attributes using the DOM methods such as element.getAttribute()

// Displays "/photos/large/eiffelTower.jpg": 
  alert( document.getElementById('img1').dataset.fullurl );

Morten Barklund has created a nice jQuery plugin that adds datasetsupport to all browsers.

3.  <figure> avoid the plague of divitis by replacing non-semantic div and span elements with more meaningful element types

header and footer for page and article headers and footers respectively

article for encapsulating an article or blog post

nav for representing the site navigation

figure and figcaption for including figures and figure captions

time for representing dates and times
<!doctype html>
<html lang=”en”>
<head>
<title>New WonderWidget Released</title>
</head>
<body>

<nav>
<ul>
<li><a href=”/”>Home</a></li>
<li><a href=”/archive/”>Archive</a></li>
<li><a href=”/about/”>About</a></li>
</ul>
</nav>

<article>

<header>
<h1>New WonderWidget Released</h1>
<p><time pubdate datetime=”2011-07-11″></time></p>
</header>

<p>Curabitur tortor. Pellentesque nibh. Aenean quam.
In scelerisque sem at dolor. Maecenas mattis. Sed
convallis tristique sem. Proin ut ligula vel nunc
egestas porttitor.</p>

<figure>
<img src=”eiffelTower.jpg” alt=”Eiffel Tower”>
<figcaption>The Eiffel Tower, earlier today</figcaption>
</figure>

<footer>
<p>Posted by: Matt Doyle</p>
<p><a href=”comments/”>Comments</a></p>
</footer>
</article>

</body>
</html>
Internet Explorer 8 and earlier don’t understand these new element types, which means that you can’t style them with CSS or access them in the DOM via JavaScript. To work around this, check out Remy Sharp’s HTML5 Shiv script.

 

4. New attributes

contenteditable is now officially part of the HTML standard, making it easier to create rich-text web editors.

spellcheck allows you to toggle spell checking for a text field or editable element.

reversed lets you create an ordered list in reverse (descending) order.

draggable and dropzone let you add browser-native drag-and-drop functionality to any element (here’s a great tutorial on HTML5 drag-and-drop).

target attribute, which lets you target iframes, open links in new windows has been  reinstated with HTML5

 

5. Wrap a link

  • links can contain flow content, which is an HTML5 term roughly equivalent to HTML4’s “block-level”

<a href=”mypage.html”>
<div>
<h2>Linked div</h2>
<p>Here’s an entire linked div containing an h2 heading,
a paragraph, and an image!</p>
<img src=”eiffelTower.jpg” alt=”Eiffel Tower”>
</div>
</a>

  • The RULE is that the content inside the link must not itself be interactive — this rules out other a elements, as well as buttons, iframes, select menus,

6. commonly-used snippets

  • <!– HTML4 –>
  • <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
  • <!– HTML5 –>
  • <meta charset=”utf-8″>
  •  ———————————————–
  • <!– HTML4 –>
  • <script type=”text/javascript”> … </script>
  • <!– HTML5 –>
  • <script> … </script>
  •  ———————————————–
  • <!– HTML4 –>
  • <style type=”text/css”> … </style>
  • <!– HTML5 –>
  • <style> … </style>

7. Enhanced forms

  • email, url, tel, number, range, date, datetime, search, and more. These serve 2 main purposes:

i.      Browsers can automatically validate the fields

ii.      Some browsers, such as Mobile Safari, can display context-aware keyboards based on the field type. For example, if the user is entering a telephone number into an <input type="tel"> field then the browser displays a telephone keypad.

  • autofocus attribute that automatically focuses a form field of your choosing when the form first loads.
  • placeholder attribute that lets you display placeholder text inside a field to guide the user.
  • required attribute for making form fields required. As with the input types, this triggers automatic browser validation — the user can’t submit the form until they’ve filled in all required fields.

 

http://www.elated.com/articles/7-lovely-things-about-html5-markup/
http://www.w3.org/TR/html5-diff/
http://diveintohtml5.org/peeks-pokes-and-pointers.html
http://firefogg.org/index.html
http://handbrake.fr/
http://flowplayer.org/