Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged Html

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
ghostman905

Make Iphone apps using HTML5 - CSS - JAVASCRIPT - 0 views

web-lessons-100.blogspot.com/...hone-apps-using-html5-css.html

iphone apps using html css javascript gwpedia

shared by ghostman905 on 30 Aug 15 - No Cached
  • ghostman905 on 30 Aug 15
     
    design, and develop you iphone software using html5, and javascript
Jochen Burkhard

HTML5Rocks - Home - 0 views

www.html5rocks.com

html5 google tutorials html presentations webdesign

shared by Jochen Burkhard on 23 Jun 10 - Cached
  • Jochen Burkhard on 23 Jun 10
     
    This site, the HTML5 playground, and the presentation slides are open source projects. Tweak the code or contribute new guides!
Jochen Burkhard

25 HTML5 Features, Tips, and Techniques you Must Know | Nettuts+ - 0 views

net.tutsplus.com/...s-and-techniques-you-must-know

html5 features webdesign tips tutorials nettuts

shared by Jochen Burkhard on 04 Aug 10 - Cached
  • Jochen Burkhard on 04 Aug 10
     
    This industry moves fast - really fast! If you're not careful, you'll be left in its dust. So, if you're feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.
Jochen Burkhard

HTML Cheatsheet | Webmonkey | Wired.com - 0 views

www.webmonkey.com/...html_cheatsheet

html cheatsheet webmonkey tutorial web design webdesign

shared by Jochen Burkhard on 14 Dec 10 - Cached
  • Jochen Burkhard on 14 Dec 10
     
    HTML Cheatsheet By Webmonkey Staff Keep this cheatsheet handy - it contains the most common HTML tags and their proper syntax.
awqi zar

code · Video for Everybody! - 8 views

camendesign.com/...video_for_everybody

html5 flash html code browser web article tutorial guide

shared by awqi zar on 14 Feb 10 - Cached
  • awqi zar on 14 Feb 10
     
    Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 element, falling back to QuickTime and Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don't support Flash) and on many, many browsers and platforms.
qualitypoint Tech

HTML Quiz Questions and Answers - 3 views

qualitypoint.blogspot.com/...-questions-and-answers_17.html

html Quiz web

shared by qualitypoint Tech on 19 Jan 10 - Cached
  • qualitypoint Tech on 19 Jan 10
     
    Find below MCQ (Multiple Choice) questions and Answers useful for learning HTML.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

jontangerine.com/...m-and-elastic-layouts-with-css

blog css tools webdesign typography design fonts text layout web framework layouts em elastic

shared by Soul Book on 01 Apr 10 - Cached
  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  • Soul Book on 01 Apr 10
     
    A nice and simple explanation of using EMs to make elastic layouts
Jochen Burkhard

Rethinking Forms in HTML5 | Nettuts+ - 0 views

net.tutsplus.com/...rethinking-forms-in-html5

Form HTML 5 Tutorial

shared by Jochen Burkhard on 10 May 10 - Cached
  • Jochen Burkhard on 10 May 10
     
    While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms. These simple changes will transform how you enter, validate, process, and even display inputs. You will be able to create more usable web applications with less code and less confusion.
Jochen Burkhard

The best JavaScript and HTML Editor for Web development :: JetBrains WebStorm - 0 views

www.jetbrains.com/webstorm

editor javascript html IDE

shared by Jochen Burkhard on 20 Jan 11 - Cached
  • Jochen Burkhard on 20 Jan 11
     
    reate great web sites in a great editor The best JavaScript, CSS and HTML editor is at your fingertips. Navigate through files easily. Use relevant autocompletion for everything in your code. Get notified about code problems on the fly. Complicated languages mixtures with HTML markup or SQL inside a JavaScript? Check how a modern IDE such as WebStorm handles this.
Jochen Burkhard

Web Developer Basics: Link Relations In HTML5 - www.htmlgoodies.com - 0 views

www.htmlgoodies.com/...3918246

developer basics web links relations

shared by Jochen Burkhard on 27 Dec 10 - No Cached
  • Jochen Burkhard on 27 Dec 10
     
    In the first installment of this series, we introduced HTML5 and saw how much of its most basic syntax is far more simple and direct than the way most developers are used to coding. In this article, we'll look at some other basic tags and see some of the power of the language. A great deal of this power is due to the fact that browsers are becoming so powerful themselves that they can almost be looked at as "display engines". So HTML5 lets you design and code at a higher level conceptually, leaving some of the implementation details to the browser.
the MageComp

Adding custom code in Magento 2 HTML tag - 0 views

magecomp.com/...ode-in-magento-2-head-html-tag

magento2 addcustomcode magento2htmltag headsection customcode javascript

shared by the MageComp on 01 Apr 21 - No Cached
  • the MageComp on 01 Apr 21
     
    Magento 2 allows you to add custom code in HTML tag to link any external resources, add metadata or JavaScript code for search engine and store demo notice. Let's learn Adding custom code in Magento 2 HTML tag.
esigners

SEO Friendly Web Design Guidelines - 1 views

www.esigners.in/friendly-web-design-guidelines

shared by esigners on 21 Aug 20 - No Cached
  • esigners on 21 Aug 20
     
    The importance of web design as an SEO-friendly tool transcends mere aesthetics. As you keep reading this piece, you'll actually find out what we mean. Now, SEO friendly web design can very simply be described as a process of crafting websites that can be easily crawled, understood and indexed by the search engines. The very fundamental defining equation between web design and SEO friendliness - is - of course - the HTML code. The search engines are not capable of interacting with websites as humans do. It's the HTML code which provides the signals to these search engines to understand how well a particular website is structured and eventually crawl and index it. Some of the integral parts of the "structure" that we are speaking about are Accessibility, Internal link structure, User Experience, Site Structure and On-Page SEO Optimization. As has been stated earlier, the look of the website governed by its font, colors etc is not something the Search Engine takes into account while crawling or indexing your website. Accessibility Make sure that your website is properly accessible by the optimizing your Robots.txt, checking and eliminating crawl errors by using efficient tools, submitting and optimizing your XML sitemap and using a canonical URL. Do not forget to:  Specify your pages to Google by setting a preferred domain  Using Alt Text for Images  Add special tags to your HTML Code to facilitate structured data markup Internal Link Structure You can improve your internal link structure by ensuring that all your important web pages are directly linked to from your home page. By doing that you would be able to ensure improved crawling and indexing, direct traffic to the most important web pages, topic relevancy and better SEO. User Experience Several factors that determine whether or not your users would like to stay on your page. The very first thing that you would want to remember is the fact that they don't like to wait. Your web
anonymous

20+ Thoughts on CSS/HTML Preprocessors and Frameworks - 2 views

www.htmlcut.com/...ghts-on-css-preprocessors.html

css preprocessors frameworks webdesign html5 css3

shared by anonymous on 28 Nov 12 - No Cached
  • anonymous on 28 Nov 12
     
    A collection of controversial articles about CSS HTML preprocessors and frameworks and their role in the modern web design and front-end development: opinions, thoughts, and case studies.
« First ‹ Previous 81 - 100 of 3340 Next › Last »
Showing 20▼ items per page