Web Languages and Standards

39K

Solutions

30K

Contributors

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

I'm working on https://renalmeals.com. I used Google Chrome audit on it. One of the things it recommends is:
"For stylesheets, consider splitting up your styles into different files, organized by media query, and then adding a media attribute to each stylesheet link. When loading a page, the browser only blocks the first paint to retrieve the stylesheets that match the user's device. See Render-Blocking CSS to learn more. Build tools like critical can help you extract and inline critical CSS."

I'm pretty new at npm. No, I'm VERY new at NPM. I managed to install it using $ npm i -D critical@latest. Now I want to do this, below.  And I'm stumped. Can someone give me more specific instructions? Thanks!

Generate and inline critical-path CSS
Basic usage:

critical.generate({
  inline: true,
  base: 'test/',
  src: 'index.html',
  target: 'index-critical.html',
  width: 1300,
  height: 900,
});
0
Please explain .NET Standard 2.0 and open source.

and how code reuse is enhanced by giving me an example or two of how this is a benefit. For example, a library that can be re-used between various platforms.

And is .NET Standard 2.0 a part of the open sourcing of the .NET Framework? Or is it MVC that is open sourced?
Thanks
0
I'm trying to validate my xml file using notepad++.
I'm fairly new to XML so I'm having issues trying to resolve the following error:

Unable to parse schema file.
Parsing error at line 50:
Element'{http://www.w3.org/2001/XMLSchema}element', attribute
'ref': The QName value
'{urn:us:gov:treasure:irs:ext:aca:air:ty18}Form1094CUpstreamDetail'
does not resolve to a(n) element declaration.

This is what I have for the first couple of lines of the xml:
<?xml version="1.0" encoding="UTF-8"?>
<p:Form109495CTransmittalUpstream xmlns:p="urn:us:gov:treasury:irs:msg:form1094-1095Ctransmitterupstreammessage" xmlns:p1="urn:us:gov:treasury:irs:ext:aca:air:ty18" xmlns:p2="urn:us:gov:treasury:irs:common" xmlns:p3="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-utility-1.0.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="urn:us:gov:treasury:irs:msg:form1094-1095Ctransmitterupstreammessage IRS-Form1094-1095CTransmitterUpstreamMessage.xsd ">

Any thoughts on how I can resolve this?
I've attached the Schema file.
IRS-Form1094-1095CTransmitterUpstrea.xsd
0
What are the Big Differences between Angular 4 and Angular 7?

Thanks
0
Upgrading Angular 4 to Angular 6

I have a small and working Angular 4 project, but would like to make the switch to Angular 6. How do I do this?

What are the odds it will work with no changes?

Here's a sample of the code:

import { Component, Input, OnInit } from '@angular/core';
import { NgFor } from '@angular/common';
import { PuzzlePieceComponent } from '../puzzlepiece/puzzle-piece.component';

@Component({
  selector: 'puzzle-canvas',
  templateUrl: './puzzle-canvas.component.html',
  styleUrls: ['./puzzle-canvas.component.css']
})

export class PuzzleCanvasComponent implements OnInit {
  title = 'Puzzle Peace';
  @Input() piece:PuzzlePieceComponent;
  pieces = [];
  rowNames = [];
  columnNames = [];
  columns:number = 8;
  rows:number = 5;

  constructor() { 
    this.rowNames = ['1', '2', '3', '4', '5' ];
    this.columnNames = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H' ];
  }

  fireEvent(e){
      console.log(e.type);
  }

  ngOnInit() { 
    let index = 0;
    for(let row = 0; row < this.rows; row++) {
      for(let column = 0; column < this.columns; column++) {
        this.pieces[index] = new PuzzlePieceComponent();
        this.pieces[index].id=index;
        this.pieces[index].row = this.rowNames[row];
        this.pieces[index].column = this.columnNames[column];
        index++;
      }
    }
  }
}

Open in new window

0
Does "Vanilla Javascript" mean NO jQuery?

And, does jQuery allow me to not use some of these direct calls, like to the document model?

https://www.w3schools.com/jsref/dom_obj_document.asp

Thanks
0
I'm trying to get tooltips to work on this page, but they are not showing up. https://www.stadriemblems.com/products/enamel-pins-test/

I have one inserted above the "Get a Quote Here" h1. The text "Hover Me to Preview" should be showing up.

I have a local VM on my machine, and it's not showing up there either, which makes sense. But when I just double-click the file and view it in the browser outside of the VM, it works (because all of our external assets are loaded dynamically and need the VM to load, so when I just double-click the file and view it in the browser, it's a version without any of the other assets). This leads me to believe that there is some other bit of CSS that's interfering with it. What I can't figure out is how I would go about figuring out what the specific bit of CSS is that's conflicting with it. I did the whole F12/Console thing and did a search for the word "tooltip" (the style/class name) but got no results.

