2015-2016 restyled HTML5 | 'FRANS.BEURSKENS.WORKS' Projects

HTML5 & CSS3

01: Heemkunde Renkum Mensen

02: Heemkunde Renkum Straten

03: Wijkboekhouding Portfolio Masonry 4 with header photo

04: Portfolio Wijkboekhouding Grid312

05: Portfolio Wijkboekhouding Masonry 4 + Grid312

06: Adapted Modal Popups Full Screen

07: Modal Popup PORTFOLIO

---

2015-2016 designed HTML5

HTML5 & CSS3 with(out) Canvas

01: HTML5 CSS3 - Artriskel (2015)

02: HTML5 CSS3 - Artriskel (2016) | See also Bootstrap

03: HTML5 CSS3 - HTML5 / HTML IN A CIRCLE

04: HTML5 CSS3 - Composed with css @media type

05: HTML5 CSS3 - Invisearch Bedrijfsrecherche

06: HTML5 CSS3 - parallelogram design in css3 format

07: HTML5 CSS3 - Square rotated in red

08: HTML5 CSS3 - TRIANGLE IN A CIRCLE

09: HTML5 CSS3 - WebDevelopment and WebDesign | ... | Joost van Meeteren | ...

---

Previously designed HTML5

HTML5 & CSS3

01: HTML5 CSS3 - Basic design in red and blue

02: HTML5 CSS3 - Basic design in red to blue

03: HTML5 CSS3 - Shades of gray and blue

---

HTML5 under construction

HTML5 & CSS3

01: HTML5 CSS3 - Basic design in green colors with a circle

02: HTML5 CSS3 - Photos loaded and edited with the HTML5 canvas element

03: HTML5 CSS3 - HTML5 Canvas WebPage / Use of canvas elements in a webpage ...

---

XHTML

XHTML 1.0 / XHTML 1.1 & CSS2.1 / CSS3

01: XHTML 1.0 Transitional & CSS2.1 (Joomla) - Tempeladvies

02: XHTML 1.0 Strict & CSS3

03: XHTML 1.1 & CSS3

---

SVG

Recently designed - in HTML5 / CSS3 and SVG

01: HTML5 CSS3 - HTML5 Scalable Vector Graphics WebPage / Use of SVG elements in a webpage ...

02: XML CSS3 - XML Scalable Vector Graphics WebPage / Use of SVG 1.1 elements in a XML webpage ...

03: XML CSS3 - Webdevelopment and Webdesign / PHOTOS made by ... - under construction

---

XML

Recently designed - in XML version 1.0 & CSS3

01: XML version 1.0 || CSS3 - Basic Design || W3C Markup Validation Service

02: XML & JS in HTML || Display XML Data in HTML ... using Javascript insertion

03: XML version 1.0 with(out) XLink ... CSS3 - Basic Design

---

Portable

Portable sites in HTML5 & CSS3 (and @media)

01: HTML5 / CSS3 - can only be used on smartphones

02: HTML5 / CSS3 - suitable for use in all screen formats

03: HTML5 / CSS3 - suitable for use in all screen formats

04: HTML5 / CSS3 - suitable for use in all screen formats

05: HTML5 / CSS3 - suitable for use in all screen formats

06: HTML5 / CSS3 - suitable for use in all screen formats

---

Bootstrap

Responsive Web Design based on Bootstrap

1a: Bootstrap - Artriskel (2015)

1b: Bootstrap - Artriskèl (2016) | See also Recently designed HTML5

02: Bootstrap - WEBDESIGN & photograpy by Joost v@n Meeteren

03: Bootstrap - WEBDESIGN & photograpy by Joost v@n Meeteren

04: Bootstrap & Responsive CSS Circles | A round button with a link in a circle

05: Bootstrap & Responsive CSS Circles | Rounded & linked image in a circle

06: Bootstrap & Responsive CSS Circles | A PNG background-image circle

07: Bootstrap & Responsive CSS Circles | A SVG background-image circle

08: Bootstrap | Full Responsive Bootstrap Webdesign with SVG CIRCLE in the background

09: Bootstrap | Responsive Web Design with three columns & SVG background

10: Bootstrap | a Portfolio linked to 4 Modal examples

---

Bootstrap

Responsive Web Design based on Bootstrap with photos

01: PORTFOLIO: Collection of Mushrooms | photos in bootstrap

02: PORTFOLIO: Collection of Glass Art | photos in bootstrap

03: PORTFOLIO: Collection of Glass Art | photos in bootstrap

04: PORTFOLIO: Collection of Wood | photos in bootstrap

05: PORTFOLIO: Collection of Wood | photos in bootstrap