TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. WRAPPING NEWLINES VIA CSS This is a simple tip on how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

NEW BLOG - AURALINNA.BLOG My new web development blog is here! My blog posts most likely will be front end oriented but you might find something related to back end coding and general development topics as well. Purpose of this blog is to share something I have learnt and help others to find solutions. I'm also going to use this blog as my personal notebook. Currently I have few topics on my mind and I'll try to keep BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. WRAPPING NEWLINES VIA CSS This is a simple tip on how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

NEW BLOG - AURALINNA.BLOG My new web development blog is here! My blog posts most likely will be front end oriented but you might find something related to back end coding and general development topics as well. Purpose of this blog is to share something I have learnt and help others to find solutions. I'm also going to use this blog as my personal notebook. Currently I have few topics on my mind and I'll try to keep BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. WRAPPING NEWLINES VIA CSS This is a simple tip on how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

NEW BLOG - AURALINNA.BLOG My new web development blog is here! My blog posts most likely will be front end oriented but you might find something related to back end coding and general development topics as well. Purpose of this blog is to share something I have learnt and help others to find solutions. I'm also going to use this blog as my personal notebook. Currently I have few topics on my mind and I'll try to keep BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. WRAPPING NEWLINES VIA CSS This is a simple tip on how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. NEW BLOG - AURALINNA.BLOG My new web development blog is here! My blog posts most likely will be front end oriented but you might find something related to back end coding and general development topics as well. Purpose of this blog is to share something I have learnt and help others to find solutions. I'm also going to use this blog as my personal notebook. Currently I have few topics on my mind and I'll try to keep HOW TO BUILD A COMPLETE FORM WITH VUE.JS CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO CREATE MATERIAL DESIGN LIKE FORM TEXT FIELDS WITH This post shows how to implement Material Design like form text fields with a floating label and an expanding underline bar animation. The post includes examples of how to style text fields with and without Javascript. Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology

and science.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. NEW BLOG - AURALINNA.BLOG My new web development blog is here! My blog posts most likely will be front end oriented but you might find something related to back end coding and general development topics as well. Purpose of this blog is to share something I have learnt and help others to find solutions. I'm also going to use this blog as my personal notebook. Currently I have few topics on my mind and I'll try to keep HOW TO BUILD A COMPLETE FORM WITH VUE.JS CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO CREATE MATERIAL DESIGN LIKE FORM TEXT FIELDS WITH This post shows how to implement Material Design like form text fields with a floating label and an expanding underline bar animation. The post includes examples of how to style text fields with and without Javascript. Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology

and science.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. NEW BLOG - AURALINNA.BLOG My new web development blog is here! My blog posts most likely will be front end oriented but you might find something related to back end coding and general development topics as well. Purpose of this blog is to share something I have learnt and help others to find solutions. I'm also going to use this blog as my personal notebook. Currently I have few topics on my mind and I'll try to keep MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO AXIOS I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. WRAPPING NEWLINES VIA CSS This is a simple tip on how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

CODE SYNTAX HIGHLIGHTING WITH ANGULAR AND PRISM.JS I implemented Prism.js based code syntax highlight feature for my blog. This blog post shows how to use Prism with Angular. Prism is a lightweight, extensible syntax highlighter, built with modern web

standards in mind.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO BUILD A COMPLETE FORM WITH VUE.JS BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

CODE SYNTAX HIGHLIGHTING WITH ANGULAR AND PRISM.JS I implemented Prism.js based code syntax highlight feature for my blog. This blog post shows how to use Prism with Angular. Prism is a lightweight, extensible syntax highlighter, built with modern web

standards in mind.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

BLOG POSTS RELATED TO SYNTAX HIGHLIGHTING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. WRAPPING NEWLINES VIA CSS This is a simple tip on how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. HOW TO BUILD A COMPLETE FORM WITH VUE.JS Lately I have experimented with Vue.js JavaScript Framework. In this post I will show how to build a functional form with Vue.js. Forms are essential part of almost every web application so I wanted to see how to build a basic form with the following specs. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. HOW TO BUILD A COMPLETE FORM WITH VUE.JS Lately I have experimented with Vue.js JavaScript Framework. In this post I will show how to build a functional form with Vue.js. Forms are essential part of almost every web application so I wanted to see how to build a basic form with the following specs. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USINGHOW TO INSTALL NG BOOTSTRAPNG BOOTSTRAP TABNG BOOTSTRAP VS BOOTSTRAPNG BOOTSTRAP DROPDOWNNG BOOTSTRAP MODALNG BOOTSTRAP VERSIONS Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USINGHOW TO INSTALL NG BOOTSTRAPNG BOOTSTRAP TABNG BOOTSTRAP VS BOOTSTRAPNG BOOTSTRAP DROPDOWNNG BOOTSTRAP MODALNG BOOTSTRAP VERSIONS Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. HOW TO BUILD A COMPLETE FORM WITH VUE.JS Lately I have experimented with Vue.js JavaScript Framework. In this post I will show how to build a functional form with Vue.js. Forms are essential part of almost every web application so I wanted to see how to build a basic form with the following specs. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USINGHOW TO INSTALL NG BOOTSTRAPNG BOOTSTRAP TABNG BOOTSTRAP VS BOOTSTRAPNG BOOTSTRAP DROPDOWNNG BOOTSTRAP MODALNG BOOTSTRAP VERSIONS Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. TERO AURALINNA'S WEB DEVELOPMENT BLOG March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved the way for my career. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

