Tuesday, July 31, 2012

programmers/designers problems

Sometimes being a web-developer is just damn hard. Particularly coding is often responsible for slowing down our workflow, reducing the quality of our work and sleepless nights with pizza and coffee laying around the laptop. Reason: with a number of incompatibility issues and quite creative rendering engines it sometimes takes too much time to find a workaround for some problem without addressing browsers with quirky hacks. And that’s where ready-to-use solutions developed by other designers come in handy.

Thursday, July 26, 2012

ASP dot Net design issues


  1. In asp.net submit button is used only as input. if class is provided for input:focus{}, when using tab key the submit button is disappear, to avoid this give class as input[type="text"]:focus {}
  2. h1 class not apply for asp:label heading
  3. In asp.net add, edit, delete icons are write as input tag so input:hover effect shows in this icons also
  4. background colour not take effect add rgba(0,0,0,0,)
  5. ASP grid pagnation style css
    .pagination
    { background-color:#C22125; padding:4px; color:#fff; font-weight:bold; font-size:12px;
        }
        .pagination  td
    {    border:0;padding:4px;
        }
     .pagination  table:hover
    { background-color:#C22125;
        }
        .pagination  span
    {  color:#fff;font-weight:bold; font-size:12px;
        }
        .pagination  span:hover
    {  color:#fff;font-weight:bold; font-size:12px; text-decoration:underline;
        }
        .pagination  span:active
    {  color:#fff;font-weight:bold; font-size:12px;
        }  
  6. .menu {
           display:inline; color:#FFFFFF;  
           margin:3px 3px 0 3px;   /* for gap between menu */
           width:150px; height:34px;line-height:34px;  text-align:left; 
         }
         /*
    .menu:hover {
          text-decoration:underline;color:#000;      
           width:100%; height:100%;  line-height:34px;  z-index: 1000; 
           /*background:url(../../images/apms_redbg5.png)repeat-x;
           background-color:#c10000;
         }*/
    .level1
        {        
            /*background:url(../../images/apms_redbg5.png) repeat-x;    */background-color:#c10000;
            color: #fff;
            display: inline-block; width:180px;
            font-size: 11px;height:32px; line-height:32px;padding:0 3px 0 2px;
            font-weight: bold;text-decoration: none;      
            text-align:left; /* for submenu align */
            
        }
        background-color:#c10000;
            color: #fff;
            display: inline-block; width:180px;
            font-size: 11px;height:32px; line-height:32px;padding:0 3px 0 2px;
            font-weight: bold;text-decoration: none;      
            text-align:left; /* for submenu align */
            
        }
        .level1:hover
        {      
           font-weight: bold;
            font-size: 11px; height:32px;  text-align:left;
              text-decoration:underline; color:#000;
            background:url(../../images/apms_menuhoverbg.png) center no-repeat;
            /*background-color:#F10000;*/
        }
        .level1:active
        {
            position: relative;     
             color: Maroon;font-weight: bold;
            font-size: 11px;        
            
        }
    .level2
        {        
            /*background:url(../../images/apms_redbg5.png) repeat-x;*/
            background-color:#CD3E38 ;
            color: #fff;
            display: inline-block; 
            text-indent:3px;
            width:220px; 
            font-size: 11px;height:41px; line-height:41px;
            font-weight: bold;text-decoration: none; /* */    
            text-align:left; /* for submenu align */
           
        }
        .level2:hover
        {      
            font-weight: bold;        
             text-decoration:underline; color:#000; 
            background:#CD3E38 url(../../images/apms_menuhoverbg.png)left no-repeat;
            /*background-color:#F10000;*/
        }
          td .level2:hover
        { 
            white-space:normal; border-collapse:collapse;   background:#CD3E38;
        }
         td .level2 a:hover {background:url(../../images/apms_menuhoverbg.png) left no-repeat;}
        td .level1:hover
        { 
            white-space:normal; border-collapse:collapse;  background:#c10000 url(../../images/apms_menuhoverbg.png) center no-repeat;
           
        }
