Scribd
Upload
72 views3 pages

Web Design

The document provides an overview of various front-end technologies including Bootstrap, HTML5, CSS3, responsive web design (RWD), SASS/LESS frameworks, and debugging tools. It lists topics covered for each technology along with reference links. Suggestions are made to learn SASS/LESS, view examples from HCL ETS, ensure accessibility, and obtain online certifications. Regards are provided by the author Sudhagaran.R.

Uploaded by

chavs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
72 views3 pages

Web Design

The document provides an overview of various front-end technologies including Bootstrap, HTML5, CSS3, responsive web design (RWD), SASS/LESS frameworks, and debugging tools. It lists topics covered for each technology along with reference links. Suggestions are made to learn SASS/LESS, view examples from HCL ETS, ensure accessibility, and obtain online certifications. Regards are provided by the author Sudhagaran.R.

Uploaded by

chavs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

sirish

Dot Com Infoway

Hi Team,

KT session covered and go through below reference links. Try with sample exercise.

SI.n Technology Topics Covered Reference


o

1. Bootstrap Scaffolding http://twitter.github.io/bootstrap/


Base CSS
Components
Components JS
2. HTML5 Basic tags and new http://www.html5.com/
tags added
http://www.w3schools.com/tags/default.asp

3. CSS3 @Media queries http://www.w3schools.com/css3/


Effects
Transformation http://www.css3.com/
4. RWD Different screen http://en.wikipedia.org/wiki/Responsive_web_design
sizes
Resolution http://johnpolacek.github.com/scrolldeck.js/decks/responsi
Navigation ve/
@media queries
http://2012.buildconf.com

PFA(RWD pdf).

5. CSS3 Inheritance http://lesscss.org/


extension Mixins
Variables http://sass-lang.com/
(SASS & Nesting
LESS
frameworks)

6. Debugging Firebug(Debuggin http://www.sublimetext.com/2


+ g)
Editing tool YSlow(Performan Debugging tools ,try to download through Add-ons
s ce debugging) options in Firefox.
Sublime
Text(Editor)

Suggestions and learning track in NUI development:

Learning SASS or LESS will push you to next level of HTML5 development Refer
Dr. Rama Kannegantis suggestions.

http://www.kanneganti.com/technical/html5-design-knowledge-for-
application-developers/

Suggest to view the NUI portal of HCL ETS(startup with front-end technology ).

https://nui.hclets.com/(jquery/dojo)

For Accessibility Needs, please go through the below for reference.

http://developer.chrome.com/extensions/a11y.html

http://msdn.microsoft.com/en-us/expression/dd565495.aspx

http://support.microsoft.com/kb/308978 - to test your page.

http://webdesign.about.com/od/accessibility/Web_Accessibility.htm

http://www.yale.edu/ynhti/curriculum/units/1999/7/99.07.06.x.html
Try with online certification for HTML,CSS,JS.

http://www.ncsacademy.com/freetest.cfm

Regards,

Sudhagaran.R

9500013148.

You might also like