Archieven

HTML5

2017.04.20 Exploring .NET’s memory management – a trip down memory lane

Thursday, April 20, 2017
Exploring .NET’s memory management – a trip down memory lane
Maarten Balliauw
Zaventem
http://www.visug.be/Events/Details/42

2017.03.14 Modern tools for the front-end developer

Tuesday, March 14, 2017
Modern tools for the front-end developer
Barbara Tombeur
Mechelen
http://www.visug.be/Events/Details/40

SmashingApps nu op nieuw WordPress thema

Smashingapps draait nu op een nieuw (en gratis) WordPress.
We Listened And Improved: A New Look of SmashingApps.com Is Welcoming You

En misschien is dit het moment om een aantal interessante artikels van deze zeer interessante site voor devigners op een rijtje te zetten. Kwestie van je zin te doen krijgen die site eens te ontdekken als je hem nog niet kent…

Interessante links voor designers

Nog wat interessante lectuur van Smashingapps voor designers :

50 Fantastic And Free Web UI Kits
http://www.smashingapps.com/2014/05/06/50-fantastic-and-free-web-ui-kits.html

Stunning Shades of Grey in Web Designs
http://www.smashingapps.com/2014/05/04/stunning-shades-of-grey-in-web-designs.html

14 Free Server & Network Monitoring Tools
http://www.smashingapps.com/2014/05/02/14-free-server-network-monitoring-tools.html

40 Useful Javascript Tools & Resources
http://www.smashingapps.com/2014/05/01/40-useful-javascript-tools-resources.html

 

Interessante links voor designers

10 High Quality Free Ribbon Fonts
http://www.smashingapps.com/2014/04/16/10-high-quality-free-ribbon-fonts.html

Collection Of jQuery Plugins For Filtering And Sorting Items
http://www.smashingapps.com/2014/04/17/collection-of-jquery-plugins-for-filtering-and-sorting-items.html

Free Custom Icon Font Generators for Designers
http://www.smashingapps.com/2014/04/17/free-custom-icon-font-generators-for-designers.html

Nieuw in F12 developer tools

De Windows 8.1 update bracht een aantal wijzigingen aan de F12 developer tools in Internet Explorer. Het IE team publiceerde daarover net een heel interessant artikel:

What’s new in F12 with Windows 8.1 Update
http://blogs.msdn.com/b/ie/archive/2014/04/14/what-s-new-in-f12-with-windows-8-1-update.aspx

Daarin lezen we o.m.

Tracking Changes you make in CSS with Change-bars

Je kan aan de linkerkant van het editor scherm aan de hand van change-bars zien welke wijzigingen je laatst hebt aangebracht. Die aanduidingen blijven zichtbaar ook als je naar andere DOM elementen kijkt.

Het CSS panel heeft een nieuwe tab ‘Changes’ – en je kan wijzigingen ongedaan maken, of kopiëren over nodes heen.

Debugging your App with “Just My Code”

De debugger zal je niet laten stappen in een externe bibliotheek. Als je breaks aanzet, zal je die niet doen stoppen in ene break in een externe bibliotheek. Er komt binnenkort meer over dit thema.

Debugging your App written with other Languages using Source Maps (v3)

De code die je in de debugger ziet, is mogelijk niet de code die de auteur geschreven heeft, maar in Javascript gecompileerde code. Daarom zal de oorspronkelijke code getoond worden eerder dan de Javascript.

Three way snapshots

Om geheugenlekken makkelijker en beter te detecteren, worden drie snapshots van het geheigen genomen, en met elkaar vergelken.

Tooling for IE on Windows Phone in Visual Studio 2013 Update 2

Other improvements: Shell, Console, Debugger, DOM Explorer, Emulation, UI Responsiveness, Memory

Leestip: Useful And Fresh HTML5 & CSS3 Tutorials

Interessante pagina:

Useful And Fresh HTML5 & CSS3 Tutorials

http://www.smashingapps.com/2014/04/05/useful-and-fresh-html5-css3-tutorials.html

Freecode

Interessante (updates van) openbron .NET, HTML5 en andere projecten in Freecode:

EUGene
2.7.3
07 Jan 2014 22:15
Release Notes: This version adds the ability to give a suffix in getJavaBeanMethodName and updates xerces to 2.11.0.
http://freecode.com/projects/eugene/releases/360484

