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

Hi. I have a folder structure like:
Untitled-1.jpg
Pages contains the nunjucks files, results contains the resulting html files from running gulp nunjucks, and templates are the usual.

Everything works fine with one exception. When I run gulp nunjucks. the resulting meta title and meta description look like this:
<title>Default Title</title>
<meta name="description" content="Default Description">

Everything looks set up correctly to me.

The pages say: {% extends "layout.html" %}. layout.html says:{% include "partials/head.html" %} and partials/head says:
  <title>{% block title %}Default Title{% endblock %}</title>
  <meta name="description" content="{% block description %}Default Description{% endblock %}">

I've attached the gulplfile. I'm sure it must be something in there that isn't set up correctly. I hope you can help.

Let me know if you need more info, snippets or other files.
gulpfile.js
0
Get 15 Days FREE Full-Featured Trial
LVL 1
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Hi, I hope I can explain this well enough.

My folder structure looks like the attached. In each folder, I have src/pages, results, dev/gulp.

pages contains the nunjucks files, results are the resulting html files from running gulp nunjucks, and dev/gulp is where the gulpfile.js is.

When I want to make a change across the board, say to the navigation, I have to use the command line to go into each folder, gulp nunjucks, upload, then back out by changing directories, navigate to the next one, gulp nunjucks, and on through all 13. So my command line looks like the attached.

Can you help me find a way to speed that up?
Capture.JPG
cmd.txt
0
5
Does inc.com have an RSS feed?  Google searches are not yielding me any results on if they do or not.  I assume that's because they do not, but is there something hidden I'm missing?
0
Hello Experts,

I would like some advice / feedback on proper column names, data types and lengths for the following I need to collect from my customers. Also, PLEASE let me know if I can improve the type of information that I'm collecting.

Display Name As
Company Name
First Name
Last Name
Address
City
State
Zip Code
Phone Number
Mobile Phone Number
Email Address
0
I have been looking hi and low to auto populate user name and department in InfoPath browser form from several sources available
I tried User Profile Service but since Microsoft made it difficult in 2013 version and I am not an admin on the host I can't use this.
 I also tried User Information list. It worked perfectly in InfoPath preview but came up empty when I published the form.

So I tried to use JQuery and SP services. I captured all info in alarms correctly but cant figure out how actually place it in form controls. I use text boxes for all.
<script src="/sites/MySite/SiteCollectionDocuments/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script><script src="/sites/MySite/SiteCollectionDocuments/jQuery/jquery.SPServices-2014.01.min.js" type="text/javascript">
</script><script type="text/javascript">

$(function() {        
     var thisUsersValues = $().SPServices.SPGetCurrentUser({
      fieldNames: ["Title", "EMail", "Office", "WorkPhone"],
      debug: false
});
alert(thisUsersValues.EMail);


alert(thisUsersValues.Title);
alert(thisUsersValues.Office);

alert(thisUsersValues.WorkPhone);

$('textarea[title="WorkPhone"]').thisUsersValues.WorkPhone;
$('input[title="WorkPhone"]').thisUsersValues.WorkPhone;
});
</script>
0
Can someone explain this code to me?

/*CALL Controllers CLASS IF EXIST*/

			if($row){ 

				$this->load->ClassValidation = false;

				$this->className = str_replace("-",'_',$row->slug);

				$this->load->controller( $this->className );

				if(method_exists( $this->load->{$this->className}, index ))

					$this->load->{$this->className}->index($data);

				else

					$this->load->view( $row->folder.'/'.$row->goto, $data ); //default

			}

			else

				$this->load->view( $row->goto ); //!$row- page not found

Open in new window


Thank you.
0
Dear Experts,
When I visit a web site, the home page is asking a question like :

http://www.trt.tv wants to Show notifications

How can I see the notifications?

how can the web site push the notifications? How can the users see the notifications?

How can I do the same on my web site?

I use PHP
0
courseofmonth-native.JPGLooking to become a web developer, but not sure where to start? Check out this article for some community advice and enroll in July’s Course of the Month to gain your HTML5 certification. Take the first step in gaining a solid web development skill set and enroll today!
3

Originally, this post was published on Monitis Blog, you can check it here.



In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer technologies such as mobile and social media, customers are the ones who “shop with their voice” so to speak. The world of blog, forums, and numerous other social media channels over the past decade have provided consumers with unheard of power to determine their choice of products, brands, and services. Because of this power customer expectations have also gone through the roof. Continuing advances in technology, along with the “consumerization of IT,” has meant that companies are now expected to offer real-time, 24/7 service to meet the demands of mobile savvy customers.

 