Horoscope for July 26, 2012
Click here for your free chart reading.
yesterday today tomorrow

AdZe's Fortune CookieIt is time to live from your spiritual nature.
Current Influence of the Inner Planets
Each influence lasts from a day to several weeks.
Look your best. Ask for favors. Move ahead on personal priorities. Focus activity into one point.... Go with the flow. Be creative and sexy. Enjoy top notch professional entertainment.... Communication flows well. Organization and negotiation brings favorable agreements.... Your efforts can bring you recognition.
Current Influence of the Outer Planets
Each influence lasts from several weeks to a month or more. Become aware of the power of social skills.... It's easy to enjoy new duties and routines. You can improve your sense of well being. Take pleasure in new experience. Personal relations get better now.... You are challenged to be charismatic. Express your fantasies. Steer clear of hypersensitive folks.

Tuesday, July 24, 2012

UI design useful links



CSS sites:

online dreamweaver  = http://codepen.io
http://jsfiddle.com/


Web photoshop   = http://pixlr.com/editor/

Other online tools:

online file converter - http://www.online-convert.com/online barcode decoder/reader - http://www.onlinebarcodereader.com/
http://www.iplocation.net/generate  QR Codes - http://ctrlq.org/qrcode/Compare Anything - http://www.diffen.com/



Mobile sites:
http://mobile-patterns.com/
http://android-ui-utils.googlecode.com/hg/asset-studio/
http://developer.yahoo.com/ypatterns

Javascript sites:


Sunday, July 22, 2012

What are things I done for SEO/SMM ideas


  1. Create blogs
  2. put Category wise labels and all labels as tags
  3. add popular and recent posts
  4. create advanced recent post for blogs interlink
  5. create social share links and add that widgets in all blogs
  6. add a photo in each post and add more tags for each post
  7. share blog links on social networking websites
  8. add text link in content of each post
  9. oftenly change ads position and change design of each blog to increase clicks and views

Friday, July 20, 2012

CSS elements combination, rules



