Sunday, October 21, 2012

My programmers.stackexchange site answers

http://programmers.stackexchange.com/users/64186/html-developer

How to bridge the gap between university and job requirements

  1. study any programming language while studying
  2. Participate seminars and career development programmes
  3. Write online certifications (view online certification website links here)
  4. work in part time or on holidays
  5. join in a professional association

What is the difference between web designers and developers?

Graphic Designer = visual design only
UX designer = analyse and wireframe design
Web designer = prototype design creation
UI designer = HTML design with css, javascript, ajax and cross browser compatibility
Programmer = program using php. .net, jsp
Developer = who invent new widgets, frameworks like that above programming in regular work

Can programmer certifications substitute for degree requirements

In India, if someone knows Photoshop, even without a degree or diploma, the employer will select them. Then they will develop due to their experience in other big companies. Degree certificates are required only for promotion and in higher rankings only.

Include CSS/HTML on a resume

It is useful when you are in starting level and small employers, do not require if you are in senior position and tring in big and MNC companies, because in big companies there is separate web designer and HTML developers are available to do that works.

Keep improving ASP.net or switch to Web design too?

Now a days web designers come from different careers and different educational qualifications, if a diploma or arts degree student can easily became a graphic designer or web designer so do not choose this if you are engineering degree. and also salary is low for web designer compare to developers


Problems hiring someone on elance or similar sites

  • most of the staffs/employees cannot finish their project they will interest in only company shifting for salary alone.
  • Do not prefer local companies give chances to new other companies, small companies also can do that work.
  • DO not give software projects to single man, students and small company for low cost, because they will not give full service support for a long time & they will go jobs for a higher salary, moreover they do not able to follow quality standards also. give orders to a company at-least stand for last 3 years.

 

Monday, October 08, 2012

Internet/Social Media Marketing

My SEM Portfolio on Oct 2012

No
URL
Followers/Likes/Friends
1
Followers: 184, Friends: 754, Tweets: 424
2
Reputation:  138, Badges: 12, Views: 53, Tags: 62
3
Friends: 338,
4
Friends: 711, Groups: 49, Views: 66
5
Followers: 65, Groups: 5
6
Followers: 24, Views: 6Lakhs
7
Members:  155,  Communities:  9
8
Friends:  441,  Communities:  992, Visits: 7447
9
Friends: 140
10
Friends: 82, Points:  268, Followers: 77

Friday, October 05, 2012

My Stackoverflow site answers

For web application developers, do it make sense to list CSS/HTML (or any markup) on your CV, resume or LinkedIn profile?
It is useful when you are in starting level and small employers, do not require if you are in senior position and tring in big and MNC companies, because in big companies there is separate web designer and HTML developers are available to do that works.

How to make sure the CSS work fine with all browsers without eye testing on each broswer?

  1. Make sure you declare a doc-type.
  2. Use reset css.
  3. Avoid using width and padding(left and right) on the same element where you can.
  4. clean the code in HTML and css.
  5. Don't use margin left and right when floating elements and use its parent overflow:hidden, display:inline and height: 1% if the parent does not already have a height.
  6. Don't give an element both margin-top or margin-bottom but only margin-top or
    margin-bottom. Because margins of adjacent elements collapse into one another, making the positioning somewhat unpredictable for novices.
  7. Don't rely on z-index unless your scripting needs it.
< !--[if lt IE 9]>

< ![endif]-->
< script type="text/javascript" src="js/html5shiv.js" >

< script type="text/javascript" src="js/html5.js" >
you can download shiv.js form this browser compact
browser compatibility testing tools:
http://crossbrowsertesting.com/
http://browsershots.org/
http://www.browsercam.com/
http://caniuse.com
http://www.findmebyip.com/litmus/

HTML colspan in CSS

if you use div and span it will occupy more code size when the datagrid-table row are more in volume. This below code is checked in all browsers

HTML:
id="gridheading">

Sl.No

class="big">Name

Location

column

column

column

Amount(Rs)

View

Edit

Delete
class="data">

01

class="big">test

TVM

A

I

4575

4575
class="data">

01

class="big">test

TVM

A

I

4575

4575

