Web Languages and Standards





Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Share tech news, updates, or what's on your mind.

Sign up to Post

Can anyone explain the best practices in regards to link labelling specific to usability/accessibility best practices. A 3rd party who do some basic maintenance of our website have numerous image based links on the homepage which simply state "click here". If you hover over the link it does give a bit more detail on where the links takes the user but I am still not sure that is sufficient, and the label itself should be meaningful, but I am trying to emphasis the risk in them using this kind of practice. I have seen these guidelines, but I cannot find anything specific in WCAG to link labelling best practices to assist users with disabilities e.g. visual impairments. I want to draw out the types of user this type of configuration could impact - to make them improve and use more appropriate labelling.


Just saying it 'looks poor' isn't having much weight in the argument.
Need a YouTube based webinar, with chat service

I need to create the MP4 of a live webinar, where I use OBS to live stream myself to YouTube, with my green screen replaced with a professional looking image. But I need one to many chat services.

So, how much I do this?

I wish I could use a comprehensive webinar solution, but they either do not support the green screen technology (WebinarJam) OR they are too expensive (GoToWebinar).

So, my solution is to use:

1) OBS for green screen removal
2) Live OBS stream to YouTube
3) YouTube handles audio

But I need a chat service my attendees can use to submit comments and questions.  



Given the below soapclient - how can I a) check the version of tls that it is using, and b set it to 1.2 if it is not using that already?  I had assumed the browser I was using would control that side of things, but just want to double check!

$url = "https://www.SOMEURL/interface/api/report.asmx?wsdl";
//Create the client
$client = new SoapClient($url);
$datetimestamp = date("YmdHis");
$reportname = "report".$datetimestamp;

Open in new window

your help is very much appreciated!

