Friday, 31 July 2015

Most common CSS Interview Questions and answers

Posted by M2Software Solutions Solutions Pvt. Ltd | 02:13 Categories: , ,

 web designCSS stands for Cascading Style Sheets language. It is a standard for applying style to HTML elements. CSS is widely popular since it eliminates of writing too many HTML tag to make the document more reader friendly

I have listed 20 Most commonly asked CSS interview questions with answers.

1. What are different ways to apply styles to a Web page?
Inline CSS,
Embedded CSS
Linked CSS or External Styles
Imported CSS: importing one stylesheet in the main stylesheet (@import url(‘/css/layout.css’);)
2. What is the difference between an ID selector and CLASS?
An ID selector identifies and sets style to only one occurrence of an element, while CLASS can be attached to any number of elements.
3. What is CSS Grouping?
When more than one selector shares the same declaration, they may be grouped together via a comma-separated list; this allows you to reduce the size of the CSS
4. What are Child Selectors?
A child selector is used when you want to match an element that is the child of another specific element.
(div > p {font-size: 13px;})
5. What are Pseudo Classes?

Pseudo classes allow you to identify HTML elements on characteristics as opposed to their name or attributes.
a:link,
a:visited,
a:hover
6. What is the CSS Box Model?
CSS box model is made up of margins, borders, padding, and content.
Box model provides a structured way to space elements in relationship to each other.
7. What is the difference between inline and block elements?
A block element is an element that takes up the full width available, and has a line break before and after it. For example: h1, p and div.
An inline element only takes up as much width as necessary, or it takes width as per the content inside. It will not accept width and height values, and does not force line breaks. Example: a and span.
8. What is z-index and how is it used? What is the default value of Z-index?
The z-index helps specify the stack order of positioned elements that may overlap one another. The z-indexdefault value is zero, and can take on either a positive or negative number.
9. What is the difference between visibility:hidden and display:none?
visibility:hidden simply hides the element, while it will still take up space and affect the layout of the document.
display:none also hides the element, but will not take up space and the page will appear as if the element is not present.
10. Why shorthand properties are used? Give examples.
Font shorthand property sets all the font properties in one declaration.
.classname {
font:bold 1em/1.2em Arial,"times new roman",serif;
}
Read more about Font Shorthand

11. What are Sass, LESS, and Stylus? Why do people use them? How does something like Compass relate to Sass?

They are CSS preprocessors. They are a special syntax/language that compile down into CSS. They make managing CSS easier, with things like variables and mixins to handle vendor prefixes (among other things). They make doing best practices easier, like concatenating and compressing CSS.
12. What are the various techniques for clearing floats?
Use a clearfix.
Float the parent as well.
Use an overflow property other than “visible” on the parent (bonus points for listing downsides like cutting off shadows).
13. What are sprites and why would use them? How do you go about creating them? What are possible alternatives to sprites?
Sprites are essentially multiple images combined into one. Performance is the reason that they are used. HTTP requests will be reduced which will result in faster loading of the pages.
Use online tools, Photoshop (Takes time), Spriting with Compass
14. What do you mean by responsive design?
It’s about making websites work on different platforms/devices. Different devices with different sizes and different capabilities. Responsive design is about taking one code base and making it work for all of them. Media queries used for achieving this.
15. What is the difference between CSS and CSS3 ?
CSS3 is upgreaded version of CSS with new future like Selectors,Box Model, gradient backgrounds, multiple background, Text Effects,2D/3D Transformations, Animations, Multiple Column Layout etc…
16. How to create Rounded Corners using css3? Give example

div{
border:2px solid #ff0000;
border-radius:25px;
-moz-border-radius:25px; /* Firefox */
-webkit-border-radius:25px; /* Chrome and Safari */
}
-o-border-radius:25px; /* Opera */

17. What is the CSS3 background size Property? How to use it?

The background-size property specifies the size of the background image.
.myClass {
background:url(background.jpg);
-moz-background-size:80px 60px; /* Firefox 3.6 */
background-size:80px 60px; /* or we can do background-size:100% 100%;*/
background-repeat:no-repeat;
}

