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.

 

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

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

:: Useful web links List

Site Keyword tags

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