* {margin: 0; padding: 0;}
 input[type="text"] {   border: 1px solid black;    color: #000000;    float: left;}
#nav .search input[type="submit"] { float:left;    width:22px; }
.three-col li span, .three-col h3 {   float: left; background-position:    /* margin: 0 20px 0 0;*/ }
#sidebar .block ul li a:hover {   color:#89abd5;    text-decoration:underline;}
p:first-letter {  font-size: 30pt;} p:nth-child(2) {  background: #e7f0ce;}
 

.search { border-radius: 15px 15px 15px 15px; display:inline;  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset; outline: 0 none; padding: 3px 3px !important;                 
           [if Net] right:0; left:81%;  float:right; position:absolute;
           [if Opera] right:0; left:81%;  float:right; position:absolute; }
 
@color: #4D926F;
#header {color: @color;}
#footer {color: @base-color + #003300; border-color: desaturate(@red, 10%);}
 
@font-face { font-family: CurlzMTRegular;
  src: url(fonts/CurlzMTRegular.eot);
}
 
#header {
  h1 {
    font-size: 26px;
    font-weight: bold;
  }
  p { font-size: 12px;
    a { text-decoration: none;
      &:hover { border-width: 1px }
    }
  }
}
 
h2{  animation-duration: 11s;  animation-name: slidein;}
 
@keyframes slidein {
  from {  margin-left: 100%;
    width: 300%
  } 
  to {
    margin-left: 0%;
    width: 100%;
  }
} 
 
CSS allows Unicode characters to be entered by number. 
For example, if a CLASS value in some Russian document 
contains Cyrillic letters EL PE (Unicode numbers 041B 
and 041F) and you want to write a style rule for that 
class, you can put that letter into the style sheet by 
writing:

.\041B\041F {font-style: italic;}  
 
div#sidebar p.bio: 2 elements, 1 class, 1 id – (0,1,1,2)
 

Wednesday, July 18, 2012

Social advice for software engineers

  1. Design and develop good websites only not any related to adult
  2. share and promote good life useful tips
  3. Design and develop good video games only, not use terrorism in video games

Monday, July 16, 2012

UI design - Browser Issues

01. To add style for select form element in chrome, opera
select{
background-color: rgba(0,0,0,0);
   [if saf]padding-top:1px; text-indent:26px;
   -webkit-appearance: none; /* to disappear default select arrow in chrome*/
-moz-appearance:none;
text-indent:16px; /* to disappear default select arrow in mozilla */ }

select option {background:#E5E3E3; text-indent:3px; border: dotted 1px #ccc; line-height:25px;height:25px;}

02. avoid unwanted empty space shows in IE:
_margin-top:1px; /* for IE 6 */
 *margin-top:1px; /* for IE 7 */


03. data grid field length increase grid width increase
add this style="word-break: break-all; white-space: pre-wrap; width: 200px; word-wrap: break-word;" to div


04. Overlay popup full height and scroll with page code is add  
position: fixed; width:100%; height:100%; in overlay and popup classes

05. background colour not take effect add rgba (0,0,0,0,)

06.  full image background for html/body tag used is not supported in all resolutions
solution: .bg {
    width: 100%;    height: 100%;
    position: absolute;
    top: 0;    left: 0;
   z-index: -5000;
}

07.  Create a shortcut for localhost file
desktop->rightclick-> shortcut-> give url ->save

08.  drop down menu in dhtml does not appear in Firefox- In js
var transparency="100";
var itemPadding="0px 15px 0px 15px";
Firefox: "Tools -> Options -> Content -> Enable JavaScript" 

09.To take a list of files in a main folder
In command prompt, dir/s >files.txt


10. website is opened in IE but it shows "Reported Attack Site!" in mozilla firefox ?
mozilla firefox -> tools -> options -> security
remove tick marks in first 3 points

11. text position not correct in text fields = input {  line-height:20px; /* for IE */ [always line-height=height]

12. to not drag the text area add  resize:none;

13. css animations:
-moz-animation-name: bounceIn;
    -moz-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;

14. In opera border radius not apply for image

15. In chrome and IE object tag not supported.

16. All lettersare caps and first letter is big using class
letter-spacing:2px; font-variant:small-caps;
 color:#990000;   font-family:Orator Std; font-size:20px;
@font-face {
    font-family: Orator Std;
    src: url(../fonts/Orator Std);

17. Select box is disappear when select options, due to z-index =-1, for select:focus

18. firewall :
  • If we block gmail in firewall all other https sites not opened like sbtonline.in
  • if yahoo is blocked all webmail will not work
  • in dynamic applications do not pass a query in link(url) having words like jobs, dating, photos, freelance...then that page will not work if that keyword is blocked in router firewall.

19. background colour not take effect add rgba(0,0,0,0,)

20. In asp.net submit button is used only as input. if class is provided for input:focus{}, when using tab key the submit button is disappear, to avoid this give class as input[type="text"]:focus {}

21. h1 class not apply for asp:label heading

22. In asp.net add, edit, delete icons are write as input tag so input:hover effect shows in this icons also

23. nested embedded html without frames

< object type="text/html" data="balls.html" style="width:80%; height:300px; margin:1%;">  nested html close object tag
In object tag it supports only webpages not support csv, doc, excel files.

24. set a minimum width for IE < !--[if gte IE 5]> < style type="text/css">
body {
width:expression(documentElement.clientWidth < 780 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 780 ? "780px" : "auto") : "780px") : "auto" );
}
< /style>
<![endif]-->


25. css for two alternative row style in datagrid
tr:nth-child(4n+0), tr:nth-child(4n-1) 
tr:nth-child(odd){    background-color: #000;}​
tr:nth-child(even) {    background-color: grey;}​
 
26. white-space: pre; 
to show table column text in single line at IE 
 
27. In photoshop, in gray mode the luminosity is disabled.
 
28. To block copy paste in input field
oncut="return false" onpaste="return false"  autocomplete="off"
 
29.  A width and height should be specified for all images in order to speed up page display
position:fixed for overlay


xml = platform independant

don't used to negative margin in ie7 used to position:relative; top:-270px;

text-shadow: x-offset y-offset blur color;

align is a inline element to align a single element for table , text, span etc

float is a block element to align a set of elements like sidebar, div etc

types of formatting: block level and inline. 

arrange the ol list numbers (2 digit numbers) to start from the left side.ul{    counter-reset: chapter 0;  }
li:before{    
    counter-increment: chapter;    
    content:counter(chapter) ". ";
    width:20px;
    display: inline-block;
    text-align: right;   
}  

book indexbody {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"(" counter(section) ". "")";
}
h2:before 
{
counter-increment:subsection;
content:"("counter(section) "." counter(subsection) " )";
  margin-left:40px;
}
 
30. Background text in input type text
 <input id="textfield" name="textfield" type="text" placeholder="enter something" /> 

31. how to set footer at bottom with css:    

    html,    body {
    margin:0;    padding:0;    height:100%;
    }
    #wrapper {
    min-height:100%;    position:relative;
    }
    #header {
    padding:10px;
    background:#5ee;
    }
    #content {
    padding:10px;    padding-bottom:80px; /* Height of the footer element */
    }
    #footer {
    width:100%;    height:80px;    position:absolute;    bottom:0;
    left:0;    background:#ee5;
    }
 
