Car Crash Prank
I scared the hell out of her. Car Crash Prank!
COPY CAT
<iframe width="600" height="350" src="http://tune.pk/player/embed_player.php?vid=6200469&folder=2015/08/18/&width=600&height=350&autoplay=no" frameborder="0" allowfullscreen scrolling="no"></iframe>
How cute Japaneses little angel
Al filo de lo Imposible - Gente común que logra cosas extraordinarias: La niña china puede hipnotizar a los animales
Posted by CCTV on Thursday, August 6, 2015
Global Online Employment Report by Elance
Global Online Employment Report by Elance
https://www.elance.com/q/online-employment-report
Difference Between HTML4 and HTML5
A typical web page has headers, footers, navigation, central area and side bars. Now if we want to represent the same in HTML 4 with proper names to the HTML section we would probably use a DIV tag.
But in HTML 5 they have made it more clear by creating element names for those sections which makes your HTML more readable.
But in HTML 5 they have made it more clear by creating element names for those sections which makes your HTML more readable.
Below are more details of the HTML 5 elements which form the page structure.
- <header>: Represents header data of HTML.
<article>: Self-contained content. <section>: Used inside article to define sections or group content in to sections.
Get Ready for the interview of HTML5
Whether you’ve studied HTML, HTML5, or other web development languages via college courses, online courses, boot camps, or self-study, there will come a time when you need to get a job and the gateway between you and gainful employment is the interview process. If you’ve started your own website or are a freelancer, you can count yourself among the lucky few because everyone else has to go through the dreaded interview process. While it seems daunting, you can still sail through your interview effortlessly and land that job–or at least the second interview–with some clever preparation.
We got rid of the generic interview preparation questions, making instead a list of questions that will help you prepare for a tough job interview focusing on HTML, HTML5 and other web development tools. Get these on your memory drive and you’ll be well on your way to a successful HTML coding career.
General Questions
Believe it or not, some people find that the most difficult part of the interview is the icebreaker portion that involves small talk and requires some clever improvisation on your part. You can prepare by knowing some of the questions potential employers might ask during this interview phase. Come up with a good story for each of the questions. If you don’t have an answer for these, then maybe you are not as gung-ho about web design as you thought you were.
1. Have you learned something new or interesting lately?- Make sure you know all the relevant news and blogs. You should be reading them regardless, but doing so on a daily basis during your job search is important. Be ready to talk casually and fluently about the latest web trends.
2. Why did you get into coding, programming, etc.?- “Because I can make good $,” “I don’t like to dress up or shave,” and “because I loved the movie Hackers,” are not good enough answers. Well… a comment about Hackers might fly but make sure you have a real backstory that describes your “Aha!” moment.
3. What is your preferred development environment?- This is your chance to talk shop and demonstrate some industry knowledge. Be prepared to talk about your favorite editor, browser, plug-ins, operating system, and other tools. Freshen up on your lingo.
4. What is the coolest thing you ever coded? Do you have any personal projects you are working on?- These two questions are interchangeable. Any developer worth his weight had to practice somewhere or on something before they landed their first gig. If not, how did you get this interview anyway?! Review your past experiences, and even if they were boring to you, figure out a new frame of reference that demonstrates passion and a zest for learning.
5. How do you optimize a website’s assets?- There are a number of answers to this question: File concatenation, file compression, CDN Hosting, offloading assets, re-organizing and refining code, etc. Have a few ready.
6. What are three ways to reduce page load time?- Again there are many answers here: Reduce image sizes, remove unnecessary widgets, HTTP compression, put CSS at the top and script references at the bottom or in external files, reduce lookups, minimize redirects, caching, etc.
7. What kind of things must you be wary of when design or developing for multilingual sites?- Another problem with many solutions: setting the default language, using Unicode encoding, using the ‘lang’ attribute, being aware of standard font sizes and text direction, and language word length (may affect layout).
5. How do you optimize a website’s assets?
- There are a number of answers to this question: File concatenation, file compression, CDN Hosting, offloading assets, re-organizing and refining code, etc. Have a few ready.
6. What are three ways to reduce page load time?
- Again there are many answers here: Reduce image sizes, remove unnecessary widgets, HTTP compression, put CSS at the top and script references at the bottom or in external files, reduce lookups, minimize redirects, caching, etc.
7. What kind of things must you be wary of when design or developing for multilingual sites?
- Another problem with many solutions: setting the default language, using Unicode encoding, using the ‘lang’ attribute, being aware of standard font sizes and text direction, and language word length (may affect layout).
Beginner HTML Questions
8. What is HTML?
- HTML stands for HyperText Markup Language. It is the dominant markup language for creating websites and anything that can be viewed in a web browser. If you want to get some extra bonus points, you can learn the history of HTML and throw in some obscure facts.
9. What is the difference between HTML elements and tags?
- HTML elements communicate to the browser how to render text. When surrounded by angular brackets
<>they form HTML tags. For the most part, tags come in pairs and surround text.
10. What is “Semantic HTML?”
- Semantic HTML is a coding style where the tags embody what the text is meant to convey. In Semantic HTML, tags like
<b></b>for bold, and<i></i>for italic should not be used, reason being they just represent formatting, and provide no indication of meaning or structure. The semantically correct thing to do is use<strong></strong>and<em></em>. These tags will have the same bold and italic effects, while demonstrating meaning and structure (emphasis in this case).
11. What does
DOCTYPE mean?- The term
DOCTYPEtells the browser which type of HTML is used on a webpage. In turn, the browsers useDOCTYPEto determine how to render a page. Failing to useDOCTYPEor using a wrongDOCTYPEmay load your page in Quirks Mode. See example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">.12. What’s the difference between standards mode and quirks mode?
- Quirks Mode is a default compatibility mode and may be different from browser to browser, which may result to a lack of consistency in appearance from browser to browser.
13. What are the limitations when serving XHTML pages?
- Perhaps the biggest issue is the poor browser support XHTML currently enjoys. Internet Explorer and a number of other user agents cannot parse XHTML as XML. Thus, it is not the extensible language it was promised to be. There are many other issues. Take your pick.
14. How many HTML tags are should be used for the most simple of web pages?
- 8 total. 4 pairs of tags.
<HTML><HEAD><TITLE>Simplest page ever!</TITLE></HEAD><BODY>Doesn’t get simpler than this.</BODY></HTML>15. How do you make comments without text being picked up by the browser?
- Comments are used to explain and clarify code or to prevent code from being recognized by the browser. Comments start with “
*<!--” and end with ”-->“.
<!-- Insert comment here. -->16. What is the difference between linking to an image, a website, and an email address?
- To link an image, use
<img>tags. You need specify the image in quotes using the source attribute,srcin the opening tag. For hyperlinking, the anchor tag,<a>, is used and the link is specified in thehrefattribute. Text to be hyperlinked should be placed between the anchor tags. Little known fact:hrefstands for “hypertext reference.” When linking to an email, thehrefspecification will be“mailto:send@here.com.”See examples below:
<img src=”HTMLrocks.jpg”></img><a href=”skilprelaunch2.wpengine.com”>Skilledup</a><a href=”brad@skilledup.com”>Email Me</a>17. My hyperlink or image is not displaying correctly, what is wrong with it?
- It could be any number of things, but the most common mistakes are leaving out a tag bracket or quote missing for
href,src, oralttext may be the issue. You should also verify the link itself.
18. What is the syntax difference between a bulleted list and numbered list?
- Bulleted lists use the
<ul>tag, which stands for “unordered,” whereas<ol>is used to create an ordered list.
19. What is the difference between
<div> and <frame>?- A
<div>is a generic container element for grouping and styling, whereas a<frame>creates divisions within a web page and should be used within the<frameset>tag. The use of<frame>and<frameset>are no longer popular and are now being replaced with the more flexible<iframe>, which has become popular for embedding foreign elements (ie. Youtube videos) into a page.
Frequently Asked Questions in the Interview for HTML5 and CSS3 and their Answers
(1) What is the use of Canvas Element in HTML5?
HTML5 Canvas element can be used to draw graphics images on a web page by using javascript.
(2) Can you give an example of Canvas element how it can be used?
<canvas id=“DGTCanvas” width=“500″ height=“400″>
</canvas>
<script type=“text/javascript”>
var DGTCanvas=document.getElementById(“DGTCanvas”);
var DGTText=DGTCanvas.getContext(“2d”);
DGTText.fillStyle=“#82345c”;
DGTText.fillRect(0,0,150,75);
</script>
<canvas id=“DGTCanvas” width=“500″ height=“400″>
</canvas>
<script type=“text/javascript”>
var DGTCanvas=document.getElementById(“DGTCanvas”);
var DGTText=DGTCanvas.getContext(“2d”);
DGTText.fillStyle=“#82345c”;
DGTText.fillRect(0,0,150,75);
</script>
This book is far better than any other learning material. It has very basic information that includes both HTML5 and CSS3 with sample code and comprehensive examples.
(3) What is the purpose of HTML5 versus XHTML?
HTML5 is the next version of HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. It aims to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun JavaFX. Instead of using those plugins, it enables browser to serve elements such as video and audio without any additional requirements on the client machine.
Related article on DGlobalTech.com
- Flash versus HTML5
- HTML5 – Video and Audio File formats and browser support
- HTML Javascript online Realtime Editor
(4) What is the difference between HTML and HTML5 ?
HTML5 is nothing more then upgraded version of HTML where in HTML5 supports the innovative features such as Video, Audio/mp3, date select function , placeholder , Canvas, 2D/3D Graphics, Local SQL Database added so that no need to do external plugin like Flash player or other library elemenents.
(5) WHAT are some other advantages of HTML5?
a) Cleaner markup than earlier versions of HTML
b) Additional semantics of new elements like <header>, <nav>, and <time>
c) New form input types and attributes that will (and in Opera’s case, do) take the hassle out of scripting forms.
b) Additional semantics of new elements like <header>, <nav>, and <time>
c) New form input types and attributes that will (and in Opera’s case, do) take the hassle out of scripting forms.
(6) What is the <!DOCTYPE>? Is it mandatory to use in HTML5?
The <!DOCTYPE> is an instruction to the web browser about what version of HTML the page is written in. The <!DOCTYPE> tag does not have an end tag. It is not case sensitive.
The <!DOCTYPE> declaration must be the very first thing in HTML5 document, before the <html> tag. As In HTML 4.01, all <! DOCTYPE > declarations require a reference to a Document Type Definition (DTD), because HTML 4.01 was based on Standard Generalized Markup Language (SGML). WHERE AS HTML5 is not based on SGML, and therefore does not require a reference to a Document Type Definition (DTD).
(7) What are the New Media Elements in HTML5?
New Media Elements in HTML5 are :
| TAG | DESCRIPTION |
|---|---|
| <audio> | For multimedia content, sounds, music or other audio streams |
| <video> | For video content, such as a movie clip or other video streams |
| <source> | For media resources for media elements, defined inside video or audio elements |
| <embed> | For embedded content, such as a plug-in |
| <track> | For text tracks used in mediaplayers |
(8) What is the major improvement with HTML5 in reference to Flash?
Flash is not supported by major mobile devices such as iPad, iPhone and universal android applications. Those mobile devices have lack of support for installing flash plugins. HTML5 is supported by all the devices, apps and browser including Apple and Android products. Compared to Flash, HTML5 is very secured and protected. That eliminates major concerns that we have seen with Flash.
(10) What is the sessionStorage Object in html5 ? How you can create and access that?
The HTML5 sessionStorage object stores the data for one session. The data is deleted when the user closes the browser window. We can create and access a sessionStorage, created “name” as session
<script type=“text/javascript”>
sessionStorage.name=“DGTECH”;
document.write(sessionStorage.name);
</script>
sessionStorage.name=“DGTECH”;
document.write(sessionStorage.name);
</script>
An Awesome Scene of The Great Wall of China
An Awesome Scene of | The Great Wall of China
What code should you learn?
What code should you learn?
A comprehensive note on PHP with the Background of PHP.
HTML5 Past, Present and Future
Do you know #HTML5 is also use in Mobile App?
HTML5 aims to improve upon its predecessors by enhancing the language and support while still being compatible and understandable by current media devices and web browsers.
Chrome and Safari possess a higher compatibility rating than that of Opera and Internet Explorer – which both have a fairly low rating based on the analysis and research data. Research also indicates that HTML5’s trajectory will continue to grow to incredible heights in the very near future.
Research indicates that by 2016, HTML5 usage with mobile browsers will surge to 2.1 billion. And by this year alone, the use of HTML5 in mobile application development has increased to 78%.
Some Impotent CSS3 Properties
Web Development | HTML5 | CSS3 | JavaScript | SQL | PHP
Some Impotent CSS3 Properties
Some Impotent CSS3 Properties including
- Border-Radios
- Background
- Background-Image
- Background-Color
- Background-opacity
- Linear-Radient
- Box-Shadow
- Text-Shadow
- Transition
Sadyon Se Ik Sapna Hy,
Poetry Sms |
Sadyon Se Ik Sapna Hy, |
English Poetry
You are my bone and my horn, when ever I am falling you always pull me up as your own. You have siezed me in your arms Just like an airborne disease. I remain greatful
Bahria Mosque | World's 7th Largest Mosque
GRAND JAMIA MASJID LAHORE
World’s 7th Largest Mosque with the Capacity of 70,000
World’s 7th Largest Mosque with the Capacity of 70,000
The Grand Jamia Masjid is an honored identity of Bahria Town Lahore and will represent Pakistan throughout the Islamic World. Truly a masterpiece, the mosque’s interior is absolutely magnificent, with breathtaking views representing the fusion of traditional Islamic architecture with Pakistani culture. The carpet has been custom-made and imported from Turkey, there are over 50 luminous Persian chandeliers, creating a vibrant Islamic ambiance.
The structure comprises of 4 minarets, each standing tall at 165 ft. and a Grand Dome in the center, which is surrounded by 20 smaller domes. The most fascinating feature about this masterpiece is that the exterior consists of 4 million, 2.5 inch handmade Multani tiles made from special Multanimitti and hand placed by the craftsmen. Placing these tiles alone took 4 years to complete. The total capacity of this magnificent piece of Islamic architecture is 70,000 making it the world’s 7th largest mosque. It has an indoor capacity of 25,000, labeling it Pakistan’s Largest Mosque. There are dedicated praying areas for women, a school and an Islamic Art Gallery.
Pakistan’s Largest Indoor Praying Facility; 25,000
An Amazing Ride on the Water
So, Would you like to try the Riding on the Surface of Water like this man?
Subscribe to:
Posts (Atom)