An improvised presentation (in Dutch) based on previous available materiaal. The slides are not all that pretty, but were more of an experiment in using LaTeX beamer class.
These are my slides for my presentation at Fronteers 2011. Ironic that I had to make images of my HTML slides and convert them to a PDF in order to upload them here. I will, however, post the HTML slides on my site shortly.
Style Guides Are The New Photoshop (Smashing Conference 2012)Stephen Hay
This talk was first presented at Smashing Conference (http://smashingconf.com/).
Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
These are my slides for my presentation at Fronteers 2011. Ironic that I had to make images of my HTML slides and convert them to a PDF in order to upload them here. I will, however, post the HTML slides on my site shortly.
Style Guides Are The New Photoshop (Smashing Conference 2012)Stephen Hay
This talk was first presented at Smashing Conference (http://smashingconf.com/).
Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.
2010 ISAP Conference - Using the Internet and Social Media in Immigrant Servi...settlementatwork
Slides from Marco Campana's 2010 ISAP conference presentation, focusing on how those serving immigrants and refugees can make use of social media in their client service work.
Modernization of Settlement:Definitions and VisionOntario Ministry of Citizenship and ImmigrationModernizing Settlement -Working in CIC's New Outcomes and Streams Approach 2009November 24, 2009Katherine HewsonAssistant Deputy MinisterCitizenship and Immigration Division
NOTE: This presentation is more than 6 years old! This is not the way to do things now. :-) - Stephen
Presentation for Fronteers 2008 conference in Amsterdam.
PHOTO CREDITS:
- slide 2: Andrea at http://indigovalleyphotography.com/
- slide 3: raywal65 @ morguefile (http://www.morguefile.com/forum/profile.php?username=RAYWAL65)
- slide 4: Kevin Connors (http://kconnors.com)
Bisnis harus menyadari tanggung jawabnya terhadap para pemangku kepentingan perusahaan dan membuat keputusan yang mencerminkan tanggung jawab ini --- Stakeholder Benefit.
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.
2010 ISAP Conference - Using the Internet and Social Media in Immigrant Servi...settlementatwork
Slides from Marco Campana's 2010 ISAP conference presentation, focusing on how those serving immigrants and refugees can make use of social media in their client service work.
Modernization of Settlement:Definitions and VisionOntario Ministry of Citizenship and ImmigrationModernizing Settlement -Working in CIC's New Outcomes and Streams Approach 2009November 24, 2009Katherine HewsonAssistant Deputy MinisterCitizenship and Immigration Division
NOTE: This presentation is more than 6 years old! This is not the way to do things now. :-) - Stephen
Presentation for Fronteers 2008 conference in Amsterdam.
PHOTO CREDITS:
- slide 2: Andrea at http://indigovalleyphotography.com/
- slide 3: raywal65 @ morguefile (http://www.morguefile.com/forum/profile.php?username=RAYWAL65)
- slide 4: Kevin Connors (http://kconnors.com)
Bisnis harus menyadari tanggung jawabnya terhadap para pemangku kepentingan perusahaan dan membuat keputusan yang mencerminkan tanggung jawab ini --- Stakeholder Benefit.
Toegankelijke websites voor alle doelgroepenMarijn Tijhuis
Workshop over toegankelijke websites bij VGN. Door Marijn Tijhuis van Mediamaal (www.mediamaal.nl)
Probeer eens door een andere bril naar de website van je organisatie te kijken. Stel, je bent een stuk ouder en hebt geen ervaring met internet, maar je wilt wel weten welke zorg jouw kind met een beperking krijgt of wat ook alweer het telefoonnummer van de betreffende locatie is. Of je bent blind, slechtziend, doof of slechthorend. Hoe ziet voor deze doelgroepen de gemiddelde website eruit? En hoe kun je je eigen website verbeteren om ook voor deze doelgroepen toegankelijk te zijn?
Presented at SMWCon Fall 2017 (https://www.semantic-mediawiki.org/wiki/SMWCon_Fall_2017/Implementing_Rule-based_Systems_with_Semantic_MediaWiki)
This talk presents an application Semantic MediaWiki to assessing student deliverables for both substantive feedback and official grades. This system offers several features that streamline different aspects of the grading process. These include determining feedback, calculating grades and performing simple learning analytics. The wiki uses Semantic Forms for efficient entry of feedback by the grader. This approach processes machine-readable student deliverables to propose some feedback to the human grader as prefilled wiki form code. The grader can then use forms to confirm or adapt the computer-generated feedback and to add more feedback. Once an assessment is complete, the wiki calculates a proposed grade for the grader to confirm or adapt. The wiki then also generates an email link with feedback for the student. Finally, the wiki provides some simple learning analytics about the feedback and grades to assist the grader in evaluating and adapting the assessment system.
Presentatie van Joost van der Schee over websites en mobiel tijdens het Content Power Symposium op 16 september 2011 in Delft. http://symposium.contentpower.nl
Waarom heeft de ene mobiele webshop een conversie van 4 procent en de andere webshop in dezelfde sector slechts een conversie van 1 procent? Dat verschil leerde u tijdens de interactieve masterclass aan de hand van diverse theorieën, methodieken en conversietools.
Presentatie over de verschillende aspecten van het schrijven van teksten voor websites. Daarnaast een vertaling van schrijven op taalniveau B1 naar het web.
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)Stephen Hay
My presentation for CSS Day 2013. Browser compatibility slide has been omitted; please check caniuse.com for Flexbox compatibility.
Please note that these slides are actually screenshots of a web page I made for the presentation, combined into a PDF to post here; thus, no plain text transcript.
Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay
A slightly modified version of the talk I first presented at Smashing Conference, now presented at Fronteers 2012. (http://fronteers.nl/congres/2012)
Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
Real-world Responsive Design @ Breaking Development 2011Stephen Hay
A presentation I gave at Breaking Development 2011 (which was an updated and modified version of the presentation I gave at Fronteers 2010). In this talk I touched on the new Flexbox draft and CSS3 Grid Layout. Interestingly enough, while I was presenting, Microsoft announced IE10, which includes support for both specs (as well as multicolumn layout).
Presentation for Dutch front-end developers association Fronteers, on the most important real-world aspects of the Dutch Web Guidelines. *The first slide in Comic Sans was intentionally bad.*
31. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
32. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
33. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
34. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
35. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
36. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
Senior, leeftijdsgebonden problemen
37. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
Senior, leeftijdsgebonden problemen
tekst vergroten, geen pop-ups, etc.
38. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
Senior, leeftijdsgebonden problemen
tekst vergroten, geen pop-ups, etc.
PDA-/mobiele telefoongebruiker
39. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
Senior, leeftijdsgebonden problemen
tekst vergroten, geen pop-ups, etc.
PDA-/mobiele telefoongebruiker
scheiding van style en content, etc.
40. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
Senior, leeftijdsgebonden problemen
tekst vergroten, geen pop-ups, etc.
PDA-/mobiele telefoongebruiker
scheiding van style en content, etc.
Gebruiker zonder duidelijke beperking
41. Sociaal
Online shopper, kleurenblind
gebruik van kleur, stylesheets, etc.
Student, doof
ondertiteling bij video, etc.
Accountant, blind
alt-tekst, taalwisselingen, tabellen, etc.
Senior, leeftijdsgebonden problemen
tekst vergroten, geen pop-ups, etc.
PDA-/mobiele telefoongebruiker
scheiding van style en content, etc.
Gebruiker zonder duidelijke beperking
geen javascript afhankelijkheid, etc.
59. Alternatieve teksten
alt-tekst
alt="druk op een icoon om een programma te openen"
60. De werking van een link niet beschrijven
Niet: Klik hier voor een transcriptie van de troonrede
61. De werking van een link niet beschrijven
Niet: Klik hier voor een transcriptie van de troonrede
Wel: Er is ook een transcriptie van de troonrede beschikbaar