Ad Section

Welcome To Praneeth Madush

HTML | CSS | PHP | BOOTSTRAP | MYSQL Learning

Wednesday, May 30, 2018

Image searching ගැන බිදක්!

Image searching ගැන බිදක්!


මමත් අද ඉදන් පෝස්ට් ලියන්න පටන් ගත්තා. මන් අද කතා කරන්න යන මාතෘකාව තමයි හිතන්නකො අපි ගාව image එකක් තියෙනවා. ඒත් අපි ගාව තියෙන්නෙ ඒ ඉමේජ් එකේ original resolution එකේ quality කොපි එකක් නෙමෙයි. අපිට ඒ ඉමේජ් එකේ quality කොපි එක හොයාගන්න පුලුවන් ක්‍රමයක් තියේද? නැද්ද? කියන එක ගැන. මුලින්ම කියන්න ඕනේ මේ මගේ පලවෙනි පෝස්ට් එක. මේකේ ගොඩක් වැරදි අඩුපාඩුකම් ඇති. ඒවා පහතින් කමෙන්ට් එකක් දාගෙන යන්න. මන් කැමතියි ඒවා හදාගන්න 
අපි ගාව තියෙන ඉමේජ් එකක quality කොපි එක ඉන්ටර්නෙට් එකේ තියේනම් හොයාගන්න ගොඩක් ක්‍රම තියේ. හැබැයි මන් හිතන්නෙ නෑ ඒවා 100%ක්ම සාර්තකයි කියලා. ඒත් අපිට ඒවලින් යම් තරමකට හරි වැඩක් ගන්න පුලුවන්. අපිට මේ පහසුකම අපි කවුරුත් දන්න ගූගල් සමාගම විසින් 2009 ඔක්තෝම්බර් 27 වෙනිදා අපිට ලාබා දුන්නා. මේ ක්‍රමයනම් මන් හිතනවා ගොඩක් අය දන්න ක්‍රමයක් කියලා. ඒකට තමයි අපි අද කියන්නෙ google image search කියලා.අපිට ඒකෙනුත් ‍යම් තරමක් දුරට වැඩක් ගන්න පුලුවන් හැබැයි මේ google image search එකෙන් අපිට ලබාගන්න පුලුවන් වෙන්නෙ අපි ලබාදෙන image එකට සමාන images internet එකෙන් හොයලා අපිට search result එක පෙන්නන එක. ඒත් මේකෙන් නම් අපිට ඕනෙ වැඩේ කරගන්න ටිකක් විතර අපහසුයි. ඒ මොකද කිව්වොත් මේකෙන් කරන්නෙ අපි දෙන පින්තූර වලට සමාන පින්තූර ගොඩක් search result එකේ පෙන්නන එක. ඒ ටික අතර අපිට ඕනෙ image එක තියෙන්නත් පුලුවන් ඒත් ඒ අපිට ඕනේ image එක ඒ ටික අතරින් හොයාගන්න එකනම් ටිකක් වෙහෙසකරයි. 
අන්න ඒ ප්‍රශ්නෙ මගහැර ගන්න පුලුවන් තරමක් හොද ක්‍රමයක් තියේ. ඒ තමයි Tineye කියන්නේ. මේක website එකක්. 
මේ link එකෙන් website එකට යන්න. - https://goo.gl/LgTD2K
මේකෙදි වෙන්නෙ අපි දෙන image එකට ගැලපෙන images internet එකෙන් හොයලා කෙටි වෙලාවකදී ඒ ටික අපිට ඒ අදාල website එකේ link එකත් එක්කම පෙන්නන එක. අර මන් කලින් කිව්ව google image search එකේ වගේ මේකෙදි බොහෝ දුරට අපි දෙන image ගැලපෙන images තමයි search results එකට එන්නේ. ඒක නිසා මන් හිතනවා google image search එකට වඩා මේ website එකෙන් අපිට ටිකක් හරි පහසුවෙන් අපිට ඕනේ වැඩේ කරගන්න පුලුවන් කියලා.
ඔයාලාත් මීට වඩා හොද ක්‍රම දන්නවා ඇත් ඒවත් පහතින් කමෙන්ට් කරගෙන යන්න. මේ පෝස්ට් එකේ අඩුපාඩු කම් හොද නරකත් පහතින් කමෙන්ට් කරගෙන යන්න. ඊලග පෝස්ට් එකෙන් හමුවෙමු.