I need some helps to learn how to switch src from embed html. When alert("Success:" + result); I want to switch documentlink's src to http://www.google.com.
so i try to use document.getelementid("").src = 'http://www.google.com' and it does not seem working. and I got one help in the past using localstorage but
it does not work with the codes. So I hope to get some helps.

    string documentLink = Request.QueryString["link"].ToString();
    string hreflink = documentLink;     
    Uri uri = new Uri(hreflink);
    var filename = uri.Segments.Last();        
    string documentId = Request.QueryString["documentId"];
    string quoteId = Request.Url.Segments[3];
    string signingStage = "Signing";

       $(document).ready(function () {
               saveButton.addEventListener('click', function (event) {
               var dataPng = pad.toDataURL('image/png');
                   url: "/Home/CreateSignatureOnDocument",
                   datatype: "json",
                       'quoteId': '@quoteId',
                       'documentId': '@documentId',
                       'fullname': document.getElementById("fullname").value,
                       'phoneno': document.getElementById("phoneno").value,
                       'emailList': document.getElementById("email").value,

Open in new window

I have a web page that displays and plays my voice messages stored elsewhere on the web. I am having a problem with the Chrome built in audio control running in an iframe. Here is what it looks like:audio control in iframeHere is the code:
<a href='https://api.twilio.com" . $recording->uri . "' target='newframe'>Play</a>
<iframe name='newframe' frameborder='0' height='150' width='300'></iframe>

Open in new window

As you can see, there is a big black area above the audio control.

I can wrap the iframe in a div to round the corners:audio control in iframe with round cornersCode:
<div style='display:inline-block;height:150px;overflow:hidden;border-radius:27px>
<iframe name='newframe' frameborder='0' height='150' width='300'></iframe>

Open in new window

But if I try to reduce the height of the iframe and div, the audio control just gets smaller and I loose the time slider"shorter iframeCode:
<div style='display:inline-block;height:54px;overflow:hidden;border-radius:27px>
<iframe name='newframe' frameborder='0' height='54' width='300'></iframe>

Open in new window

I tried just reducing the height of the div or iframe without reducing the other but then the audio control is out of the frame.

Any idea of how to reduce the height of the iframe without changing the audio control?

I am thinking of using the HTML5 audio control instead (as in the sites below) but I am not sure how to load and then play a new message from the <a> link.

Hello experts,

I am looking for a free or paid software in order to build database/table/api schema among my various production, testing environments.
I tried yEd but it is not very practical for me.
Could you please advice on this.
Thank you very much in advance for your feedback.

Hi everybody.
I really don't understand how to change the overlay background color in this template: https://colorlib.com/preview/#amado.
I mean: if you hover the mouse on products, a dark semi-transparent overlay appears. The template uses a scss file. In the index a fiola called style.css is linked, but that file is empty and with developer tools I see all styles are set in  style.scss, but I'm not able to find the value that I have to change. I confess I'm totally new to sass, scss.
I post here the scss file:
@import 'theme_color';
@import 'variables';
@import 'mixin';
@import 'responsive';

/* [Master Stylesheet v-1.0.0] */

/* :: :: 1.0 Import Fonts */

@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
    url('../fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

/* :: 2.0 Import All CSS */

@import '../css/bootstrap.min.css';
@import '../css/owl.carousel.css';
@import '../css/animate.css';
@import '../css/magnific-popup.css';
@import '../css/jquery-ui.min.css';
@import '../css/nice-select.css';
@import '../css/font-awesome.min.css';

Open in new window

Hi E's,
I want overlay two images in a responsive project. That not easy when we working with CSS position relative.
So, because that, for overlay two images, one will be a background-image, and other is a normal image inside the div, like you can view here:
<div class="row" style="margin-top: 200px;">
        <div class="col s10 l4 offset-s1 offset-l4" id="fundo" style="background-image: url(imagem/MVC-610X.JPG); max-width: 1024px; max-height: 768px;">
        <img src="imagem/MVC-611X.JPG" class="responsive-img" alt="" style="opacity: 0.5">

Open in new window

With the above code, I can overlay two images (background and div).
I try to found a solution for animate the background image to opacity 0.
With follow code, I try a solution, but all the elements set to opacity 0, include the image inside the div:
$('#fundo').animate({"opacity": 0}, 5000 );

Open in new window

I know the reason why all the elements set to opacity 0, I try to search a solution in the Internet, and I don't find anything related, so I come to EE's to try to get a solution for:
How I create a Jquery animation from opacity 1 to opacity 0, just for the background image, preserve the image in the div?

The best regards, JC

I want to invalidate my form using jQuery/Javascript.

User enters date field (having id# vhdnPickUpDate) and time field (having id# vPickUpTime)

User should not be able to submit the form if date time is less than 4 hrs which user has entered.

Current time is in field hdnDateTime from where date time needs to compare.

I need to know the logic for this.
How to invalidate the form if datetime is less than or equal to 4 hrs.
Also, accordingly date field needs to be highlighted.

Kindly advise me the solution.

Below is the logic required and details.

var form = $("form");

hdnDateTime= "04/08/2018 07:30:00"


vPickUpTime="5:30 AM"

var dtTime = vhdnPickUpDate +" "+ vPickUpTime=;
var dtTimeMinus4Hrs = dtTime - 4 hrs;

if(hdnDateTime <= dtTimeMinus4Hrs)

invalidate form
Highlight field with id = Item_PickUpDate
// Kindly advise me the solution

if (form.valid()) {

}else {

Open in new window

Hi Experts

Could you point if  phpCAS that uses API for authenticating users against a CAS server (WebSSO CAS) could be integrated at an existing Codeigniter project?

CAS - Central Authentication Server

I'm implementing a SSO (Single Sign-On)  funcionality to allow a web app conexion based on user id and  correspondent user's data obtained from LDAP (AD-Active Directory)


I'm planning to implement the SSO functionality at PHP Codeigniter's site index.php.

Thanks in advance!
Hi E's, I just want to known if my file robots.txt is well written.
The objective is allow all my pages, but disallow 12 url's, for all agents:
User-agent: *
Disallow: /comprar-zara
Disallow: /politica-de-privacidade
Disallow: /comprar-zara-lisboa
Disallow: /melhores-saldos-2018-lisboa
Disallow: /temas/viagem
Disallow: /temas/compras
Disallow: /temas/compras-saldos
Disallow: /temas/viagem-portugal
Disallow: /melhores-saldos-2018
Disallow: /cremes-para-quase-tudo
Disallow: /temas/saude-cremes-de-beleza
Disallow: /temas/moda-compras-e-saldos
Allow: /

The big question is, the "Allow: /" should be at the top or bottom?

Regards, JC
I am gearing up to a new role here at work... I've been the main IT guy for 17 years, and in the first few of those years I did quite a bit of PHP coding for our website. Since that time, we've grown a lot and have had a full time backend web developer (leaving the company in October) who is a wizard with PHP, MySql, Symfony. Those are the core MVC languages we use in the backend... our front end person uses Twig, React, etc but I won't have to do much with that except pass her data she can display whoever she wants.

Where are a couple good courses I can take to get up to speed with PHP these days? From working with our existing backend guy, he's walking me through Symfony a lot but I've notice he is hand-coding a ton of PHP / MySQL stuff and I realized that is where I need to concentrate learning right now. Any good resources out there, or is Udemy the end all be all. If so, which Udemy course most applies to my needs. Thanks much for any input.
How to read Child tags under parent tag with name space in C#?
<ns:tag1></ns tag1>

How to read child 1 tag?
I am able to till ns:tag2 but unable to read any further tag.
var child = parentElement.Descendants(ns + "tags").First();
This provides list of child tags, but unable to further read it.
Tried a few things like:
and child.Element("child1") (with all possible sub functions)
Even tried to reload the xml from tag2 in XElement again but that threw invalid xml exception.
but all are throwing null pointer exceptions.
In a meeting we were told that it is possible to know or identify if a user hit a specific page and it’s contents even if the page is locked.  We understand that when a page has a lock it means SSL and that the data to/fro from the site to computer is encrypted.  Is this possible that even thought the page has a lock, there is  a way to identify the encrypted page that the user visited and identify the contents, if it has form or just regular page?
I am exploring xml and am trying to write nested XML elements like this in Windows Powershell:






I am completely new to writing XML as well as using powershell, so if you can keep the training wheels on with your explanation/example, I would greatly appreciate it.


I am using the following html on my ASP.net to try to float two link buttons to the left nd two to the right. The CSS is shown further down. The problem is that the controls that shouls appear on the right area appearing underneath

            <asp:Panel ID="Panel_Menu" runat="server">

                <div class="entire-thing">
                <div class="ad-left">
                            <asp:LinkButton ID="LinkButton2" runat="server" PostBackUrl="~/Default.aspx">HOME</asp:LinkButton>
                <asp:LinkButton ID="LinkButton3" runat="server" PostBackUrl="~/Checkout.aspx">CHECKOUT</asp:LinkButton>
                <div class="ad-right">
                              <asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="~/Checkout.aspx" Visible="False"></asp:LinkButton>
                <asp:ImageButton ID="ImageButton1" runat="server" Height="23px" ImageUrl="~/Resources/Basket.jpg" PostBackUrl="~/Checkout.aspx" Visible="False" Width="34px" />
                <div class="clear"></div>

Open in new window

.ad-left {
    float: left;
    width: 49%;

.ad-right {
    float: right;
    width: 49%;

.entire-thing {
    width: 100%;

Open in new window

Hi Experts,

Could any one tell me what does testing a website to be compliant with WCAG 2.0 Level A and AA involve?

Are there any curses for this?

What is the going rate for this?

I'm also wondering, what are the types of assistive devices covered, so that I can recruit the right persons with disabilities (myself included ), and what to test for. The client is asking for testers with disabilities.

Thank you.
I am trying to set up a simple htaccess redirect, I want to move all traffic from one folder to the home page

I copied and pasted this code from another server that has been using it for years,

when I test it, i get a safari timeout error "Safari cant open page, too many redirects.."

this is my code, in a wordpress site, at bottom of .htacess below wordpress, toast, other plugins code

RewriteEngine On
Options +FollowSymLinks -Indexes

redirect 301 /mce_activity https://oala.ca/

Open in new window


I was looking for some guidance on the approach to a specific user experience and how people would approach it or if someone has done something like this already.

I have a simple PHP script that enters a value from a text box into the database when the 'add' button is clicked or the user hits enter after entering a value (script below).

What I would like to do is allow a user to hit the enter key when they add their record (as it works below), but if the user were to hit the enter key again, within 4 seconds, it would bring up the full record that they could edit. It is because sometimes the user will only add the one value, but sometimes they will add the one value and also want to view and edit some other fields for that record - how would others approach this from a scripting perspective and also side topic on the User Experience side; are there better ways to do this?

$form = "<form action='./dash_hit46.php' method='post'>" .PHP_EOL;
$form .="<input type='text' id='newadd' name='newadd' placeholder='e.g. x'>" .PHP_EOL;
$form .="<input type='submit' value='add' name='add'>" .PHP_EOL;
$form .="</form>";

if ($_POST['add']){
	$newadd = $_POST['newadd'];
		if ($newadd){

		// Check connection
if ($conn_task2->connect_error) {
    die("Connection failed: " . $conn_task2->connect_error);

$sql = "INSERT INTO main (tsk_name, tsk_person, tsk_user_link)
VALUES ('$newadd', 'me', '$UID')";

if ($conn_task2->query($sql) === TRUE) {
    echo "New

Open in new window


Looking for best advice on how to redirect my page after the user had logged into the site.

I have a PHP form which is using the POST method to submit the details to the login page (called login.php) and connects to the mySQL database to authenticate. If the user successfully has entered the right information I have a link that will move them into a members page - i do this process via an IF....Else statement.

Instead of getting the user to actively click on then link to move them on, how would it best be done to automatically redirect the user to the next page (i.e., dashboard.php)? I was looking at the PHP header() function and a JavaScript window.location.replace option - wanted to get some opinions on here too on the simplest, universal way to do this?

Open to any options/suggestions; doesnt have to be PHP or JavaScript.

Thanks in advance.
Need to have a "copy to clipboard" feature on my News Articles

I like the site at the company with which I am partnered...but want to be sure I am as little like their site as possible.

Here is the feature in question...

To the right of the article is an icon.

Icon Only
When you click the icon, three choices display themselves.

I only use the "Copy Link" feature

Copy Link
Which opens this box...

Copy Link 2
I want to be sure this feature exists on my website, partly so I can use it to send to articles to clients and so can my sales agents. Obviously, there will be a page label in the URL so that URL opens not only the right page, but to the part of the page where the article is visible.

What similar thing can you show me from some other site? I do not want to copy my partner's site. So, I am taking out the LinkedIn and Email features. I just want that URL in the clipboard.

I know this has been part of the web standard since forever. But I just need to see one example of it some where.

Given this (admittedly awkward) sentence:

We have been over this - I mean Brian and I, not you and I - in the past.

Is it supposed to be "Brian and I" and "you and I", or should it be "Brian and me" and "you and me"?

* Not specifically related to Web Languages and Standards, but I couldn't submit until I picked one "approved" category..  :/
Hi, My SEO team is having me create directories for certain keywords, like /affordable-meal-delivery/, so that the URL is mywebpage.com/affordable-meal-delivery/

The only way I know to do this is to create the directory and then have an index.html inside the directory. But I don't like having so many pages called index.html, for one thing I am afraid of overwriting one to another.

This site is able to do it without an index.html: www.freshnlean.com/gluten-free-meal-delivery/  - if I add index.html to that, it goes to a page not found.

We are on an Apache server. So it looks to me like this:

But I have ten or so of those directories with an index.html in each. How can I do this without the index.html. Ideally, I would want the page inside the directory to be affordable-meal-delivery.html. Can I use an htaccess file to do this?

Looking thru YII documentation I confirmed that to create a link using an anchor this is the correct syntax:
Yii::app()->createUrl("box/update", array("id" => $id, '#' => 'second-tab'))

Open in new window

The corresponding view for the action "box/update" is made like this:
        'type' => 'tabs',
        'placement' => 'top',
        'tabs' => array(
                'id' => 'first-tab',
                'label' => Yii::t('app', 'First Tab'),
                'content' => $this->renderPartial('_memberFirstTab', array('model'=>$model, 'form'=>$form), true),
                'active' => true
                'id' => 'second-tab',
                'label' => Yii::t('app', 'Second Tab'),
                'content' => $this->renderPartial('_memberSecondTab', array('model'=>$model, 'form'=>$form), true),

Open in new window

The result is that if I am within the box/update action I can move back and forth between the two tabs but if I call it from outside (YII or not) I cannot link directly to something different from the first tab.

Where is the error I cannot see

Web Languages and Standards





Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.