18. What is the word wrap in CSS3 ?


To Allow long words to be able to break and wrap onto the next line in css3 we used word-wrap property like below class
.wordwrappcds{word-wrap:break-word;}

19. What CSS3 box-sizing Property?

The box-sizing property is used to tell the browser what the sizing properties (width and height) should include. box-sizing to “border-box” forces the browser to render the box with the specified width and height, and place the border and padding inside the box.
20. What is CSS3 backface-visibility Property?
The backface-visibility property defines whether or not an element should be visible when not facing the screen.This property is useful when an element is rotated, and you do not want to see its backside.

Regards : Web Design Company


Thursday, 30 July 2015

On Monday, Google announced that they've updated how the Google AdWords reporting shows the Quality Score for your keywords.


Google made it clear that the change will only affects the numbers you’ll see in AdWords, not the way quality score is calculated or the ad auction.
Google explains the reason for the update:
“Behind the scenes, this change will allow us to simplify some of our core systems, letting us focus our attention on improving reporting accuracy for keywords with traffic.”
The most visible change to the reporting is that before they receive traffic, keywords will now default to a reported score of 6. Scores will update when enough impressions accumulate in a day or so.
Google last updated AdWords quality score reporting in July 2013.

Need SEO Services...?? Feel Free to contact us at : 


M2Soft


Monday, 27 July 2015

1. Stop looking for Source codes, templates, snippets.


Lots of people waste too much time to get source codes of this and that here and there. Actually they loose the focus on becoming a coder.

 m2soft solutions
To naturally improve your skills, take some time and focus on how to code your own code. you will a definite improvement in short time.

It doesn't mean that you will never use third party software, you will. But when you use it you should be able to know and understand what you are using. Otherwise it's like you are swimming in an ocean of source codes without actually having one in your head. So every time you need the same code you go through the same process starting by googling, finding the right resource(if it exists again), how did you manage to use it previously, etc.

Solving problems should become an habit in you, not a string of tedious and cyclic tasks. Just take some little moment and focus on what exactly is in the code how can I also code like the way gurus do.

2. Turn off your social media notifications, or never log in


This is a very important thing to do when you need to focus in this new world. Social media can cost you the whole day. Notifications, messages, comments, likes, followers, etc are things that drag your attention in deep waste of time. Though they are fun, or even help you make new clients and opportunities. Consider this as a charity action to yourself for a week. Turn them off or lower and be less social.

3. Look for simple and practical tutorials on PHP

List what you don't know yet and need to know to put your knowledge in line, and make it straight.
Look for some simple and practical tutorials on those topics. Usually take some 2 or 3 tutorials from different website on the same topic. Check the most popular tutorials on the topics. Compare them, and make sure to combine what you learn from each one.

4. Follow some famous people or groups


There are some icons in the field. Use them as your TV channels to have news and updates. By following them it's an opportunity to see what people have been doing with the language. That way you are giving some vim to your mind so that it doesn't limit itself to little things. People like Josh LockhartPhil SturgeonTaylor Otwell, etc.

look for some cool forums to join. That will help ask any question at any time and get fast answers. Since it's a forum, many people will react to your problems which gives you the chance to have a correct and valid answer. This forums can also help you make new friends who aspire at coding like you.
Check out following forums:Dev Network Developer ShedPHP freaksCoding Forums, etc. Just google for more of them.

5. Read about good practices

This is important in putting your knowledge in clear. Sometimes you wonder what are things or levels in PHP. What is higher than what? What is the latest thing to learn? In which order to learn? etc. These are questions that usually disturb.

You can start by looking at php the right way, then go to the PHP manual to lean each step. After that you can have a look at the PHP-FIG (PHP Framework Interop Group) to learn how to write clean code.

6. Create a real(your dream) project,like a blog, an e-commerce website, etc.


