Portfolio webdesign

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

HTML5 & CSS3

- Heemkunde Renkum Mensen

- Heemkunde Renkum Straten

- Wijkboekhouding Portfolio Masonry 4 with header photo

- Portfolio Wijkboekhouding Grid312

- Portfolio Wijkboekhouding Masonry 4 + Grid312

- Adapted Modal Popups Full Screen

- Modal Popup PORTFOLIO

---

2015-2016 designed HTML5 ||

HTML5 & CSS3 with(out) Canvas

- HTML5 CSS3 - HTML5 / HTML IN A CIRCLE

- HTML5 CSS3 - Composed with css @media type

- HTML5 CSS3 - parallelogram design in css3 format

- HTML5 CSS3 - Square rotated in red

- HTML5 CSS3 - TRIANGLE IN A CIRCLE

---

HTML ||

HTML5 & CSS3

- Images rendered in Base64

- WebM Video and (animated) Images

- WebP Images

---

HTML ||

HTML5 Canvas in Bootstrap 3

- Black and White Images rendered in Canvas

- Cropped Images rendered in Canvas

- Rotated Images rendered in Canvas

- Mirrored Images rendered in Canvas

- Horizontally Mirrored Images rendered in Canvas

- Filtered Images rendered in Canvas

- Focussing Images rendered in Canvas

- Text on Images rendered in Canvas

---

XHTML ||

XHTML 1.0 / XHTML 1.1 & CSS2.1 / CSS3

- XHTML 1.0 Strict & CSS3

- XHTML 1.1 & CSS3

---

XHTML ||

XHTML5 & CSS3

- XHTML5 - Lazy Loading Images

- XHTML5 - 1. Focus stacking using CSS3 'opacity'

- XHTML5 - 2. Focus stacking using CSS3 'opacity'

- XHTML5 - 1. Focus stacking with darktable

- XHTML5 - 2. Focus stacking with darktable

- XHTML5 - CSS3 Image Overlay - 'Multiple Exposure Effects'

---

SVG ||

Designed in HTML5 / CSS3 and SVG

- HTML5 CSS3 - HTML5 Scalable Vector Graphics WebPage / Use of SVG elements in HTML

- XML CSS3 - XML Scalable Vector Graphics WebPage / Use of SVG 1.1 elements in XML

- SVG XML CSS3 - Webdevelopment and Webdesign / PHOTOS made by ...

---

XML ||

Recently designed - in XML version 1.0 & CSS3

- XML version 1.0 || CSS3 - Basic Design

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

---

Portable ||

Portable sites in HTML5 & CSS3 (and @media)

- HTML5 / CSS3 - can only be used on smartphones

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

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

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

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

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

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

---

Bootstrap ||

Responsive Web Design based on Bootstrap

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

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

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

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

- Bootstrap | Full Responsive Bootstrap Webdesign with SVG CIRCLE in the background

- Bootstrap | Responsive Web Design with three columns & SVG background

- Bootstrap | a Portfolio linked to 4 Modal examples

---

Bootstrap ||

Responsive Web Design based on Bootstrap with photos

- PORTFOLIO: Collection of Mushrooms | photos in bootstrap

- PORTFOLIO: Collection of Glass Art | photos in bootstrap

- PORTFOLIO: Collection of Glass Art | photos in bootstrap

- PORTFOLIO: Collection of Wood | photos in bootstrap

- PORTFOLIO: Collection of Wood | photos in bootstrap

---

AMP ||

Accelerated Mobile Pages

- AMP WebPage with PWA Configuration

---

WordPress ||

Responsive Web Design based on WordPress

- WordPress - Begraafplaats Fangmanweg (2017)

- WordPress - Tempeladvies (2017)

---

PWA / Progressive Web App ||

Responsive Web Design based on PWA

- Portfolio Fotografie in HTML5

- Portfolio Fotografie in JSON en HTML5

- Portfolio Fotografie in JSON en XHTML5

- 'Dromen in een Mindmap'

- Lazy Loading Images