HOW TO BUILD A COMPLETE FORM WITH VUE.JS SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USINGHOW TO INSTALL NG BOOTSTRAPNG BOOTSTRAP TABNG BOOTSTRAP VS BOOTSTRAPNG BOOTSTRAP DROPDOWNNG BOOTSTRAP MODALNG BOOTSTRAP VERSIONS Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. HOW TO BUILD A COMPLETE FORM WITH VUE.JS Lately I have experimented with Vue.js JavaScript Framework. In this post I will show how to build a functional form with Vue.js. Forms are essential part of almost every web application so I wanted to see how to build a basic form with the following specs. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. TERO AURALINNA'S WEB DEVELOPMENT BLOG Tero Auralinna's blog about intriguing world of web development. I'm a Full Stackish web developer with a strong passion for a beautiful

front-end.

MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO BUILD A COMPLETE FORM WITH VUE.JS GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are CODE SYNTAX HIGHLIGHTING WITH ANGULAR AND PRISM.JS I implemented Prism.js based code syntax highlight feature for my blog. This blog post shows how to use Prism with Angular. Prism is a lightweight, extensible syntax highlighter, built with modern web

standards in mind.

CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USINGHOW TO INSTALL NG BOOTSTRAPNG BOOTSTRAP TABNG BOOTSTRAP VS BOOTSTRAPNG BOOTSTRAP DROPDOWNNG BOOTSTRAP MODALNG BOOTSTRAP VERSIONS Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

TERO AURALINNA'S WEB DEVELOPMENT BLOG Tero Auralinna's blog about intriguing world of web development. I'm a Full Stackish web developer with a strong passion for a beautiful

front-end.

MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

SCROLL TO THE TOP ON ANGULAR ROUTE CHANGE Scroll to the top on Angular route change. Published on January 16, 2018. Edited on June 11, 2019. SETTING UP WEBPACK 4 FOR A PROJECT This blog post shows how to setup webpack 4 module bundler for development. This webpack tutorial contains many common examples you might need to configure when doing JS application development with the

webpack.

HOW TO BUILD A COMPLETE FORM WITH VUE.JS GLOBAL HTTP REQUEST AND RESPONSE HANDLING WITH THE AXIOS This is a short example of how to catch all Axios HTTP requests, responses, and errors. Catching is implemented with the Axios feature called interceptors. It's possible to catch all requests before they are sent and modify them. Also, responses and errors can be caught globally. For example, interceptors are useful when you want to modify request headers before a request is sent or you are CODE SYNTAX HIGHLIGHTING WITH ANGULAR AND PRISM.JS I implemented Prism.js based code syntax highlight feature for my blog. This blog post shows how to use Prism with Angular. Prism is a lightweight, extensible syntax highlighter, built with modern web

standards in mind.

CROP AND RESIZE IMAGES WITH CSS Sometimes you don't have an option to crop images on the server-side so you need to do the cropping in the browser instead. Here are a few examples of how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize the visible area of

the image.

HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USINGHOW TO INSTALL NG BOOTSTRAPNG BOOTSTRAP TABNG BOOTSTRAP VS BOOTSTRAPNG BOOTSTRAP DROPDOWNNG BOOTSTRAP MODALNG BOOTSTRAP VERSIONS Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. HOW TO TRANSFER THE ANGULAR SERVER-SIDE STATE TO THE By default, the Angular Universal app makes HTTP requests again when app is bootstrapped even app is already rendered on the server side. Though there is a really simple solution which can be implemented without any actual code changes. At first when I tried to find how to prevent requests I only found tutorials how to implement this at the

component level.

MY WEB DEVELOPER CAREER STORY I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. Here is a story how I got tangled in the web and how I ended up to work as a web developer. There have been three major occurrences which have paved

the

BLOG POSTS RELATED TO WEB DEVELOPMENT My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. HOW TO BUILD A COMPLETE FORM WITH VUE.JS Lately I have experimented with Vue.js JavaScript Framework. In this post I will show how to build a functional form with Vue.js. Forms are essential part of almost every web application so I wanted to see how to build a basic form with the following specs. BLOG POSTS RELATED TO SERVER-SIDE RENDERING I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS RELATED TO MATERIAL DESIGN I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. BLOG POSTS PUBLISHED IN THE YEAR 2018 My web developer career story. March 28, 2018. I have worked in the web industry since 2005 as a front-end and back-end developer. I created my first websites in the '90s. BLOG POSTS RELATED TO CSS Navigation wizard example with equal width steps and flexible width of the last step. January 1, 2018. This blog post explains how to create a navigation wizard in BLOG POSTS RELATED TO JAVASCRIPT I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. HOW TO CUSTOMIZE BOOTSTRAP STYLES AND VARIABLES WHEN USING Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. BLOG POSTS RELATED TO ANGULAR UNIVERSAL Blog platform changes. November 20, 2017. Blog is now moved on top of new platform. Content is handled via Contentful and rendered by Angular. I also implemented Spring Boot based REST API for retrieving content from Contentful. Auralinna.blogTero Auralinna's blog about intriguing world of web development. Tweaking pixels since the '90s. I am an experienced web developer with an eye for a solid UI/UX design. I have specialized in front-end development, responsive web design, modern web frameworks, and Content Management Systems. I also have experience in mobile apps development and back-end coding with PHP, Node.js, and Java. So I am a Full Stackish web developer with a strong passion for a beautiful front-end. HOW TO FETCH YOUR PUBLIC PHOTOS FROM INSTAGRAM WITHOUT THE API

October 24, 2019

This post contains a short demo about how you can fetch your Instagram photos without the usage of Instagram API, which requires a user to authenticate. This technique is based on the