CSS:
#gridheading {
    background: #ccc;
    border-bottom: 1px dotted #BBBBBB;
    font-size: 12px;
    line-height: 30px;
    text-transform: capitalize;
}
.data {
    border-bottom: 1px dotted #BBBBBB;
    display: block;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    word-wrap: break-word;
}
 h4 {
    border-right: thin dotted #000000;
    display: table-cell;
    margin-right: 100px;
    text-align: center;
    width: 100px;
    word-wrap: break-word;
}
.data .big {
    margin-right: 150px;
    width: 200px;
}

Difference between float and align property in CSS

align is a property to align a single element for table , text, span etc
float is a property to align block level elements like sidebar, div etc


Disable Image Link Hover underline

:focus {outline:0;}

a:hover {text-decoration:none; outline:0;}

img, img:hover {border:0; outline:0;}
 

How to expand 'select' option width after the user wants to select an option

you can try and solve using css only. by adding class to select
select{ width:80px;text-overflow:'...';-ms-text-overflow:ellipsis;position:absolute; z-index:+1;}
select:focus{ width:100%;}
for more reference List Box Style in a particular item (option) HTML
Multi Select List Box

How to use a url which returns a csv in HTML? in other words how to display the data from that csv file in my webpage?

< object data="quotes.txt"></object >
you can use object tag to embedded any file or webpage to display into any webpage.
And also have look by using framework
http://www.dhtmlx.com/docs/products/dhtmlxDataView/samples/03_loading/01_xml.html

table header in IE8 with quirks mode on

 add white-space: pre; in class then it will in single line at IE

Controlling Spacing Between Table Cells

table.test td {
    background-color: lime;
    padding: 12px;
    border:2px solid #fff;border-collapse:separate;
}

Avoid focus on link in html-table

  • first of all do not alter check box into input textbox.
  • to avoid dotted square of text link after click, add outline:none; in css
  • add class to avoid hitting the link(a href) when tabbing through data to set it. .check{ cursor:text;}

Browser Issues

IE6 
  • IE6 does support full transparency in 8-bit PNGs, which can sometimes be an alternative to 24-bit PNGs.
  • IE7 doesn't support all pseudo classes (like :focus) or pseudo elements (like :before and :after)
  • IE7 does not support "inherit" as a value on any of these properties. IE8 has some bugs with max-width/height combined with overflow: auto/scroll.
  • IE7 doesn't support min-width on input button/submit button/reset button.
  • Text-shadow behavior can be somewhat emulated in older IE versions using the non-standard "dropshadow" or "glow" filters.
IE8:
  • IE8 is not able to combine :after with other hierarchical elements. For example .myClass:last-child:after will work in Firefox, Chrome or Safari, but not in IE8.
  • Transparency for elements in IE8 and older can be achieved using the proprietary "filter" property and does not work well with PNG images using alpha transparency.
  • Data URL Support in Internet Explorer 8 is limited to images and linked resources like CSS files, not HTML files. Max URI length in IE8 is 32KB. In IE9 JavaScript files are supported too and the maximum size limit set to 4GB.
  • The scale transform can be emulated in IE < 9 using Microsoft's "zoom" extension, others are (not easily) possible using the MS Matrix filter
IE9:
  • @font-face is Partial support before IE9 refers to only supporting EOT fonts.
  • Cross-document messaging is Partial support in IE refers to only working in frames/iframes (not other tabs/windows).
  • Cross-Origin Resource Sharing is Supported somewhat in IE8 and IE9 using the XDomainRequest object
  • IE9 does not correctly render multiple backgrounds for TableRows. Attempting to do a left-cap, right cap, and repeated fill on a row results in the left cap and fill being correct, but the right cap will display at the end of the first column, then again part way through the rest of the table.
  • IE9 appears to have some issues in correctly determining longitude/latitude.
  • IE9 and Safari provided the user has the WebM codecs installed.
  • ie9 box-shadow has incorrect (smaller) radius, that can be easily checked, even 2px 2px 8px has left and top shadows invisible
  • IE9 doesn't support style="width:100px;" for SVG images using

