Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
I want to move from HTML 4.01 to HTML5.Does that mean I've to learn JavaScript first, then move to learn advance topics on HTML5 like canvas , local storage,....?
JavaScript is basically the programming language for dynamic behavior in HTML 5. You would model your look and feel using HTML and CSS, and model the behavior using JavaScript. Refer to this SO post that discusses this topic in more depth.
And yes, if you are serious about HTML 5 you probably want to be familiar at least on a cursory level with Javascript.
Just knowing Html 4 or 5, without CSS and javascript is of no use. You should know CSS to style your elements and define the layout in which your page should appear to the user and using javascript(client-side script) you can create an interactive apps, which helps you to respond to the user behavior dynamically.
Simply,
HTML defines Structure
CSS defines Presentation
Javascript defines Behaviour
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I am new the css front-end programming, I am applying the css into my web pages, and using bootstrap, but I found that a sentences described as the title, I don't understand the meaning of "masthead pdng-stn1" and the meaning of "phone-box". I can't find the definition of them in the bootstrap.css and all of the css files in my folders, but they can't be deleted otherwise the web pages can't display properly, please give help, thanks a lot!
Welcome to StackOverflow! I would recommend browsing the How to Ask a Good Question documentation. That said, generally "classes" are just a way to group/categorize elements on a page and apply like-styles to them. pdng-stn1 is clearly a poorly thought out name, and whatever it means would have made more semantic sense, like pudding-stain1 or whatever. They're not necessarily related to Bootstrap in any way. masthead is often synonymous with header or page-top, something like that. You really just need to dive through the source code, or read the documentation that comes with whatever frameworks your website is using.
If you'd like you can read up on the basics of CSS Class Selectors. They're essentially entirely arbitrary and are chosen based on the current developer's needs and desires for structure, or for integration/semantic similarity with the current framework.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 8 years ago.
Improve this question
I am in initial stages of creating a public website with client-side rendering using AngularJS. I've read in many forms that dynamic generated content won't be indexed by Google. Is there any way to go forward without affecting search engine indexing and ranking or should I shift to the conventional development ?
My client want it to be done in AngularJS. So I just wanna make sure that there is no workaround before I start convincing them.
Googlebot can now process JavaScript so you don't need to do anything to make that content accessible to Google
You can also use a service like prerender.io or built your own pre-rendered version by using tools like PhantomJS.
Here is a nice article about AngularJS SEO with PhantomJS:
http://lawsonry.com/2014/05/diy-angularjs-seo-with-phantomjs-the-easy-way/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
So I'm not totally new to web development or anything...reasonably experienced with it actually, to an extent.
But I had only ever used window and document in the past, amongst what I have now learned are many DOM API interfaces.
This is unnerving to me. In my quest to become a truly capable web developer, the extent of the DOM API has so far been the scariest thing I have encountered. It seems very difficult to me to get a real, strong grasp on it.
So I'm wondering, to developers more experienced with this, how did you learn it? Are there any excellent resources in particular, or an order you went in? Which parts of it are important? Which parts could easily be ignored completely?
I mean, even just in document, there are many methods I am totally unfamiliar with.
The following diagram provides an overview of the DOM core interfaces with the most basic attributes and operations. As suggested by Bergi, the most important interfaces are Node, Document and Element. However, when you have to access/manipulate a specific HTML element (e.g. table) you should also look up the interface of such a specific element (e.g.HTMLTableElement) for the availability of useful attributes and operations (e.g. insertRow).
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I am looking to make a slightly responsive design. I was curious to know how people feel on loading a responsive design, should I load in a new css file and use JS to define the screen size. Or should I create media queries inside the current css file and just go from there. Looking for opinion on speed and what people feel is the more optimal approach.
Putting everything regarding styles in the CSS files is the best practice.
HTML => Structure
CSS => Styles
JS => Logic
The more you separate concerns, the easier your code will be to mantain.
As javascript might be disabled you should use CSS-only for the responsive purposes.
If you really can't do without javascript (for moving an element in the dom for example) make sure that you've got some fallback css for non-js-enabled users.
In fact very very few users will disable javascript, unless they are in emergency(say, if they only have outdated mobile phone because their new ones have run out of batteries). If your site is not toward these situations, use javascript without concerning that users will disable.
Generally, putting media queries in one css file will be a good choice if the file size is reasonalbe, since one file makes fewer request than seperated files.
Javascript, on the other hand, is the very fallback because old IEs do not support media queries.
You can refer to some frameworks such as bootstrap. An implementation outdoes all answers.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have seen some cool slides in html, but some are CPU-consuming or browser-dependent.
Since I am not very familiar with html5, I'd like to know what's the best practice or existing framework of making html slides.
And here is a more creative one similar to Prezi: http://bartaz.github.com/impress.js
Here's an excellent little "framework" for making HTML slide presentations, with animations, transitions and such.
Link: deck.js
I love it!
There is a great list of such presentation templates:
https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript
I found deck.js to be the best compromise between:
simplicity: you write the html and launch it in your browser, no need for a web server
customization possibilities thanks to the themes and clean structure letting you create your own CSS style easily
functionality with the extensions
possibility to print usable handouts
Keydown is a good alternative which uses deck.js and markdown language to write the slides but requires ruby to create the html.
The two options, I can recommend are following
Nivo Slider : You can hard code the images and links
Agile Carousel : Have the option to set it against some server script for rendering output
Use this library to make interactive presentations, stories or ads.
BoardJS