HTMLDOC
1.8.28
06 Jan 2014 21:49
Release Notes: This release fixes some known security issues and formatting bugs.
http://freecode.com/projects/htmldoc/releases/360462

LanguageTool
2.4.1
09 Jan 2014 21:58
Release Notes: A bug has been fixed that caused performance problems when spellchecking American English text. The problem didn’t affect LibreOffice/OpenOffice, thus only the stand-alone version gets an update
http://freecode.com/projects/languagetool/releases/360540

SharpDevelop
SharpDevelop 4.4.1 [4.4.1.9729] (1/27/2014)
•Fix: Compilation fails because file cannot be copied from obj to bin (MSB3021)
•Fix: Incorrect property used in WpfDesigner.Designer.ModelTools
•Fix: WPF – Name changes are now performed using the UndoService
SharpDevelop 5.0 Beta 1 [5.0.0.3652] (1/26/2014)
•C#-only version of SharpDevelop
http://www.icsharpcode.net/

Beslissingsboom maken voor mobiel apparaat

V. Is het moeilijk om een beslissingsboom om te zetten in een mobiele app?

A. Neen – in se volstaat pure HTML (linken van een pagina naar en andere – klikken op die link is antwoorden op vraag. Vraag is wat het bijbrengt, of je nieuwe app iets gaat veranderen aan het mobiele landschap. Er bestaan al heel wat decision tree apps:

Niet navigeren op touch device?

V. Ik kan op sommige websites niet navigeren met mijn touch device. Wat kan ik doen? Moet ik de webmaster verwittigen?

A. Alles hangt er natuurlijk van af welke die website is, maar waarschijnlijk stoot je op een uitklapmenu. Zo’n menu plooit open bij het er over gaan let de muis, hoveren. Maar dat kan niet op een touch scherm. Wat je moet doen is aanraken en even niet loslaten. Zie:

Hover touch support
http://msdn.microsoft.com/en-us/library/ie/dn265029(v=vs.85).aspx

What happens to :hover on touch devices?
http://theamazingweb.net/2013/05/09/what-happens-to-hover-on-touch-devices/

Interessant: HTML5 en CSS3

Interessante lectuur voor webdesigners, website eigenaars en devigners:

8 Best HTML-CSS Frameworks Highly Recommended For Web Designers in 2014 http://www.bestpsdtohtml.com/8-best-html-css-frameworks-highly-recommended-for-web-designers-in-2014/

50 High Quality Free HTML5 And CSS3 Web Templates http://www.smashingapps.com/2013/10/18/50-high-quality-free-html5-and-css3-web-templates.html

The Best Free & Premium Tools For Monitoring Your Website’s Uptime http://www.smashingapps.com/2013/10/21/the-best-free-premium-tools-for-monitoring-your-websites-uptime.html

Ontwikkelen voor IE11

Internet Explorer 11 is in voorbereiding. Als je een website wil ontwikkelen voor dit nieuwe platform, kan je terecht bij:

Aangepaste tegel voor je website

Dit is hoe je een aangepaste tegel kan maken voor je website die op Windows Phone wordt getoond:

  1. Maak een afbeelding van 768×768 pixels (of lagere resolutie). Je kan die transparant maken, en ze zal gebruikt worden als vastgepind scherm.
  2. Definieer een overlay DIV in je HTML code die verborgen is.
  3. Maak Javascript code om die overlay zichtbaar te maken.

Details en code op

http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/10/19/creating-a-custom-tile-to-link-to-your-website.aspx

Freecode

Interessante (updates van) openbron .NET en andere projecten in Freecode:

CSS3 Drop Shadows
0.12
06 Jul 2013 14:10
Release Notes: This release upgrades to Ruby 2.0.0.
http://freecode.com/projects/css3-drop-shadows/releases/356058

Rikulo
Rikulo UI is a framework for creating incredible cross-platform Web and native mobile applications using Dart and HTML5.
0.6.7
12 May 2013 01:56
Release Notes: This is a maintenance update to fix a few minor bugs.
http://freecode.com/projects/rikulo/releases/354602

Guacamole
Guacamole is an HTML5 Web application that provides access to desktop environments using remote desktop protocols such as VNC or RDP. A centralized server acts as a tunnel and proxy, allowing access to multiple desktops through a Web browser. No plugins are needed. The client requires nothing more than a Web browser supporting HTML5 and AJAX.
0.8.1
01 Jun 2013 08:29
Release Notes: SSH is now supported. Non-US keyboard support has been added. RDP performance has been improved. A Firefox-specific connection stability bug has been fixed. Cursor rendering in RDP for Excel, LibreOffice, and similar applications has been fixed
http://freecode.com/projects/guacamole/releases/355178

Nearforums
9.0
04 Jun 2013 21:54
Release Notes: This release adds SQL Azure support, adds an Admin UI for Forum Categories, avoids HTML validation for certain roles, improves profile picture moderation and support, can warn/suspend/ban users, allows Web administration of site settings, and adds Extensions support.
http://freecode.com/projects/nearforums/releases/35526 6

Internet Explorer op BUILD

Deze drie dagen gaat de BUILD conferentie door in San Francisico. Een aantal sessies zijn gewijd aan Internet Explorer:

This year’s BUILD conference is June 26-28 at the Moscone Center in San Francisco, California.  This will be the first broad discussion and distribution of the next versions of Windows and Internet Explorer, and we hope to see many of you there!

The IE engineering team will have seven presentations at BUILD focusing on techniques and tools for building fast, touch-friendly, and immersive sites that harness the power of Windows. If you are at the show, we would encourage you to attend any of the following:

Session Title Summary
2-066 New IE Developer Tools. F12 developer tools have been completely re-imagined for IE11.
2-067 New Platform Capabilities for Advancing Web Development Learn how to take advantage of the latest Web technologies, interoperably.
3-068 Web run-time performance Learn new techniques for analyzing and improving site performance.
3-069 Web Compatibility and Same Markup Build sites that provide great experiences across modern browsers.
3-071 Lighting up your site on Windows 8.1 Leverage the power of the Windows platform to create amazing sites.
4-072 Hyper-fast Web graphics with WebGL Learn how to create sites that provide 3D graphic experiences for IE11.

http://blogs.msdn.com/b/ie/archive/2013/06/25/welcome-to-build.aspx

Pagineren in jQuery

Interessante post op Smashingapps:
16 Beautiful jQuery Pagination Plugins
http://www.smashingapps.com/2013/05/06/16-beautiful-jquery-pagination-plugins.html

modern.IE nieuws

De website modern.IE is een geweldige tool voor het checken van mogelijke compatibiliteitsproblemen van die nieuwe site waar je aan aan het werken bent en die je optimaal wil laten werken op het Windows 8 platform. Die website is gisteren uitgebreid met nieuwe Virtual Machines (IE10 op W7, IE8 op WXP). Verder kunnen Mac gebruikers er een Windows Quickstart Kit met WIndows 8 met Parallels Desktop bestellen. Verder zijn de controletools uitgebreid om ook achter een firewall optimaal te functioneren.

New on modern.IE: Free VM Downloads, Windows 8 QuickStart Kits, Enhanced Code-Scanning Tools, and More
http://blogs.msdn.com/b/ie/archive/2013/04/02/new-on-modern-ie-free-vm-downloads-windows-8-quickstart-kits-enhanced-code-scanning-tools-and-more.aspx

HTML5 ideetjes

Een must-read voor HTML5 devigners dioe op zoek zijn naar (nog meer) ideetjes, en voor anderen die zich afvragen of HTML5 dan zoveel beter is:

40 Inspirational Websites Powered By HTML5
http://www.smashingapps.com/2013/03/21/40-inspirational-websites-powered-by-html5.html

Internet Explorer 10 naast oudere versies

V. Kan ik naast IE10 oudere versies van Internet Explorer installeren op mijn Windows 7 of Windows 8? Gewowon installeren dus, niet in een Virtual Machine.

A. Neen, dat gaat niet – tenzij in een Virtual Machine.

Maar Internet Explorer bevat wel de developer tools (F12). Eén van die tools is Browser switch, waarmee je je de pagina kan laten weergeven als was het in IE10 modus / IE10 compatibitibliteitsweergave / IE9 / IE8 / IE7.

ie10browsermode

Let op: dit is niet echt de rendering in die oudere browsers. Dit is voornamelijk het wijzigen van de user agent string, waardoor de webpagina gelooft dat het over zo’n browser gaat.

Méér nodig? Misschien moet je eens kijken naar Superpreview, onderdeel van Expression Web 4. Die emuleert naast IE6-IE7-IE8-IE9 ook FF3-3.6.

Informatie over de functie SuperPreview in Expression Web 4.0
http://support.microsoft.com/kb/2445851/nl

Een Windows 8 tegel voor je website

Het is heel eenvoudig om een Windows 8 tegel in te bouwen in je website. Kies een kleur en noteer die RGB code, en maak een PNG bestand. Voeg dan deze code toe aan je HEAD:

<meta name=”msapplication-TileColor” content=”#rrggbb” />
<meta name=”msapplication-TileImage” content=”jelogo.png” />

WordPress gebruiker? Dan kan je het bv doen met Add code to Head.

Op naar HTML5 met modern.IE

Een project bedenken is mooi, een project analyseren en coderen is leuk (!), een design maken is prachtig. En dan weet je dat er op een gegeven moment onvoorziene problemen (zullen) opduiken, en dat je misschien allerlei dingen (ingrijpend) gaat wijzigen omdat je bv. niet voldoende aan een platform gedacht hebt.

Modern.IE is een kersverse tool waarmee je potentiële problemen op je website kan identificeren en remediëren, en je website kan voorbereiden op nieuwe/andere/meer technologieën.
modern.ie
Je krijgt als verslag deze details:
Fix common problems from supporting old versions of IE
– Known compatibility issues
– Compatibility Mode
– Frameworks & libraries
– Web standards docmode
Help this webpage work well across browsers, across devices
– CSS prefixes
– Browser plug-ins
– Responsive web design
– Browser detection
Consider building with some new features in Windows 8
– Touch browsing default
– Start screen site tile
modernie-report

 

Hoeveel gebruikers voor versie XYZ van Windows?

V. Is er een manier om te weten te komen hoeveel mensen Windows 8 gebruiken, of een andere versie, of een ander besturingssysteem. Ik zie in de pers allerlei cijfers die dan in andere pers radicaal worden onderuit gehaald.

A. Ja, er zijn gegevens. Statcounter heeft globale grafieken over het gebruik van browsers en bestringssystemen: http://gs.statcounter.com

En andere sites als W3C hebben hun eigen gegevens op basis van de bezoeken aan hun website: http://www.w3schools.com/browsers/browsers_os.asp

HTML5 en CSS3 ideeën

Webdesign is ook en vooral kwestie van ideeën op te doen en te kijken wat anderen ervan maken – en dan zelf proberen dingen te doen, en nieuwe wegen in te slaan. Daarom: werp eens een blik op

16 Ridiculously Impressive CSS3 & HTML5 Experiments

http://www.smashingapps.com/2013/01/23/16-ridiculously-impressive-css3-html5-experiments.html

 

 

 

 

Gratis versie van Expression Web 4

Schitterend nieuws: er is een gratis versie gepubliceerd van Expression Web 4.

http://www.microsoft.com/en-us/download/details.aspx?id=36179

Formulieren ontwerpen voor Internet Explorer 10

Internet Explorer 10 heeft heel wat nieuwigheden voor formulieren aan boord. Bijvoorbeeld:

  • De omranding
  • De weergave van pijlen voor lijsten
  • De mogelijkheid om de invoer te wissen

Voor ontwikkelaars van websites willen we zeker vermelden:

  • nieuwe invoertypes, waarbij er controle wordt uitgevoerd op de invoer van de gebruiker: email, url,, number, telefoonnummer (tel)
  • nieuwe attributes of eigenschappen: required, pattern (patroon van invoer), min-max-stop (voor numerieke waarden), list, multiple (om het ingeven van meerdere waarden toe te laten)
  • nieuwe pseudoklassen voor het opmaken van invoervakken: :valid / :invalid // :required / :optional
  • de mogelijkheid om lokaal bestanden te maken en gebruiken
  • de mogelijkheid om fouten af te handelen

Meer informatie op http://ie.microsoft.com/testdrive/HTML5/Forms/default.html

ip-location