Firefox :
  • Firefox currently doesn't allow :before and :after on checkbox and radio fields.
  • Firefox (13 and older) don’t handle the combination of `box-sizing` and `min-height`/`max-height` properly.
  • Firefox (9 and previous?) is buggy with min-width media queries not being recognized, but the rules inside those being parsed and used.
  • Firefox (up to current 14.0) has incorrect (bigger) radius. Can be checked with 4px 4px 4px, it has left and top shadows visible in FF (should be invisible, like in WebKit). Overall, the browsers render shadows quite differently, and the support is buggy.
  • SVG-as-image is fuzzy/pixelated when zoomed or printed in Firefox
  • ff only supported ::before and ::after pseudo-elements
  • Firefox 14 and under do not have DataView yet.
  • Reportedly, CORS in EventSource is currently only supported in Firefox 10+ and Opera 12+.
  • Firefox 6, the property column-span (or -moz-column-span) does not yet work.
  • Safari for iOS 4.1 and below only supports SVG fonts.
  • Safari 3.2 refers to buggy behavior with certain SVG images.
  • Safari 3.1 has a caching bug. If the class of an element changes it won't for getElementsByClassName.
  • Does not work in Safari 4.x for the "background-position" property.
  • while Safari does support Typed Arrays, they are actually much, much slower than normal arrays.
  • Opera <= 9.6 doesn't find elements by there second class. means it doesn't find if you search for the class "b".
  • Opera 11.10 and 11.50 also refers to only having support for linear gradients
  • Opera (versions unknown) fails at transitioning the background-position property.
  • Opera 12.10+ currently only supports the resize property for textarea elements.
  • Opera Mini supports the canvas element, but is unable to play animations or run other more complex applications.
  • Opera Mini refers to not supporting background sizing or background attachments.
  • Opera Mini ignores the blur-radius set, so no blur effect is visible.


Chrome:
  • In Chrome, DataTransfer.addElement is not implemented.
  • CSS3 word-break is support  "break-all" value, but not the "keep-all" value.
  • In both Firefox 9 and Chrome 16, xhr.timeout and xhr.ontimeout don't appear to be supported.
  • Chrome and Safari do not support feConvolveMatrix and their lighting implementation is incomplete.
  • Chrome and Android 4.0 Browser support "-webkit-hyphens: none", but not the "auto" property.

Android browser:
  • The Android browser does not support clipping on HTML5 canvas.
  • Android 2.1 doesn't appear to honor background-size, only -webkit-background-size, which requires both width and height to be specified.
  • Scaling transforms in Android 2.3 fails to scale element background images.
  • 'animation-fill-mode' property is not supported in Android browser below 2.3.
  • history.pushState() is buggy in Android 2.2 and 2.3 in that it doesn't cause window.location to update with the new URL.


General:
  • css media query is Incomplete support by older webkit browsers refers to only acknowledging different media rules on page reload
  • new semantic elements (section, article, aside, hgroup, header, footer, nav,)is Partial support refers to missing the default styling. This is easily taken care of by using display:block for all new elements (except time and mark, these should be display:inline anyway).
  • other then firefox browsers refers to not supporting getComputedStyle on pseudo-elements.

iOS:
  • Audio played from the element in iOS always plays in a full screen player.
  • Safari on iOS (including 5) can not apply box-shadow to input elements.
  • Animation in SVG is not supported in iOS safari when the SVG is displayed in an img tag.
  • File uploading is not possible on iOS Safari before iOS 6.
  • iOS Safari, Android 4 and Chrome for Android show number input, but do not use "step", "min" or "max" attributes or show increment/decrement buttons.

text-overflow is only works when visibility:hidden also added


Hue, Saturation and Lightness (hsl)

gradient types:
linear or radial

firewall nonblockable sites

top 10 adsense earners in tamilnadu

Name: Srinivas Tamada Location: Chennai, India but now is in USA Blog: http://www.9lessons.info Blog Niche: Ajax, PHP, Web Design. ...

Labels

