css Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/css/ Developer • YouTuber • Blogger Sun, 31 Oct 2021 13:04:26 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.timo-ernst.net/wp-content/uploads/2021/03/cropped-Timo-Ernst-Small-32x32.jpg css Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/css/ 32 32 Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript/ https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript/#respond Wed, 05 May 2021 18:11:17 +0000 https://www.timo-ernst.net/?p=4546 I found this great Photoshop tutorial by Dev Ed which inspired me to create my own implementation of a parallax effect based on his video in order to create more depth to websites and hey – a bit of eye candy never hearts, right? :-) So, here is my implementation below. As you can see […]

The post Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript appeared first on Timo Ernst.

Related posts:

  1. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
  2. SwiperJS React Video Tutorial | 2020
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript/feed/ 0 Arrows in React Swiper Js: How to Customize Prev/Next Button https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/ https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/#comments Sat, 12 Sep 2020 18:56:58 +0000 https://www.timo-ernst.net/?p=4236 I was asked on YouTube to explain how to customize the appearance of the prev/next arrows in the React version of Swiper Js. There are 2 methods. One is to simply overwrite the color value. The other one is to completely replace the image. Follow along to learn how to accomplish both. 1. Change Color of […]

The post Arrows in React Swiper Js: How to Customize Prev/Next Button appeared first on Timo Ernst.

Related posts:

  1. How to Set Responsive Breakpoints in Swiper React
  2. SwiperJS React Video Tutorial | 2020
  3. Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript
]]> https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/feed/ 3 PWA’s for Dummies – Progressive Web Apps in a Nutshell https://www.timo-ernst.net/blog/2019/05/25/pwas-for-dummies-progressive-web-apps-in-a-nutshell/ https://www.timo-ernst.net/blog/2019/05/25/pwas-for-dummies-progressive-web-apps-in-a-nutshell/#respond Sat, 25 May 2019 09:25:27 +0000 https://www.timo-ernst.net/?p=4164 In the beginning, I often struggled to understand what the purpose of a PWA is and found it hard to see what is a PWA after all? In this quick 10-min video I give you a quick introduction to Progressive Web Apps. In the next episode we’ll code a demo example together, so make sure […]

The post PWA’s for Dummies – Progressive Web Apps in a Nutshell appeared first on Timo Ernst.

Related posts:

  1. How to log in to Twitter API using oauth
  2. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  3. How to post tweets via Twitter API with Vue.js and Framework7
]]> https://www.timo-ernst.net/blog/2019/05/25/pwas-for-dummies-progressive-web-apps-in-a-nutshell/feed/ 0 Tutorial: Auto-Complete Search with React, Node and Framework7 https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/ https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/#respond Fri, 02 Nov 2018 22:48:21 +0000 https://www.timo-ernst.net/?p=4126 In this tutorial I will explain how you can easily use Framework7’s autocomplete feature for search input fields using React and web services with Node.js Source code on GitHub: https://github.com/valnub/f7-node-autocomplete-search-demo

The post Tutorial: Auto-Complete Search with React, Node and Framework7 appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. SwiperJS React Video Tutorial | 2020
  3. How to use Framework7 V2 Router Tutorial
]]> https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/feed/ 0 Make Your Website Look Perfect on iPhoneX https://www.timo-ernst.net/blog/2018/05/22/make-your-website-look-perfect-on-iphonex/ https://www.timo-ernst.net/blog/2018/05/22/make-your-website-look-perfect-on-iphonex/#respond Tue, 22 May 2018 06:53:58 +0000 https://www.timo-ernst.net/?p=4096 In this video tutorial I will explain how to make your website/-app look good even with the iPhoneX’s notch in the way. On the next episode we’ll go a step further dealing with the same issue on PhoneGap/Cordova apps with Framework7. Enjoy! Ps: You’ll find the source code from the video on Gist. iPhoneX Anti-Notch […]

The post Make Your Website Look Perfect on iPhoneX appeared first on Timo Ernst.

Related posts:

  1. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  2. How to use Framework7 V2 Router Tutorial
  3. Port a Vue.js webapp to PhoneGap tutorial
]]> https://www.timo-ernst.net/blog/2018/05/22/make-your-website-look-perfect-on-iphonex/feed/ 0 How to use Framework7 V2 Router Tutorial https://www.timo-ernst.net/blog/2018/04/11/how-to-use-framework7-v2-router-tutorial/ https://www.timo-ernst.net/blog/2018/04/11/how-to-use-framework7-v2-router-tutorial/#respond Wed, 11 Apr 2018 17:52:40 +0000 https://www.timo-ernst.net/?p=4015 I’ve been getting a lot of requests on how to use the new V2 Router of Framework7, so here are two episodes covering the absolute basics of routing in F7. Have fun, enjoy and let me know if anything is unclear or you want other specific topics covered. Video playlist: Episode 1: Basics Episode 2: […]

