Posts

Showing posts with the label web

Web Technologies e.g. SASS, LESS and Doctrine

-
Image
Web technologies, as the name indicates are the technology used over the world wide web. These technologies help the users to communicate with each other. You may have learned in your social sciences subject that Language is the main source of communication. Similarly when computers communicate, they also use certain specific language or languages for this.  As we all know HTML is the hypertext markup language. It is the core of web technologies. Then comes JavaScript, React, Angular, Ruby, CSS and so on.  Everyone likes beauty. CSS adds beauty to your page. But you need to write a lot of code for minute things in the style sheet. So to make the task of web developers convenient, Henry Thorton  with  Natalie Weizenbaum   designed and developed SASS (Syntactically Awesome Style Sheets) respectively. SASS is the style sheet language written in PHP. It is an extension to CSS and .css file can be converted to .sccs file. SASS is backward compatible meaning, ...
Post a Comment
Read more

Web Applications

-
Image
When did you open your Facebook last time? Have you connected with other people on Linked In? If not then, you might have sent an email... What am I talking about? Image Source That's right! I am talking about Web applications . Web applications are the applications that run over the web or an Internet. There are some differences between website and web applications. Difference between Websites and Web applications.. The main differences between websites and web applications are as under: Websites: Provide information as a static file. Not very much interactive. Don't allow the user to do transactions. For example: news feeds, blogs, images etc. Web applications: Provide dynamic data. Interactive rather than just informative. Allow the user to do transactions. For example: bidding sites, on-line shopping sites, mailing sites, facebook, Twitter and Wikipedia etc. How do they work? On an abstract and simple level, The client(web browser...
1 comment
Read more

Palindrome : php

-
Image
Image source : https://www.grammarly.com/blog/16-surprisingly-funny-palindromes/ Words, numbers, digits, or ... anything,  that remain the same as original if we reverse them are Palindromes. So how could we find if a word or a sentence is palindrome or not? We will use php for this... code: <?php function semiPermeableMembrain ( $str ){ $str = strtolower( $str ); $split = str_split ( $str ); foreach ( $split as $obstacle ){ if ( $obstacle == " " || $obstacle == "'" || $obstacle == "." || $obstacle == "," || $obstacle == ";" || $obstacle == ":" || $obstacle == "-" ) { $obstacle = "/ $obstacle /" ; $str = preg_replace ( $obstacle , '' , $str ); } } palindrome( $str ); ...
Post a Comment
Read more

PHP chess board : how to make ?

-
Image
As we have learned much of the basics of  HTML and CSS . Let us now learn how can we make our web applications more user friendly, flexible and versatile, using php . Today we will see how to make a chess board using php in collaboration with HTML and CSS .  So, Let's start: BASIC php SYNTAX: Starting Closing Tags: <?php ?> Php code must be written in these tags. Variables:              Start with "$" sign e.g. $num=3;               ; is really important to put after every statement. Functions:              Functions start with the keyword "function". E.g. function power(){} Print:             echo "printing by using echo";             echo ("printing by using echo");             print "pri...
Post a Comment
Read more

News Website Layout

-
Image
I had a web Engineering lab, in which I need to make a website layout as that of BBC News . So, I made a Banana News Network website layout. Before going towards the code, I want to tell you that I mostly did the work using division tag <div></div>.  The same work can be done using tables, but div provides you more flexibility and responsiveness. So, I used both the div tags and tables. Now, below is the code of that website layout. I am sharing it because the lab has been marked. CODE: <!DOCTYPE html> <html> <head><title> bbc </title> <link rel= "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" > <style> @media screen and ( min-width : 480px ) { li { display : block ; text-decoration : none ; text-align : left ; color : red ; padding : inherit ; font-size : 17px ; margin : auto ; bor...
Post a Comment
Read more

Let's write a Story..

-
Image
HTML provides us the opportunity to write stories by using beautiful background and themes. Let us write a story using HTML (do not ignore CSS) (NOTE: I took the story from here ) HTML Code with Internal CSS: (The code within <style></style> tag is CSS code. This is used for styling.) <!DOCTYPE html> <html> <head><title></title></head> <style> body { background-image : url(https://ubisafe.org/images/leaf-transparent-gif-3.gif) ; } header { background-image : url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtDfPZ1vWpRDFkDl8dZ7h1IYsNolC3Mqos_7DitiaztuzI-8yi0w) ; width : 100 %; /*background-repeat: no-repeat;*/ text-align : center ; height : 100px ; padding-top : 0.1px ; padding-bottom : 17px ; } #header { } #container { background : white ; width : 50 %; padding : 20px ; text-align : justify ; margin-left : 25 %; border : 10px solid orange ; box-shadow: -...
Post a Comment
Read more