Abbreviations Acting choices actress-actors addons ads adsense drawbacks advantages advantages of chennai Advantages of Links directory advantages of plastic cheppal stand advices affiliates all ads amazon android articles asp ASP dot Net design issues astrolgy autobiography automobile avoid hacking avoid snake bite backgrounds banners BCS Best category for best collections best PPT Presentations best things biodata blog Blog Advertising blog stats blogger blogger drawbacks blogs Browser errors Browser Issues bus ticketing machines business business loss Business Plan Business rental business wise drawbacks Buying Expired Domains capgemini Car buying tips certified professional cheat frauds Cinema industry cities clients Closed IT/Software companies closed websites codings Commented topics of my blog comments companies Construction contacts Copyright creativity Credit Card Prefix Numbers css CSS drawbacks CSS elements combination CSS errors css ID rules css limitations css links css selectors Cute babies cv demonetization design category disclaim DNS error Documentation domain drawbacks Drawbacks in Madurai bus stand drawbacks of legins drawbacks of strike drawbacks_others duty education electronics emails embedded empty post emptyland Error Code and Message eshop Extra expenses Face detection apps use family FAQ FENG OFFICE finance loans firecrackers firewall nonblockable sites food For sales Free fresh content friends fun general - new - temp GHS girls google google Ads Google Adsense Revenue Sharing Sites government GPS merits graphicsbg Green earth Hacking Methods hand held machines handicapped reservation header wordings health Helpful Slogams HM home shifting how to avoid social media spam HTML html encoder HTML5 website layout IBM IDEA IE IE problems india infosys internet Internet/Social Media Marketing interview questions ISBN IT hardware products for rental IT Hardware-software ja jallikattu javascripts job job analysis joomla KSRTC kvic links links_background verification websites links_blogs Links_certifications links_different websites links_letterwise Links_mobile websites Links_My Designs links_my SMM links_other states Links_Product_brand websites links_Reciprocal Links links_SEO/SEM links_Tamilnadu links_tenders links_tools links_UI design links_use for all* list list of industrial estate list of IT parks list of toll free numbers M2M Madurai Madurai 2020 Mail box folder maintenance Malayalam Malayalam movie my reviews manjula miss Manufacturing Industries marketing marketing ideas me at divisional sports MNC site bugs mobile monthly extra Multiple options in codings my my achievements my achivements My advt - ads My all ads My best collections my best ideas my comments My cousin's post in FB My donations my friends with actor actress My Google dashboard My horoscope my linkedin profile My online interview My Portfolio my posts links My questions my SEO experience my social media profiles my stack overflow profiles My Stackoverflow site answers My works Names nested html Netscape Navigator new blogs New build house for sale New Concepts news online earnings online generators online scams open office drawbacks Open source Opera orkut drawbacks Others view our grandparents Our ID and Numbers outsource statistics own ideas own ideas_aboutme own views page pixel collapse when scrolling in firefox Page Speed Performance parallax scrolling websites Partners Personals photos Photos - art Photos_actress photos_screenshots PHP plans Plots for sale poems policy Pollution Facts powercut Powerpoint press release Problems and solutions - ATM Problems and solutions - Education Problems and solutions - Hardware Problems and solutions - Mobilephones Problems and solutions - NGO Problems and solutions - Software Problems and solutions - Website problems in browsing center/internet cafe Products programmers problems programs proxy software Quality guidelines Rajamani realesate reasons for power shortage Recent comments relatives relatives business resume RS 232 dotmatrix printers rti sales SBI search engine search type websites security Security Alert regarding Serious CMS Attack SEM portfolio SEO Difficulty SEO for blogs SEO portfolio SEO tools SEO-SMM-ORM Plan SEO/SEM sil ads Site Tags siteworth slogans SMS benefits Social Interest - public use social media marketing Social Media Optimization social media widgets softland-palmtec software errors Software Testing Softwares solairaja sports SQL SQL queries stars statistics stop software patents tablet Grip and interaction Tamil - Tamilar - Tamilnadu TATA TCS technicals Technology tenders Testing Tips text magics Thanks Things to do before you die in India Things to Watch in 2014 thirumalai Tips Tips - Buseness tips Tips - Health tips Tips - life tips tips for demo video preparation Tips for doing SEO/SMM Tips for Good-Employee Tips for HR Tips for old money top 10 adsense earners in tamilnadu tours Travels TV UI Certifications Q & A UI design useful best software latest versions Useful websites for HTML Developer videos visa vista icons w3c standards wallpapers ways to find a job Web design Web design and developments Web developments Web Services web UI design shapes webhosting Website Features website templates Widgets collections Yahoo சுயசரிதம்

:: Useful web links List