The post How to use Framework7 V2 Router Tutorial appeared first on Timo Ernst.

Related posts:

  1. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
  2. Tutorial: Auto-Complete Search with React, Node and Framework7
  3. What is Vuex?
]]> https://www.timo-ernst.net/blog/2018/04/11/how-to-use-framework7-v2-router-tutorial/feed/ 0 Find Dead CSS in React using Radium https://www.timo-ernst.net/blog/2018/01/21/find-dead-css-in-react-using-radium/ https://www.timo-ernst.net/blog/2018/01/21/find-dead-css-in-react-using-radium/#respond Sun, 21 Jan 2018 18:04:51 +0000 https://www.timo-ernst.net/?p=3984 When a project grows it often gets harder to find out which css styles are still required and which can be removed. There are post-processors which analyse your bundle and can remove code that it thinks can be deleted, but this is just the same as treating the symptom instead of curing the disease. In […]

The post Find Dead CSS in React using Radium appeared first on Timo Ernst.

Related posts:

  1. Tutorial: Auto-Complete Search with React, Node and Framework7
  2. SwiperJS React Video Tutorial | 2020
  3. Arrows in React Swiper Js: How to Customize Prev/Next Button
]]> https://www.timo-ernst.net/blog/2018/01/21/find-dead-css-in-react-using-radium/feed/ 0 Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap https://www.timo-ernst.net/blog/2017/01/09/tutorial-create-a-twitter-app-with-vuejs-framework7-phonegap-and-webpack-episode-01/ https://www.timo-ernst.net/blog/2017/01/09/tutorial-create-a-twitter-app-with-vuejs-framework7-phonegap-and-webpack-episode-01/#comments Mon, 09 Jan 2017 13:14:03 +0000 https://www.timo-ernst.net/?p=3587 In my last post I showed you how to kick-off a new project with Framework7, VueJS and Webpack. So, I thought in the next video I could show you a real-world example on how to create an app based on these technologies. In this screencast we will create a Twitter client for iOS and Android […]

The post Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap appeared first on Timo Ernst.

Related posts:

  1. How to post tweets via Twitter API with Vue.js and Framework7
  2. How to log in to Twitter API using oauth
  3. Port a Vue.js webapp to PhoneGap tutorial
]]> https://www.timo-ernst.net/blog/2017/01/09/tutorial-create-a-twitter-app-with-vuejs-framework7-phonegap-and-webpack-episode-01/feed/ 13 How we became the 2nd fastest online retail shop in Germany https://www.timo-ernst.net/blog/2016/11/04/how-we-became-the-2nd-fastest-online-retail-shop-in-germany/ https://www.timo-ernst.net/blog/2016/11/04/how-we-became-the-2nd-fastest-online-retail-shop-in-germany/#respond Fri, 04 Nov 2016 12:17:53 +0000 http://www.timo-ernst.net/?p=3500 I’ve been working for my client HSE24 for quite some time now on optimizing their website’s load performance with their team. In this article I’d like to share how and what we optimized to become the 2nd fastest retail online shop in Germany according to Dynatrace Performance Benchmark. Actions to improve website performance Disclaimer: This […]

The post How we became the 2nd fastest online retail shop in Germany appeared first on Timo Ernst.

Related posts:

  1. ZK user group conference in Mannheim, Germany
  2. How to lazy load images in Framework7 with AngularJS
  3. Simple iPhone5 detection with JavaScript
]]> https://www.timo-ernst.net/blog/2016/11/04/how-we-became-the-2nd-fastest-online-retail-shop-in-germany/feed/ 0 Why I am still in love with Framework7 https://www.timo-ernst.net/blog/2015/08/07/why-i-am-still-in-love-with-framework7/ https://www.timo-ernst.net/blog/2015/08/07/why-i-am-still-in-love-with-framework7/#comments Fri, 07 Aug 2015 10:19:33 +0000 http://timo-ernst.net/?p=3321 Disclaimler: First of all, let me state clear that I am not involved into the Framework7 project. I am not getting paid for this post. This is just my honest, personal opinion as a mobile developer. Early steps The first framework I used when I started mobile development was jQueryMobile. I was used to jQuery […]

The post Why I am still in love with Framework7 appeared first on Timo Ernst.

Related posts:

  1. PhoneGap/Cordova templates for VueJS with Framework7
  2. Tutorial: Auto-Complete Search with React, Node and Framework7
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2015/08/07/why-i-am-still-in-love-with-framework7/feed/ 30