32. Horizontally Centered Menu:

#centeredmenu {
   float:left;   width:100%;   background:#fff;   border-bottom:4px solid #000;
   overflow:hidden;   position:relative;
}
#centeredmenu ul {
   clear:left;   float:left;   list-style:none;
   margin:0;   padding:0;   position:relative;   left:50%;   text-align:center;
}
#centeredmenu ul li {
   display:block;   float:left;   list-style:none;   margin:0;
   padding:0;   position:relative;   right:50%;
}
#centeredmenu ul li a {
   display:block;   margin:0 0 0 1px;   padding:3px 10px;   background:#ddd;
   color:#000;   text-decoration:none;   line-height:1.3em;
}

33./* added for IE disabled inputs looks*/

-input[type="text"]:disabled, 
-input[type="password"]:disabled, 
-select:disabled {background-color:#ECECEC;}

34. convert grayscale using css
#shaded {
    filter: grayscale(1);
    transition: filter ease-in 0.3s;
} 
 #shaded:hover {
    filter: grayscale(0);
}

35. disable edit in text fields by css = {pointer-events: none;}

36. In IE to increase options width for select listbox
select[attr-identity="ddlRoute"]:focus { _width:auto;*width:auto;width:auto;}

37. in url about:support -> reset firefox
38. how to add break in css
page-break-after:always
  content: "\A"!important;white-space: pre;margin-bottom: 1.5em !important;

DO NOT TO DO:
  • do not give z-index:-1; for select:focus{}   
    
    
    

Wednesday, July 11, 2012

software latest versions


Softwares
1.    Word to pdf convertor                            – Cutepdf
2.    Video to frame images convertor             – freestudio from dvdvideosoft
3.    Full webpage screenshot                         Screengrab,  Winsnap
4.    All IE versions software                          – Utliu IE collections
5.    Logo design software                             – AAA logo
6.    Css3 menu creator                                - css3menu
7.    Temp & cookies files deletion software      – ccleaner
8.    Remote system access                           – teamweaver
9.    LAN messenger                                     – Ipmessenger
10. Design testing tool                                 - Firebug
11. Screen video recorder                            - camstudio
12. Windows password remover                    - RRT
13. SEO software                                        - webceo
14.  All in 1 messenger                                - nimbus

Web software latest versions:
1.       IIS                           -              7.0
2.       .net framework                -              4
3.       WAMP                  -              2.2
4.       Xamp                    -              1.7
5.       Phpmyadmin     -              3.5
6.       PHP                        -              5.4
7.       Mysql                    -              5.5
8.       HTML                    -              5
9.       CSS                         -              3

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