Today, it’s all about meeting the customer needs and getting them to buy your products. And in order to do so, companies need to ensure their applications and websites are in tip-top shape. Customers simply will not have any patience for a website or application that is error prone or buggy or one that takes forever to load. This is why website performance and application monitoring is so central to your business strategy.

 

We talk about this subject a lot because it’s really so critical to the bottom-line of a business. And it’s even becoming more incumbent today as the demands of new technologies like the Internet of Things and wearables mean that customers are interacting with companies and their products through more endpoints than ever before. All of these channels require performance monitoring to ensure that things run as efficiently and optimally as possible. At the end of the day, web performance is really about keeping the customers happy.

 

In what follows, we want to do a reality check by discussing 7 “sure fire” ways to improve your web performance and make sure your customers keep coming back. After all, your business ROI really depends on it!

 

1. Keep Things Fast!

 

Research shows a clear relationship between web load speed and customer conversions. The faster a page loads the more likely customers will be to visit and do business on your site. The inverse is also true. The slower a page the less likely customers will be willing to wait around and engage with your brand. While this seems fairly straightforward, it’s surprising how few business owners really get the importance of website performance and the role it plays in their business strategy. It might be nice to have a trendy looking website, but if it takes 10 seconds to load visitors won’t hang around long enough to appreciate all the bells and whistles anyway.

 

 

2. Make Your Central Message Crystal Clear

 

From the moment visitors hit your page you want to give them a clear reason for why they should stick around. To do this you need to deliver your central message as quickly, clearly, and convincingly as possible. Don’t make your home page so convoluted that folks don’t know what action to take. Use large font, go generous on the content, and create clear pathways to the channels they need to purchase your product . . . period, end of story.


3. Give Visitors a Reason to Return

 

So you’ve got some visitors, now what? Well, that’s only half the battle. Studies show that most will not purchase on the first visit. So you need to give visitors a solid reason to return to your website. Do this by providing them with something useful, something they can’t refuse. Provide practical articles, a regularly updated blog, a newsfeed, or other user-generated content . . . anything that will engage your visitors and provide them with something of value.

 

4. Check Your Web Hosting

 

When reviewing web performance one of the first things to check is your web hosting service. It’s surprising how many times this gets overlooked. Even though your provider may offer you unlimited bandwidth, does that mean shared service with other sites that end up affecting your own web performance? Are you frequently experiencing downtime or bandwidth issues? If so, it’s worthwhile to review your hosting options to ensure you’re getting the most efficient service. Don’t be afraid to insist on 99.99% uptime.

 

5. Use Web Analytics & Gather Metrics

 

To some, this sounds like a well-worn cliché by now, but it needs to be drilled in more and more. If you’re not tracking the behavior of your visitors with metrics then you’re leaving money on the table. There are many web analytics tools on the market today that can help you closely monitor your customer’s online behaviors. The ability to track a single customer across your site and across multiple devices will ensure that you can tailor your brand to their needs. For instance, you want to learn more about when and where they’re visiting from, what devices they’re using, what are their online activities, and other key demographics such as age. Gaining these insights will help your organization better understand what’s important to your visitors and how to personalize their experience.

 

6. Take It Easy on Design ‘Best Practices’

 

Increasing the size of your website images, third-party scripts, and style sheets come with a heavy price and can adversely affect performance. This is especially true in the world of mobile. Over 50% of all time consumers spend on retails site is on mobile devices and more than 50% of consumers multiscreen during the purchasing. According to this slide deck, some of the worst practices are web pages that are initially blank and then populate, pages where the call to action is the last thing to render, popups that block the rest of the page, and designing and testing in a way that the user experience is completely overlooked.

 

7. Adopt Cloud-Based Website Monitoring

 

There are significant advantages to offloading your website monitoring to a cloud-based host – cost, scalability, efficiency, to name a few. Not to mention, this frees you up to focus on growing your business, which matters the most anyway.

 

If you’d like to get onboard with the latest in cloud-based monitoring then you should try a 24/7 monitoring service like Monitis. With its first-class global service, Monitis allows organizations to monitor their network anytime and from anywhere. For instance, with Monitis you can load test your website to determine at what point it starts creating traffic issues. They’ll also send you timely alerts by every possible means (live phone messages, text, email, Twitter, etc.) to keep you apprised about your site performance. If your web hosting services go down then Monitis will be first to let you know.

 