Saturday, May 5, 2018

Create simple profile card css and bootstrap

Create simple profile card css and bootstrap


Tiutorial by Praneeth Madush

This is a simple profile card for your website what you will create.You can learn how to create this profile card from this video or download directly source code of it.

Download Source Code
Video Tiutorial bellow





Friday, May 4, 2018

What is html used for?

What is html used for?


First developed by Tim Berners-Lee in 1990, HTML is short for HyperText Markup Language. HTML is used to create electronic documents (called pages) that are displayed on the World Wide Web. Each page contains a series of connections to other pages called hyperlinks. Every web page you see on the Internet is written using one version of HTML code or another.
HTML code ensures the proper formatting of text and images so that your Internet browser may display them as they are intended to look. Without HTML, a browser would not know how to display text as elements or load images or other elements. HTML also provides a basic structure of the page, upon which Cascading Style Sheets are overlaid to change its appearance. One could think of HTML as the bones (structure) of a web page, and CSS as its skin (appearance).

What does an HTML tag look like?

HTML tag
As seen above in the above HTML tag example, there are not many components. Almost all HTML tags have an opening tag that contains the name with any attributes and a close tag that contains a forward slash and the name of the tag that is being closed. For tags that do not have a closing tag like the <img> tag, it is best practice to end the tag with a forward slash.
Each tag is contained within a less than and greater than angle brackets and everything between the opening and closing tag is displayed or affected by the tag. In the above example, the <a> tag is creating a link called "Computer Hope" that is pointing to the hope.html file.

What does HTML look like?

The following is an example of a basic web page written in HTML as well as a description of each section and its function.
<!DOCType HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html lang="en"><head>
<title>Example page</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<h1>This is a heading</h1>
<p>This is an example of a basic HTML page.</p>
</body></html>
The box above contains the key ingredients to a basic web page. The first line (DOCType) describes what version of HTML the page was written in so that an Internet browser can interpret the text that follows. Next, the HTML opening tag lets the browser know that it is reading HTML code. The HTML tag is followed by the head section which contains information about the page such as its title, meta tags, and where to locate the CSS file. The body section is all content that is viewable on the browser. For example, all the text you see here is contained within the body tags. Finally, closing tags wrap each elementfor proper syntax.

What is HTML5?

HTML5 is the update made to HTML from HTML4 (XHTML follows a different version numbering scheme). It uses the same basic rules as HTML4, but adds some new tags and attributes which allow for better semantics and for dynamic elements that are activated using JavaScript. New elements include section, <article><aside><audio><bdi><canvas><datalist><details><embed><figure><figcaption><footer><header><keygen><mark><meter><nav><output><progress><rp><rt><ruby><time><track><video>, and <wbr>. There are also new input types for forms, which include tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, and color.
With the increasing movement to keep structure and style separate, a number of styling elements have been removed along with those that had accessibility issues or saw very little use. These following elements should no longer be used in HTML code: <acronym><applet><basefont><big><center><dir><font><frame><frameset><noframes><strike>, and <tt>. HTML5 also simplifies the doctype declaration to the tag in the following box.
<!doctype html>

What does HTML5 look like?

As shown below the HTML5 code is very similar to the earlier HTML4 example, but is much cleaner with the revised doctype tag.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Example page</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is an example of a basic HTML page.</p>
</body>
</html>

How to create and view HTML

Because HTML is a markup language it can be created and viewed in any text editor as long as it is saved with a .htm or .html file extension. However, most find it easier to design and create web pages in HTML using an HTML editor.
Once the HTML file is created it can be viewed locally or uploaded to a web server to be viewed online using a browser.

Which file extensions are used with HTML?

HTML files use either the .htm or .html file extension. Older versions of Windows (Windows 3.x) only allow three-letter file extensions, so they used .htm instead of .html. However, both file extensions have the same meaning, and either may be used today. That being said, we recommend sticking to one naming convention as certain web servers may prefer one extension over the other.
Note: Web pages that are created using a scripting language like PerlPHP, or Python have a different extension even though they only show HTML in the source code.

Praneeth Madush

I'm a young cyber security researcher. I have a strong passion for programming. So I known about PHP,Android App Development,VB.net and C#.