Right now I have the tooltip CSS in the head of this page. I tried moving it to the external style.css to see if it would make a difference, but it did not.

Here is the code:

.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    

Open in new window

0
Getting up and running with REACT

I have developed using Angular 4, JQUERY and JavaScript, but not yet with React.

I have a MacBook and use Visual Studio Code on the Mac for my work with Angular 4 and hope to do the same with React.

How do I get React installed so I can start programming it? And same projects / tutorials you can point me to that would be a great start for me?

Thanks!
0
Angular: Please explain diff between Constructor and ngOnInit()

What kinds of things are done in either function?

hanks
0
Where does the "fireEvent(e)" function get defined?

In my working code here, I see I added that function. Is it possible to tell me the origins of the call from this source code?

import { Component, Input, OnInit } from '@angular/core';
import { NgFor } from '@angular/common';
import { PuzzlePieceComponent } from '../puzzlepiece/puzzle-piece.component';

@Component({
  selector: 'puzzle-canvas',
  templateUrl: './puzzle-canvas.component.html',
  styleUrls: ['./puzzle-canvas.component.css']
})

export class PuzzleCanvasComponent implements OnInit {
  title = 'Puzzle Peace';
  @Input() piece:PuzzlePieceComponent;
  pieces = [];
  rowNames = [];
  columnNames = [];
  columns:number = 8;
  rows:number = 5;

  constructor() { 
    this.rowNames = ['1', '2', '3', '4', '5' ];
    this.columnNames = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H' ];
  }

  fireEvent(e){
      console.log(e.type);
  }

  ngOnInit() { 
    let index = 0;
    for(let row = 0; row < this.rows; row++) {
      for(let column = 0; column < this.columns; column++) {
        this.pieces[index] = new PuzzlePieceComponent();
        this.pieces[index].id=index;
        this.pieces[index].row = this.rowNames[row];
        this.pieces[index].column = this.columnNames[column];
        index++;
      }
    }
  }
}

Open in new window

0
Making an HTTP Request using Angular 4

I got this question today in an interview and used it to explain the elements of an Angular 4 Component:

selector
templateURL
styleURL

and what these mean to making a component something you can easily import into another Angular 4 component.

How would you have answered that?

"How do you make an HTTP Request using Angular 4?"

Thanks
0
Turning OFF my WordPress Site?

I have the Admin login to my WordPress site, but I need to turn it off.

I do not care where the domain points afterwards.

How do I "unpublish" the site?

Thanks
0
Please explain the ".co" domain extension

What does it mean?

Curious.

Thanks.
0
Hi Folks,
I'm newbie here trying to get HTML, JS & CSS in harmony...

The code below is a sample form(includes CSS, HTML, & JS) ,. The ultimate goal:  when I click the submit button, JS script will collect all the user's input and replace the green pane with the submissions entered.
The initial function I started to use,  it throws me a err: [object HTMLFormElement]
thanks for looking, constructive ideas or even better aproaches are welcome, I know it looks a bit messy but it's my first FORMS attempt in one sit down :)
it looks like a of lot of lines thought the reason why is because it has the selections within a menu  but the actual code is very small