When it comes to monitoring your website, you don’t want to shortchange yourself. Get the peace of mind you deserve by entrusting your business to a proven industry leader. Go to Monitis and sign up for a free trial today and let them help boost your bottom-line. You’ll be glad you did!

0
Optimize your web performance
LVL 1
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

This is the modal
<div id="mdlEdit" class="modal fade" data-backdrop="false" style="background-color: rgba(0, 0, 0, 0.5);">
            <div class="modal-dialog">
                <div class="modal-content">
                     <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="hdrEdit" runat="server"></h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="iID" class="control-label col-xs-5"><span class= >*&nbsp;</span>ID</label>
                            <div>
                                <input type="number" class="form-control" id="iID" placeholder="Enter ID" runat="server" maxlength="30" name="iID" /> 
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="iTableID" class="control-label col-xs-5"><span class="required">*&nbsp;</span>Table ID</label>
                            <div>
                                <input type="number" class="form-control" id="iTableID" placeholder="Enter Table ID" runat="server" maxlength="10" name="iTableID" /> 
                            </div>
                        </div>
                         <div class="form-group">
                            <label for="iFieldName"

Open in new window

0
Is there a way to use AngularJS with Bootstrap 4? I would like to use AngularJS' cards and colors in Bootstrap 4. I don't know if this is possible since I'm not really looking into building an apps.
0
courseofmonth-native.JPGContinue your education in web development, one of the fastest growing and lucrative careers in tech. HTML5 is a must-have skill for web developers, and provides a solid career foundation. July’s course prepares you for HTML5 certification—get started today!
5
Any good software that can analyze coding of websites offline?
0
I'm currently using Visual Studio Code. How can I use Visual Studio Code along-side my web browser to code in real-time and see the changes in real-time? Brackets have "Live in Preview", not seeing this in Visual Studio Code.
0
onsite-native-ad-360x200.pngThis summer is the perfect time to add a programming language to your resume with, course creator, Mark Lassoff’s help. Build a solid foundation for a career in web development by learning and getting certified in HTML5 . Enroll in July’s Course of the Month to get started today!

2
Hello,
What other programming languages for web service development?  Which is better PHP or html?
0
Hi,

My document suite for a web app contains a HELPFUL HINTS doc, which provides general info about the application.

I need to list certain system requirements/restrictions. Right now, I have only one (min. browser width), but this list could grow over time.

What's the best title for this section?
System Requirements (As I said in the title.)
Limitations (Meh.)
???

Thanks,
Steve

PS-Hope I'm not overthinking here...I think part of my brain's still on the holiday weekend. :)
0
Is there any free online Static QR Code Generator available?

Static means the QR Code will always work after a certain period of time.

And basically I would need it to link to a google map URL.

Tks
0
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

1
Want to learn HTML? We’re featuring the HTML5 Specialist Certification Course as our July Course of the Month!  Premium Members, Team Accounts, and Qualified Experts unlock free access to this course, and are eligible for the certification exam once the course has been completed. Get started today!
3
I saw this video online and the website was originally from TypeScript. When I go to TypeScripts' website its different. In the .gif was once there website.

Can someone explain to me how they made the clouds animate in the background? What tools were possibly used? And the best method to try and recreate it?

Animated Clouds
0
Hi, I'm using nunjucks, so every time I use gulp nunjucks, every page gets rewritten. So GIT sees that as a modification, and lists them as modified.

Just to be clearer, I have the GIT repo as the entire folder. Within the folder I have> pages, templates, templates/partials, SCSS, CSS, img, and also the pages that result from a gulp nunjucks.

I think what I want is to exclude those pages, the pages that are created, because they all get written again with the command.

Does any of this make sense? Should I put them into a different branch or something? I'm really new at GIT. Thanks for any and all advice.
0
When scrolling down the document in an iframe, and reach bottom, if keep spinning down the mouse wheel, the parent document starts scrolling. Browsers call it a "dispatch" of wheel event to parent. So it's not bubbling, as it's not within the same document. A new wheel event is created on parent.

Can this "dispatch" be prevented? How? (I use plain JavaScript.)
Is there any sample script available?
0
I would like to know if there is away to see how a website was made? I mean by Dreamweaver? or Wordpress etc?
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.