At this level you need to close your eyes and do some little things on your own. Try yourself with the PHP CRUD tutorial.
Now Give yourself an assignment. Choose any application/website you dream of creating for long time. Take it from the start to the end. Every time you have an issue review your tutorials or ask a question on one of the forums you joined. Never leave something behind. Complete each step at any coast.
Usually, creating such projects will take you through all main steps of creating a PHP application. That will also help you to discover and follow your own workflow what will help you to know how to handle an entire project from the beginning to the end. It will also develop in your the spirit of endeavor.
From there you can go back to php the right way and see what are other levels you can reach. It's really a great reference in terms of how to organize your learning curve.

7. Try teaching someone all you've learnt


I usually say: Helping helps. After all this you should be able to transmit what your know to someone else. But you may not even know what you actually know. The best way to make that clear is to try. Look for a friend, try to give him a clean tutorial on how to create the application you just did. You can also decide to give him back what you learnt from the tutorials you used on yourself.
And if you can't find a friend to try on, you can try to give a tutorial on PHPOcean. We have an entire audience waiting for you. Since our philosophy is to help all programmers of all levels to improve their skills through teaching and practices. After all you will necessary learn, because people will give you a feedback on your tutorial; so the learning continues.
With that you will have a clear idea on what you know and what you don't know. You will discover your levels of understanding of each concept. And obviously you will take considerable decisions which are how to fix your lacuna.

8. Make a self-review and keep the habit


After that, take some few hours to review your performance during this training. How fast do you learn, what were the traps and difficulties you faced, and how could you get rid of them so that you will have more clear mind to learn? What tools and resources could you need for your next round on that, etc, and grade your performance.

Make a grid of all this metrics and get it clear for your next learning schedule.

Regards : M2Soft



Friday, 24 July 2015

 app developers

Google is adding  Pixate (mobile-app development platform) to its suite of services for designers.
Pixate tool allows app developers to create visual prototypes that run on  both Apple and Android devices.
A basic version of the service will be made available free. A version that lets teams collaborate will cost $5 per designer a month, or $50 per designer a year.
Pixate, a startup based in Palo Alto, Calif., counted venture firm Accel Partners and startup accelerator Y Combinator among its investors. It raised $3.8 million in Series A financing in 2013.
Terms of the deal weren’t disclosed in blog posts from Google and Pixate.

Need Mobile App Development services... ?? Feel free to contact us at : 


M2Soft


Thursday, 23 July 2015

Major Google panda algorithm updates list

Posted by M2Software Solutions Solutions Pvt. Ltd | 02:23 Categories: , ,

For the record, here’s the list of confirmed Panda Updates, with some of the major changes called out with their AKA (also known as) names:
1.     Panda Update 1, AKA Panda 1.0, Feb. 24, 2011 (11.8% of queries; announced; English in US only)

2.     Panda Update 2, AKA Panda 2.0, April 11, 2011 (2% of queries; announced; rolled out in English internationally)

3.     Panda Update 3, May 10, 2011 (no change given; confirmed, not announced)

4.     Panda Update 4, June 16, 2011 (no change given; confirmed, not announced)

5.     Panda Update 5, July 23, 2011 (no change given; confirmed, not announced)

6.     Panda Update 6, Aug. 12, 2011 (6-9% of queries in many non-English languages; announced)

7.     Panda Update 7, Sept. 28, 2011 (no change given; confirmed, not announced)

8.     Panda Update 8 AKA Panda 3.0, Oct. 19, 2011 (about 2% of queries; belatedly confirmed)

9.     Panda Update 9, Nov. 18, 2011: (less than 1% of queries; announced)

10. Panda Update 10, Jan. 18, 2012 (no change given; confirmed, not announced)

11. Panda Update 11, Feb. 27, 2012 (no change given; announced)

12. Panda Update 12, March 23, 2012 (about 1.6% of queries impacted; announced)

13. Panda Update 13, April 19, 2012 (no change given; belatedly revealed)

14. Panda Update 14, April 27, 2012: (no change given; confirmed; first update within days of another)

