tag:blogger.com,1999:blog-1187186657306886532023-09-03T20:49:54.944-07:00Web BuilderAll about web developmentAnonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-118718665730688653.post-92004970784898621862015-01-07T08:55:00.004-08:002015-01-07T08:55:44.945-08:00Web Accessibility<div dir="ltr" style="text-align: left;" trbidi="on">
<u><span style="font-size: large;">Five things to make your website accessible:</span></u><br />
<br />
<br />
<u>Accessibility</u>:<br />
<br />
Web Accessibility is making your site accessible by disabled person easier like they may access your site without mouse or using voice recognition or by using screen-readers like JAWS and VOICE-OVER.<br />
<br />
<br />
<u>five things to be noted for this:</u><br />
<br />
<br />
1. Each Web Element either DIV or DOM element should have <b>TABINDEX</b><br />
<br />
example: <br />
<br />
<div tab-index="5">your content</div><br />
<input type="text" id="your-id" tab-index="6"/><br />
<br />
<br />
2. Web Element should have <b>ARIA-LABEL</b> which should tell what needs to:<br />
<br />
example:<br />
<br />
<button aria-label="click on this button to submit this form">Submit</button><br />
<br />
<br />
3. Hide Designing Elements / Unwanted Elements from reading from your website for more accessibility<br />
<br />
example:<br />
<br />
<div id="wrapper" <b>aria-hidden="true"</b>><br />
<div id="inner-wrapper" <b>role="presentation"</b>><br />
<br />
<hr/><br />
</div><br />
</div><br />
<br />
<br />
It can be either done by <b>aria-hidden or role as presentation</b><br />
<br />
<br />
4. Give custom role for Jquery Elements:<br />
<br />
example: <div id="spinner" <b>role="spinner"</b>></div><br />
<br />
<br />
5. Give alert message when something changes:<br />
<br />
this can be done by updating text in a div and setting div as <b>aria-live="true" </b>.<br />
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com0tag:blogger.com,1999:blog-118718665730688653.post-72993224539939018262015-01-04T17:53:00.000-08:002015-01-04T17:53:07.232-08:003 Best Resume Builders for Professionals<div dir="ltr" style="text-align: left;" trbidi="on">
<ol style="text-align: left;">
<li> <a href="http://careers.stackoverflow.com/" target="_blank">Stack Overflow Careers:</a> <br /> <br />Where you can build pretty decent resume for experienced professionals. </li>
<br /> <br />
<li><a href="http://www.krop.com/" target="_blank">Krop:</a> <br /> <br />It updates your resume, creates user-friendly URL where you can share. </li>
<br /> <br />
<li><a href="http://resume.linkedinlabs.com/" target="_blank">Linked In: </a><br /> <br /> This is in BETA version but looks good and has various options for end-users</li>
</ol>
<div style="text-align: left;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com0tag:blogger.com,1999:blog-118718665730688653.post-2459395733908296212012-06-18T21:43:00.000-07:002012-06-19T03:44:31.792-07:00IE6 on Ubuntu<div dir="ltr" style="text-align: left;" trbidi="on">
Update your PlayonLinux in Ubuntu:<br />
<br />
<code>wget -q "http://deb.playonlinux.com/public.gpg" -O- | sudo apt-key add -<br />
sudo wget http://deb.playonlinux.com/playonlinux_precise.list -O /etc/apt/sources.list.d/playonlinux.list<br />
sudo apt-get update<br />
sudo apt-get install playonlinux</code><br />
<br />
<br />
<code>Now Wine will get automatically updated,</code><br />
<br />
<code>Open PlayonLinux and install IE6/IE7/IE8</code><br />
<br />
<code>I hope this will work </code></div>Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com9tag:blogger.com,1999:blog-118718665730688653.post-17508038063318274692012-06-16T10:17:00.001-07:002012-06-17T04:39:28.636-07:00HTML - Symantec<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Introduction:</b><br />
<br />
Modern Web users started use the new way of using HTML known as Symantec , nothing but using the HTML tags for styling other than CSS<br />
<br />
<h3 style="text-align: left;">
for e.g.,</h3>
<br />
Use heading element(h1,h2,h3,h4,h5,h6). Don’t use CSS; the STRONG element or other markup to fake your heading.<br />
<h1>Lorem</h1><br />
<br />
I hope it may useful for you guys</div>Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com0tag:blogger.com,1999:blog-118718665730688653.post-76959480350020417742012-06-15T04:46:00.001-07:002012-06-17T04:44:22.649-07:00Make Transparent Background<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="font-family: Verdana,sans-serif;">
Usually backgrounds can be made transparent only for Images, but there is a tricky idea to make text as Background:</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
Create a Header which should float at the top fix some minimum height</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
Set opacity to 0.5</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
Important thing position should be absolute </div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
Now Create your remaining content as divs</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
That's it. Enjoy</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
Sample should be like this:</div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<a href="http://jsfiddle.net/Jv9Mj/2/" target="_blank">http://jsfiddle.net/Jv9Mj/2/</a></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<br />
<br /></div>Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com0tag:blogger.com,1999:blog-118718665730688653.post-15991166704665687962012-06-14T01:32:00.003-07:002012-06-17T08:45:02.419-07:00Radio Buttons validation in cakephp<div dir="ltr" style="text-align: left;" trbidi="on">
Usually cakephp doesn't validate the radio buttons, to re-produce that,<br />
<br />
<b>Step1:</b><br />
<br />
<b>In View:</b><br />
<br />
<?php echo $form->radio('myfield',array(OPTIONS));?><br />
<br />
<b>Step2:</b><br />
<br />
After, <?php if(!empty($this->data)){<br />
<br />
<br />
if(empty($this->data[MODEL]['myfield'])){$this->set('radioerror','ERROR MSG');}<br />
<br />
<br />
NOW ALTER VIEW:<br />
<br />
<br />
<?php echo $form->radio('myfield',array(OPTIONS));?><br />
<b> <div class="error-message"></b><br />
<b> <?php if (isset($radioerror)){echo $radioerror;}?></b><br />
<b><br /></b><br />
<b></div> </b><br />
<br />
THAT'S IT.</div>Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com1tag:blogger.com,1999:blog-118718665730688653.post-58008681589598078472012-06-09T11:05:00.000-07:002015-01-04T18:00:06.580-08:00Tips for Clients<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Precautions steps for client before planning website:</b><br />
<br />
<ol style="text-align: left;">
<li>Plan your website. Be clear in your LOGIC as well as requirements:</li>
<li>Post your quotations in freelancer websites:</li>
<li>Compare the Quotations and deadline: </li>
<li>Now approach a freelancer or website company with your favoured quotation</li>
<li>You have done.</li>
</ol>
<div style="text-align: left;">
</div>
</div>
Anonymoushttp://www.blogger.com/profile/02330054277441575444noreply@blogger.com0