Are you over 18 and want to see adult content?
More Annotations
A complete backup of baudeaventuras.com.br
Are you over 18 and want to see adult content?
A complete backup of battleshipcove.org
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of www.www.imagefap.com
Are you over 18 and want to see adult content?
A complete backup of www.www.yournnpic.com
Are you over 18 and want to see adult content?
A complete backup of www.xhamster.desi
Are you over 18 and want to see adult content?
A complete backup of amateuralbum.net
Are you over 18 and want to see adult content?
A complete backup of thefappening.pro
Are you over 18 and want to see adult content?
A complete backup of www.nerdpervert.com
Are you over 18 and want to see adult content?
A complete backup of www.nakenprat.com
Are you over 18 and want to see adult content?
A complete backup of www.www.zenra.net
Are you over 18 and want to see adult content?
Text
JUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
ENHANCING A LOGIN FORM justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SETTING UP HTTPS WITH A VALID CERTIFICATE FOR A LOCAL You have to change the following things here. First, change organizationName to the same name you have set in your root.cnf. Next, change DNS.1 to your local domain name. You can also use multiple here by using DNS.2, DNS.3 and so on. After saving the file, open your command line again and run the following: SHARE IMAGES TO YOUR WEBSITE USING THE WEB SHARE TARGET APISEE MORE ONJUSTMARKUP.COM
OVERVIEW OF STATIC MAP SOLUTIONS Overview of Static Map solutions. May 27, 2014. For a recent redesign we mananged to reduce the page size to under 500kB for almost every part, expect the sections where we included a dynamic map. The size of an average dynamic map was about 600kbB, thus we had to find different ways to show a map and came across Static Maps, which turned out BE CAREFULL WHEN USING INPUT TYPE=”URL” IMPLEMENTING PUSH NOTIFICATIONS ON THE FRONT-END AND BACK-ENDSEE MOREON JUSTMARKUP.COM
SCALE AN ELEMENT WITHOUT CHANGING THE SIZE OF ITS CHILD Don’t scale the children #. The second problem was that I wanted to change the size of the element but not the size of its children (text). My first attempt was using transform: scale (2); for the box (div) and transform: scale (0.5); for the child element (p). This way the text had the same size before and after the transition butslightly
DEALING WITH LONG WORDS IN CSS REMOVE CONSOLE AND DEBUGGER STATEMENTS FOR PRODUCTION WITH Remove console and debugger statements for production with gulp/grunt. March 26, 2015. While writing JavaScript you will most likely use either console (console.log, console.error), debugger; or even alert () (I hope you don’t anymore) at some point to debug your code. Showing these messages on your development server is not a problem asJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
ENHANCING A LOGIN FORM justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SETTING UP HTTPS WITH A VALID CERTIFICATE FOR A LOCAL You have to change the following things here. First, change organizationName to the same name you have set in your root.cnf. Next, change DNS.1 to your local domain name. You can also use multiple here by using DNS.2, DNS.3 and so on. After saving the file, open your command line again and run the following: SHARE IMAGES TO YOUR WEBSITE USING THE WEB SHARE TARGET APISEE MORE ONJUSTMARKUP.COM
OVERVIEW OF STATIC MAP SOLUTIONS Overview of Static Map solutions. May 27, 2014. For a recent redesign we mananged to reduce the page size to under 500kB for almost every part, expect the sections where we included a dynamic map. The size of an average dynamic map was about 600kbB, thus we had to find different ways to show a map and came across Static Maps, which turned out BE CAREFULL WHEN USING INPUT TYPE=”URL” IMPLEMENTING PUSH NOTIFICATIONS ON THE FRONT-END AND BACK-ENDSEE MOREON JUSTMARKUP.COM
SCALE AN ELEMENT WITHOUT CHANGING THE SIZE OF ITS CHILD Don’t scale the children #. The second problem was that I wanted to change the size of the element but not the size of its children (text). My first attempt was using transform: scale (2); for the box (div) and transform: scale (0.5); for the child element (p). This way the text had the same size before and after the transition butslightly
DEALING WITH LONG WORDS IN CSS REMOVE CONSOLE AND DEBUGGER STATEMENTS FOR PRODUCTION WITH Remove console and debugger statements for production with gulp/grunt. March 26, 2015. While writing JavaScript you will most likely use either console (console.log, console.error), debugger; or even alert () (I hope you don’t anymore) at some point to debug your code. Showing these messages on your development server is not a problem asJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
100 DAYS - 100 HTML ELEMENTS IN A TWEET - JUSTMARKUP 100 days - 100 HTML elements in a tweet. After tweeting about a CSS property for 100 days in a row last year, I did it again this year, this time it was all about HTML elements. Again, I learned quite a lot about a language I have been using for over 15 years now almost daily. There is some interesting about almost every HTML element. TRUNCATING AND REVEALING TEXT Let’s start with the Show More Pattern – where you have a short text and a button to reveal the longer text. Without the markup needed for the reveal function the HTML may look like this: Some text. Sometext. Some text.
.
Some more text. Some more text. Some more text. Some more text.PWA ON DESKTOP
justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
RESPONSIVE MULTI LEVEL NAVIGATION Responsive Multi Level Navigation – let’s try. June 19, 2012. Lots of fantastic people already put their hands on building a responsive navigation, and they came up with sweet ideas, like this Tutorial on .net by Aaron Gustafson. And there is also a neat overview about “all” responsive navigation patterns by Brad Frost where he points PRIORITIZE LOADING OF BACKGROUND IMAGES Let’s have a look at some code to see how prioritizing the loading of background images works. Here is the HTML for the header image: First of all we insert an image element and set the src attribute to the same image file as the background image ADD SERVICE WORKER FOR WORDPRESS As part of the open redesign of this WordPress site I also added a Service Worker – to improve performance and to offer an offline experience. I encountered some problems along the way so I thought it is a good idea to write about my findings. As a starting point I used this basic implementation by Brandon Rozek.. Register the ServiceWorker #
DEALING WITH LONG WORDS IN CSS The first solution for long words is using hyphens. Browser support: CSS Hyphenation is supported in every major browser, except from all blink-based browsers (Chrome, Opera, Android) – USING TEXT-SHADOW INSTEAD OF FONT-WEIGHT BOLD TO AVOID JUMPING Workaround #. a:hover {. text-shadow: 1px 0 0 currentColor; } To prevent the jump effect we can use text-shadow to fake font-weight: bold. Browser support for text-shadow is good for most browsers, except in Internet Explorer where it isn’t supported prior to Version 10. As you want to define :hover states for older IE versionsas well you
USING PUPPETEER TO CRAWL PAGES AND SAVE THEM AS MARKDOWN FILES One of my goals for 2019 is to finally launch a redesign of this site and more importantly switch from WordPress to a Static Site. To get this rolling, I firstJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
JUSTMARKUP
justmarkup. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articles article. Styling the details element September 22, 2020. articles article.SERVUS - JUSTMARKUP
Servus. Hi, my name is Michael Scharnagl. I am a freelance front-end developer focusing on accessibility, progressive enhancement and web performance. I build websites focused on readability and usability for small, medium and large businesses, as well as for organizations andfestivals.
ENHANCING A LOGIN FORM justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SETTING UP HTTPS WITH A VALID CERTIFICATE FOR A LOCAL You have to change the following things here. First, change organizationName to the same name you have set in your root.cnf. Next, change DNS.1 to your local domain name. You can also use multiple here by using DNS.2, DNS.3 and so on. After saving the file, open your command line again and run the following: SHARE IMAGES TO YOUR WEBSITE USING THE WEB SHARE TARGET APISEE MORE ONJUSTMARKUP.COM
OVERVIEW OF STATIC MAP SOLUTIONS Overview of Static Map solutions. May 27, 2014. For a recent redesign we mananged to reduce the page size to under 500kB for almost every part, expect the sections where we included a dynamic map. The size of an average dynamic map was about 600kbB, thus we had to find different ways to show a map and came across Static Maps, which turned out RESPONSIVE MULTI LEVEL NAVIGATION Responsive Multi Level Navigation – let’s try. June 19, 2012. Lots of fantastic people already put their hands on building a responsive navigation, and they came up with sweet ideas, like this Tutorial on .net by Aaron Gustafson. And there is also a neat overview about “all” responsive navigation patterns by Brad Frost where he points SCALE AN ELEMENT WITHOUT CHANGING THE SIZE OF ITS CHILD Don’t scale the children #. The second problem was that I wanted to change the size of the element but not the size of its children (text). My first attempt was using transform: scale (2); for the box (div) and transform: scale (0.5); for the child element (p). This way the text had the same size before and after the transition butslightly
USING PUPPETEER TO CRAWL PAGES AND SAVE THEM AS MARKDOWN FILES One of my goals for 2019 is to finally launch a redesign of this site and more importantly switch from WordPress to a Static Site. To get this rolling, I firstJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
JUSTMARKUP
justmarkup. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articles article. Styling the details element September 22, 2020. articles article.SERVUS - JUSTMARKUP
Servus. Hi, my name is Michael Scharnagl. I am a freelance front-end developer focusing on accessibility, progressive enhancement and web performance. I build websites focused on readability and usability for small, medium and large businesses, as well as for organizations andfestivals.
ENHANCING A LOGIN FORM justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SETTING UP HTTPS WITH A VALID CERTIFICATE FOR A LOCAL You have to change the following things here. First, change organizationName to the same name you have set in your root.cnf. Next, change DNS.1 to your local domain name. You can also use multiple here by using DNS.2, DNS.3 and so on. After saving the file, open your command line again and run the following: SHARE IMAGES TO YOUR WEBSITE USING THE WEB SHARE TARGET APISEE MORE ONJUSTMARKUP.COM
OVERVIEW OF STATIC MAP SOLUTIONS Overview of Static Map solutions. May 27, 2014. For a recent redesign we mananged to reduce the page size to under 500kB for almost every part, expect the sections where we included a dynamic map. The size of an average dynamic map was about 600kbB, thus we had to find different ways to show a map and came across Static Maps, which turned out RESPONSIVE MULTI LEVEL NAVIGATION Responsive Multi Level Navigation – let’s try. June 19, 2012. Lots of fantastic people already put their hands on building a responsive navigation, and they came up with sweet ideas, like this Tutorial on .net by Aaron Gustafson. And there is also a neat overview about “all” responsive navigation patterns by Brad Frost where he points SCALE AN ELEMENT WITHOUT CHANGING THE SIZE OF ITS CHILD Don’t scale the children #. The second problem was that I wanted to change the size of the element but not the size of its children (text). My first attempt was using transform: scale (2); for the box (div) and transform: scale (0.5); for the child element (p). This way the text had the same size before and after the transition butslightly
USING PUPPETEER TO CRAWL PAGES AND SAVE THEM AS MARKDOWN FILES One of my goals for 2019 is to finally launch a redesign of this site and more importantly switch from WordPress to a Static Site. To get this rolling, I firstJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
JUSTMARKUP
justmarkup. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articles article. Styling the details element September 22, 2020. articles article.SERVUS - JUSTMARKUP
Servus. Hi, my name is Michael Scharnagl. I am a freelance front-end developer focusing on accessibility, progressive enhancement and web performance. I build websites focused on readability and usability for small, medium and large businesses, as well as for organizations andfestivals.
JUSTMARKUP
justmarkup. Overenhancement March 19, 2021. notes note. The Void March 01, 2021. notes note. Nine years January 31, 2021. notes note. Loading and replacing HTML parts with HTML December 28, 2020. notes note.GET IN TOUCH
justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
100 DAYS - 100 HTML ELEMENTS IN A TWEET - JUSTMARKUP 100 days - 100 HTML elements in a tweet. After tweeting about a CSS property for 100 days in a row last year, I did it again this year, this time it was all about HTML elements. Again, I learned quite a lot about a language I have been using for over 15 years now almost daily. There is some interesting about almost every HTML element.TEXT TO SPEECH DEMO
Play Pause Resume Pause Resume ADD SERVICE WORKER FOR WORDPRESS As part of the open redesign of this WordPress site I also added a Service Worker – to improve performance and to offer an offline experience. I encountered some problems along the way so I thought it is a good idea to write about my findings. As a starting point I used this basic implementation by Brandon Rozek.. Register the ServiceWorker #
BE CAREFULL WHEN USING INPUT TYPE=”URL” justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
A LOOK AT CSS HYPHENATION IN 2019 Using CSS Hyphenation #. To use hyphens today we still need to add prefixes for IE/Edge/Chromium, so it is best to use the following for every text which should use hyphens: .hyphenate {. -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } As you probably want to break words and not the layout in unsupported browsers I recommend theJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
JUSTMARKUP
justmarkup. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articles article. Styling the details element September 22, 2020. articles article.SERVUS - JUSTMARKUP
Servus. Hi, my name is Michael Scharnagl. I am a freelance front-end developer focusing on accessibility, progressive enhancement and web performance. I build websites focused on readability and usability for small, medium and large businesses, as well as for organizations andfestivals.
ENHANCING A LOGIN FORM justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SETTING UP HTTPS WITH A VALID CERTIFICATE FOR A LOCALSSL CERTIFICATE FOR LOCAL DOMAINBUY DOMAIN NAME WITH SSL You have to change the following things here. First, change organizationName to the same name you have set in your root.cnf. Next, change DNS.1 to your local domain name. You can also use multiple here by using DNS.2, DNS.3 and so on. After saving the file, open your command line again and run the following: SHARE IMAGES TO YOUR WEBSITE USING THE WEB SHARE TARGET APISEE MORE ON JUSTMARKUP.COMWEB SHARE TARGET APIWEB SHARE APIWEB SHARE TARGETSHARE TARGET APIPWA SHARE TARGETUWP SHARE TARGET OVERVIEW OF STATIC MAP SOLUTIONS Overview of Static Map solutions. May 27, 2014. For a recent redesign we mananged to reduce the page size to under 500kB for almost every part, expect the sections where we included a dynamic map. The size of an average dynamic map was about 600kbB, thus we had to find different ways to show a map and came across Static Maps, which turned out RESPONSIVE MULTI LEVEL NAVIGATION Responsive Multi Level Navigation – let’s try. June 19, 2012. Lots of fantastic people already put their hands on building a responsive navigation, and they came up with sweet ideas, like this Tutorial on .net by Aaron Gustafson. And there is also a neat overview about “all” responsive navigation patterns by Brad Frost where he points SCALE AN ELEMENT WITHOUT CHANGING THE SIZE OF ITS CHILD Don’t scale the children #. The second problem was that I wanted to change the size of the element but not the size of its children (text). My first attempt was using transform: scale (2); for the box (div) and transform: scale (0.5); for the child element (p). This way the text had the same size before and after the transition butslightly
USING PUPPETEER TO CRAWL PAGES AND SAVE THEM AS MARKDOWN FILES One of my goals for 2019 is to finally launch a redesign of this site and more importantly switch from WordPress to a Static Site. To get this rolling, I firstJUSTMARKUP
justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SERVUS - JUSTMARKUP
justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
JUSTMARKUP
justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
ENHANCING A LOGIN FORM justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
OVERVIEW OF STATIC MAP SOLUTIONS justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
SHARE IMAGES TO YOUR WEBSITE USING THE WEB SHARE TARGET APISEE MORE ON JUSTMARKUP.COMWEB SHARE TARGET APIWEB SHARE APIWEB SHARE TARGETSHARE TARGET APIPWA SHARE TARGETUWP SHARE TARGET SETTING UP HTTPS WITH A VALID CERTIFICATE FOR A LOCALSSL CERTIFICATE FOR LOCAL DOMAINBUY DOMAIN NAME WITH SSL Many new web platform features require a connection via https nowadays. So if you want to use and test Service Worker, you need a domain which runs on https and has a valid SSL certificate. RESPONSIVE MULTI LEVEL NAVIGATION Lots of fantastic people already put their hands on building a responsive navigation, and they came up with sweet ideas, like this Tutorial on .net by Aaron Gustafson.. And there is also a neat overview about “all” responsive navigation patterns by Brad Frost where he points out the cons and pros in a detailed way. However most of these patterns are not really applicably when dealing with SCALE AN ELEMENT WITHOUT CHANGING THE SIZE OF ITS CHILD This morning I asked on twitter for help with using transform: scale(); The first problem was that I wanted to animate the box the same way with scale(); as with changing the width/height of the element. The problem here was I wrongly set transform-origin: 0 0; only on :hover but not for the inital state; Thanks to Sven Wolfermann for the hint.. Don’t scale the children # USING PUPPETEER TO CRAWL PAGES AND SAVE THEM AS MARKDOWN FILES One of my goals for 2019 is to finally launch a redesign of this site and more importantly switch from WordPress to a Static Site. To get this rolling, I firstJUSTMARKUP
justmarkup. 100 days - 100 HTML elements in a tweet April 12, 2021. articles article. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articlesarticle.
JUSTMARKUP
justmarkup. Reduce your client-side JavaScript in Next.js February 10, 2021. articles article. Integrate Pocket in Eleventy January 19, 2021. articles article. Make the page count of a 3D book visible using CSS custom properties January 12, 2021. articles article. Styling the details element September 22, 2020. articles article.SERVUS - JUSTMARKUP
Servus. Hi, my name is Michael Scharnagl. I am a freelance front-end developer focusing on accessibility, progressive enhancement and web performance. I build websites focused on readability and usability for small, medium and large businesses, as well as for organizations andfestivals.
JUSTMARKUP
justmarkup. Overenhancement March 19, 2021. notes note. The Void March 01, 2021. notes note. Nine years January 31, 2021. notes note. Loading and replacing HTML parts with HTML December 28, 2020. notes note.GET IN TOUCH
justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
TEXT TO SPEECH DEMO
Play Pause Resume Pause Resume 100 DAYS - 100 HTML ELEMENTS IN A TWEET - JUSTMARKUP 100 days - 100 HTML elements in a tweet. After tweeting about a CSS property for 100 days in a row last year, I did it again this year, this time it was all about HTML elements. Again, I learned quite a lot about a language I have been using for over 15 years now almost daily. There is some interesting about almost every HTML element. ADD SERVICE WORKER FOR WORDPRESS As part of the open redesign of this WordPress site I also added a Service Worker – to improve performance and to offer an offline experience. I encountered some problems along the way so I thought it is a good idea to write about my findings. As a starting point I used this basic implementation by Brandon Rozek.. Register the ServiceWorker #
BE CAREFULL WHEN USING INPUT TYPE=”URL” justmarkup is the site of Michael Scharnagl, a front-end developerliving in Berlin.
A LOOK AT CSS HYPHENATION IN 2019 Using CSS Hyphenation #. To use hyphens today we still need to add prefixes for IE/Edge/Chromium, so it is best to use the following for every text which should use hyphens: .hyphenate {. -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } As you probably want to break words and not the layout in unsupported browsers I recommend the Skip to main content justmarkup* Articles
* Notes
* About
* Contact
* Bookmarks
* RSS feed
* 100 days - 100 HTML elements in a tweetApril 12, 2021
articles article
* Reduce your client-side JavaScript in Next.jsFebruary 10, 2021
articles article
* Integrate Pocket in EleventyJanuary 19, 2021
articles article
* Make the page count of a 3D book visible using CSS customproperties
January 12, 2021 articles article * Styling the details elementSeptember 22,
2020 articles article * Read out loud - Text to speech with the Web Speech API. May 19, 2020 articlesarticle
* 100 days - 100 CSS properties in a tweetApril 15, 2020
articles article
More articles can be found in the archive .Back to top
Copyright © Michael Scharnagl 2021. All rights reserved. twitter.com/justmarkup | Legal| Privacy Policy
Coffee Animation via Fernando SoaresDetails
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0