15. Panda Update 15, June 9, 2012: (1% of queries; belatedly announced)

16. Panda Update 16, June 25, 2012: (about 1% of queries; announced)

17. Panda Update 17, July 24, 2012:(about 1% of queries; announced)

18. Panda Update 18, Aug. 20, 2012: (about 1% of queries; belatedly announced)

19. Panda Update 19, Sept. 18, 2012: (less than 0.7% of queries; announced)

20. Panda Update 20 , Sept. 27, 2012 (2.4% English queries, impacted, belatedly announced

21. Panda Update 21, Nov. 5, 2012 (1.1% of English-language queries in US; 0.4% worldwide; confirmed, not announced)

22. Panda Update 22, Nov. 21, 2012 (0.8% of English queries were affected; confirmed, not announced)

23. Panda Update 23, Dec. 21, 2012 (1.3% of English queries were affected; confirmed, announced)

24. Panda Update 24, Jan. 22, 2013 (1.2% of English queries were affected; confirmed, announced)

25. Panda Update 25, March 15, 2013 (confirmed as coming; not confirmed as having happened)

26. Panda Update 26, July 18, 2013 (confirmed, announced)

27. Panda Update 27 AKA Panda 4.0, May 20, 2014 (7.5% of English queries were affected; confirmed, announced)

28. Panda Update 28 AKA Panda 4.1, Sept. 25, 2014 (3-5% of queries were affected; confirmed, announced)

29. Panda Update 30 AKA Panda 4.2, July 18, 2015 (2-3% of queries were affected; confirmed, announced)

Regards : SEO Company in indore


Why developers choose PHP for web development

Posted by M2Software Solutions Solutions Pvt. Ltd | 00:12 Categories: , , ,
There are number of web development languages available for web development But PHP is the Best choice for Web Developers. Because it is open-source, feature-rich and has all the functionality that a proprietary or paid scripting language would offer.
 PHP website development


There are various benefits of using PHP language over the others developed for the same purpose. Some of the major pros pertinent to the language are discussed as under :

1. Free of Cost 

 

One of the most common reason why a programmer prefer PHP over other languages is its of cost availability. PHP is open source and is developed and updated by a community of developers from around the globe. Therefore, all its components are free to use and distribute.

2. Capable

 

It can be used to design any type of website and can handle websites with a lot of traffic. Facebook, Twitter, Wikipedia and many other very widely visited websites use it as their framework. And because it is server-side scripting, it can do anything that other CGI programs can do.

3. Easy

 

It has a readable and easily understandable syntax. Its code is embedded in the HTML source code and it is based on C/C++. Therefore, it is very familiar and programmers are very comfortable coding with it.

4. Platform Independent

 

It can be run on all major operating systems like Linux, UNIX, Mac OS and Windows.

5. Supports All Major Web Servers

 

It supports all major web servers like Apache, Microsoft IIS, Netscape, personal webserver, iPlanet server, etc.

6. Supports All Major Databases

 

IT supports all major databases including MySQL, dBase, IBM DB2, InterBase, FrontBase, ODBC, PostgreSQL, SQLite, etc.

7. Faster Developments

 

It uses its own memory space and thus decreases the loading time and workload from the server. The processing speed is fast and web applications like Ecommerce, CRM, CMS and Forums are also developed faster by it.

8. Secure

 

It has multiple layers of security to prevent threats and malicious attacks.

9. Large Communities

 

It has a large community of developers who regular and timely updates tutorials, documentation, online help and FAQs.

10. Proven and Trusted

 

It is being used since close to two decades now since its inception in 1995. It is trusted by thousands of websites and developers and the list is increasing day by day. It has also proven its capability and versatility by developing and maintaining some of the most highly visited and popular websites.


Choose PHP development for a fully-functional, dynamic and robust website and a much better web experience.

You May Also Like :

PHP developers : Check your Programming skills

 

M2Soft : Experts choice of PHP web development tools


Need PHP web development services ... ?? Feel free to contact us at : 


M2soft



  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube