University of Abertay Dundee - evening

hello.

Friday, 26 March 2010

Rachel Andrew

@rachelandrew

rachelandrew.co.ukedgeofmyseat.comgrabaperch.com

Who Are You?

The web industry

(according to Rachel)

<p><strong>Hello</strong>, world!</p>

(X)HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

Be Strict

Semantics

the meaning in your mark-up

<h1>The main heading</h1>

<h2>A sub heading</h2>

<h3>A sub-sub heading</h3>

Headings

<ul><li>Eggs</li><li>Flour</li><li>Milk</li>

<blockquote><p>Behind every successful woman is a substantial amount of coffee.</p></blockquote>

Quotes

Accessible

Core Skills

HTML/XHTMLCSS

Semantic use of mark-upConsideration of accessibility

Accessing the web

browsers and other devices

Browsers

Older browsers

Internet Explorer 6 - I’m looking at you...

Main IE6 issuesCSS bugs

Lack of support for some CSS propertiesNo Alpha PNG support

“Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.”

Tim Berners-Lee

Graded Browser Support

http://developer.yahoo.com/yui/articles/gbs/

Other devices

Phones, screen readers, the iPad, whatever comes next

JavaScript

<a href=”#” onclick=”window.open(‘/img/large.jpg’,‘popup’,‘300’,500’)”>view large image</a>

The bad old way

<a href=”/img/large.jpg” class=”popup”>view large image</a>

Unobtrusive

JavaScript libraries

jQueryYUI

Prototype

Mark-up.

JavaScript

Progressive enhancement

The server-side

Back-end development

All languages are rubbish.

pick the one you find least rubbish.

Pick One.

Databases

Frameworks

Excellent ... once you know how to code.

Use existing data sources

The Future

XHTML or HTML style

Browser Support

You can start using HTML5 right now.

HTML5 Resources

html5doctor.comhtml5demos.com

http://articles.sitepoint.com/article/html-5-snapshot-2009

Modular

Some modules more complete than others

li:first-child {}

li:last-child {}

tr:nth-child(odd) { }

New selectors

.box {border-radius: 5px

Backgrounds & Borders

.box { background-color:rgb(0,0,255); opacity: 0.5;}

.box { background-color: rgba(0,0,255,0.5);}

RGBa & Opacity

Browser Support

.box { border-radius: 5px moz-border-radius: 5px; webkit-border-radius: 5px;}

Vendor prefixes

Internet Explorer 9

Excellent CSS3 selector supportSupport for border-radius

CSS3 Resources

css3.infohttp://dev.opera.com/articles/css/

http://24ways.org/2009/cleaner-code-with-css3-selectors

Typography

@font-face { font-family: "gesta-1"; src: url(gesta.ttf); font-style: normal; font-variant: normal; font-weight: 400;}

@font-face

Hosted fonts

www.typekit.com

Over to you.

Any Questions?

Thank you.

Twitter: @rachelandrewEmail: me@rachelandrew.co.uk

http://www.rachelandrew.co.uk/presentations/university-of-abertay-dundee/

University of Abertay Dundee - evening

Technology

Transcript of University of Abertay Dundee - evening

Abertay University 2016 prospectus

Developing and Supporting the Curriculum Staff and the Curriculum: Challenges and Changes James Moir University of Abertay Dundee.

Andrea Cameron & Ahmad Alkhatib · & Ahmad Alkhatib . School of Social and Health Sciences, Abertay University, Dundee, DD1 1HG, Scotland, United Kingdom * Correspondence to: a.cameron@abertay.ac.uk

Dundee Economic Profile · Dundee Economic Profile 2015 2 Dundee City Map . Dundee Economic Profile 2015 3 Dundee Business Areas Map ... Dundee Creative Media District 38 Stobswell

Quo Vadis? – An introductory case study in GPS and database analysis Dr R.I.Ferguson University of Abertay Dundee School of Computing and Engineering Systems.

About Evening Telegraph · The Evening Telegraph is part of the DC Thomson Media group and serves distinctive content throughout Dundee. Our newspapers have been providing readers

Abertay Historical Society - Dundee · survived through the seventeenth and much of the eighteenth century owing to the strength of their salt sales. These could be considerable;

University of Abertay Dundee - afternoon

Abertay Teaching and Learning Enhancement Fund (ATLEF)funding*o.run.a.numberofprojects. .apply.as.an. Areawhereyoucan and help.makea. differenceatAbertay!¶ Abertay University ABERTAY

Development of biocomposite films incorporated with different … · 9 c Division of Food and Drink, School of Science, Engineering and Technology, University of 10 Abertay, Dundee

Profiling User Behaviour to Reveal Computer Misuse Mike Dowman Andrea Szymkowiak Natalie Coull Leslie Ball The University of Abertay Dundee Funded by the.

Dundee and the Reformation - Abertay Historical Society

Abertay Prospectus 12/13

Abertay University Outcome Agreement 2016-17

Dundee Business School - Abertay University · i Declaration I Sabiu Sani Bariki hereby declare that this thesis has been written by me, that it is the record of work carried out

Abertay University Overseas Pre Arrival guide 2015

Environmental Preservation of Timber in Buildings Preservation Book...Dr Jagjit Singh Director, Environmental Building Solutions Ltd Dr Nia White Lecturer, University of Abertay Dundee

Complexity, Modelling & Plants Teodor Ghetiu NSC Group, CoSMoS project Supervisors: Dr Fiona Polack and Dr Jim Bown 1 1 University of Abertay Dundee.

GOURLAYS - Abertay Historical Society · Foundry made its most conspicuous contribution in the building of locomotives for the Dundee and Newtyle and the Arbroath and Forfar Railways.

Abertay University - Universities Scotland Scotland Scotlands universities Abertay University Abertay University is an internationally recognised institution dating back to 1888, when