<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Curriculum Vitae</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">


	
	<style type="text/css">
		body {
		margin: 0;		
		}	
		/* Styling Header*/
		.header {
		background-color: #964a4a;
		padding: 20px;
		text-align: center;
		font-family: Georgia, 'Times New Roman', Times, serif;
		color: #fff;
		font-family: monospace;
		overflow: hidden; /* Ensures the content is not revealed until the animation */
		border-right: .15em solid orange; /* The typwriter cursor */
		margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	

Open in new window

1
Hi Folks,
 I remember back in the old days Microsoft FrontPage was a lot easier when creating forms, previews and tons of excellent features..,
fpg.jpg
Now that I'm trying to get back into web devs(newbie here), i discovered people don't really use it anymore... is any other software or plugin or Visual Studio/Code Extension that help to replicate the same?
0
Example of Web Tokens

I am sure I have worked with these, but please give an overview.

Also, it would great if you could also include a .NET perspective

Thanks.
0
Need a quick overview of WebAPI.

I am a .NET Full Stack developer and have supported numerous web services, but have difficulty answering interview questions about WebAPI.

Please refresh my memory.

Thanks
0
Compare KendoUI w/ Angular 4?

I have used Angular 4 but not KendoUI.

please describe what KendoUI is  and how its different from Angular 4.

Thanks
0
Need interactive website for web GUI design

I hope there are a few drag and drop types of easy GUI configuration test sites, where I can download the HTML, CSS and even the Javascript.

If I need to limit myself to just the HTML and CSS, that is fine.

Can you give me some samples of this type of website?

Thanks
0
What does Redux do for React and Angular?

Please give some specifics about what exact state Redux is managing and how it works.

Thanks.
0
Hi All,

I am working on an xslt which should transform XML to space separated flat file. I was able to do xslt which essentially as per requirement is space delimited and restricts record to 300 characters.

My output at the moment is

003339334070 0000554509 0000000200 10192018 EUNICE PRICE
003339334070 0000554510 0000005750 10192018 M3 USA Corporation
003339334071 0000554509 0000000300 10192018 EUNICE PRICE
003339334071 0000554510 0000005700 10192018 M3 USA Corporation

But vendor came back with new requirement to add another record which should be sum  total amount and count the line items. For example I need the data like below. Where 2 is number of lines and 003339334070 is feild wd:CF_Account_number_HSBC_Canada from source. This field is also key to group the records. And  0000005950 is sum of two totals.

003339334070 0000554509 0000000200 10192018 EUNICE PRICE
003339334070 0000554510 0000005750 10192018 M3 USA Corporation
003339334070 2                     0000005950
003339334071 0000554509 0000000300 10192018 EUNICE PRICE
003339334071 0000554510 0000005700 10192018 M3 USA Corporation
003339334071 2                     0000006000

I am attaching the XSLT and XML i am using for testing. Can some one please help me to achieve above result? I am new to XSLT and learning.

Thanks & Regards,
Sridhar
XSLTHELP.xsl
pp2.xml
0
I need to create a set of dropdowns that are related to each other in coldfusion. The second dropdown should update itself based on what is selected in the first. Both will draw data from queries but from 2 separate data tables (cities and states). When the form finally submits, want to be able to retrieve id numbers from each dropdown

Have tried a number of coding variations with no luck
0
For some reason, maybe due to schema or lack thereof, my JSON documents are flagged with "Unexpected character sequence in member name".

And also, the member names do not have quotes around them when I first open the document, but then either through process of saving or modifying the documents, the member names get surrounded with double-quotes.

 View: "vAnnouncements",

becomes:

"View": "vAnnouncements",

I could use some help with this!

I just recently ran "Get Latest" from the TFS, so the double-quotes problem corrected as a result.  But I am still getting the "Unexpected character" thing.
     

-Tom
0
I am getting frequently below err message  while watching videos.
The browser I am using is Chrome.

Error Code
: PLAYER_ERR_TIMEOUT

please advise how to fix this issue.
0
Hi,

Can someone assist please, i am having issues with trying to customize the this table. This table needs to be imported by a text file of shift timings, i got it to make the table but it looks abit grey.

Link: Table Design
Link: Example

The example shows both a short version and a bigger version, can you help to change the layout to look similar please? Also, how do i get the smaller version setup.

Index.php
<?php
header("Content-type: text/html");
echo "<html>
<body>";
 
$file = fopen("day.txt","r") or die("Error");
?>
 
<table border=“1”>
	<tr>
		<th>Date</th>
		<th>Monday</th>
		<th>Tuesday</th>
		<th>Wednesday</th>
		<th>Thursday</th>
		<th>Friday</th>
	</tr>
	
<?php
 
while(($row = fgets($file)) != false) {
	echo "<tr>";
	$col = explode(',',$row);
	
	foreach($col as $data) {
			echo "<td>". trim($data)."</td>";
	}
	echo "</tr>";
}
?>
 
</table>
</body>
</html>

Open in new window


Text file: day.txt
 ,  Sub1a |  Sub1b  , Sub2a | Sub2b , Sub3a |  Sub3b  , Sub4a | Sub4b ,  Sub5a |  sub5b   
01 , 07:00  | 13:00 , 08:00  | 12:00 , 09:00  | 15:00 , 10:00  | 13:00 , 012:00  | 13:00 
02 , 07:00  | 13:00 , 08:00  | 12:00 , 09:00  | 15:00 , 10:00  | 13:00 , 012:00  | 13:00 
03 , 07:00  | 13:00 , 08:00  | 12:00 , 09:00  | 15:00 , 10:00  | 13:00 , 012:00  | 13:00 
04 , 07:00  | 13:00 , 08:00  | 12:00 , 09:00  | 15:00 , 10:00  | 13:00 , 012:00  | 13:00 
05 , 07:00  | 13:00 , 08:00  | 12:00 , 09:00  | 15:00 , 10:00  | 13:00 , 012:00  | 13:00 

Open in new window

0

Web Languages and Standards

39K

Solutions

30K

Contributors

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.