Are you over 18 and want to see adult content?
More Annotations
A complete backup of jumpingjacksblog.tumblr.com
Are you over 18 and want to see adult content?
A complete backup of rhatiara20.blogspot.com
Are you over 18 and want to see adult content?
A complete backup of internationalmidwives.org
Are you over 18 and want to see adult content?
A complete backup of batsieblocks.blogspot.com
Are you over 18 and want to see adult content?
A complete backup of primetimeshuttle.com
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of https://balkanje.com/latino-serije/rubi-2004/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/golubica-2019/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/latino-serije/crveni-orao/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/kad-lisce-pada/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/latino-serije/sveta-djavolica/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/turske-serije/bella-2017/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/marasli-epizoda-17/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/latino-serije/kameleoni-2009/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/zakletva-epizoda-397/
Are you over 18 and want to see adult content?
A complete backup of https://balkanje.com/baraj-epizoda-36/
Are you over 18 and want to see adult content?
Text
KILIAN VALKHOF
CSS & HTML, 28 January 2021. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was onmy
PRESCRIPTIVE SOFTWARE IS BETTER THAN Prescriptive software is better than descriptive software. Manage & deliver high-quality, optimized images in real-time. Try forever free plan today! For a while now I’ve been telling people that I want Polypane to be prescriptive, not descriptive. CREATING FILES IN JAVASCRIPT IN YOUR BROWSER Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. HOW TO USE RGBA() IN IE The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque.But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). YOU WANT OVERFLOW: AUTO, NOT OVERFLOW: SCROLL Showing scroll bars on Mac. Windows and Linux always show you the scroll bars, but if you’re on Mac you have to change a setting to get them to show. Go to System Preferences, then General and toggle “Show scroll bars” to “Always”. but then you’re left with ugly scroll bars just like the rest of us, which you probably don’twant.
WEBSITES THAT DON’T WORK WITHOUT WWW The Firefox thing. During development I got a couple of remarks that “well, site X just works you know”, to which I could wittily (*ahem*) reply “Nope, it doesn’t. I bet you use Firefox 3.5!”. That’s because Firefox 3.5 automatically adds www. in front of domain names if they don’t work without. While this is awesome forend users
SLOPED EDGES WITH CONSISTENT ANGLE IN CSS GRAFICO JAVASCRIPT CHARTING LIBRARY Notable additions. Menno van der Sman provided a rake minifier script and a new normaliser; Jan Paul Posma provided Stream graphs and improvements to the drawing code; David Parry provided Stacked bar charts and improvements to the grid drawing ANNOYING.JS: HOW TO BE AN ASSHOLE Annoying.js: How to be an asshole. DigitalOcean App Platform, a new PaaS that gets your apps to market, faster. Try Now with $100 Credit. In January I came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop. SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.KILIAN VALKHOF
CSS & HTML, 28 January 2021. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was onmy
PRESCRIPTIVE SOFTWARE IS BETTER THAN Prescriptive software is better than descriptive software. Manage & deliver high-quality, optimized images in real-time. Try forever free plan today! For a while now I’ve been telling people that I want Polypane to be prescriptive, not descriptive. CREATING FILES IN JAVASCRIPT IN YOUR BROWSER Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. HOW TO USE RGBA() IN IE The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque.But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). YOU WANT OVERFLOW: AUTO, NOT OVERFLOW: SCROLL Showing scroll bars on Mac. Windows and Linux always show you the scroll bars, but if you’re on Mac you have to change a setting to get them to show. Go to System Preferences, then General and toggle “Show scroll bars” to “Always”. but then you’re left with ugly scroll bars just like the rest of us, which you probably don’twant.
WEBSITES THAT DON’T WORK WITHOUT WWW The Firefox thing. During development I got a couple of remarks that “well, site X just works you know”, to which I could wittily (*ahem*) reply “Nope, it doesn’t. I bet you use Firefox 3.5!”. That’s because Firefox 3.5 automatically adds www. in front of domain names if they don’t work without. While this is awesome forend users
SLOPED EDGES WITH CONSISTENT ANGLE IN CSS GRAFICO JAVASCRIPT CHARTING LIBRARY Notable additions. Menno van der Sman provided a rake minifier script and a new normaliser; Jan Paul Posma provided Stream graphs and improvements to the drawing code; David Parry provided Stacked bar charts and improvements to the grid drawing ANNOYING.JS: HOW TO BE AN ASSHOLE Annoying.js: How to be an asshole. DigitalOcean App Platform, a new PaaS that gets your apps to market, faster. Try Now with $100 Credit. In January I came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop. SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.KILIAN VALKHOF
Front-end & user experience developer. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was on my mind, and I decided to see if I could I WANT MY OWN MEDIA QUERIES IN BROWSERS Go to chrome://flags. Search for “experimental web platform features” and turn that on. Go to your site and open dev tools. Then click the three dots in the top right. Go to “more tools”. Then pick “rendering”. now scroll down and you can use the dropdownDESIGN TOKENS 101
Design tokens 101. Hi everyone, I’m here to give you an intro to design tokens. My name is Kilian, and I make tools for developers and designers, usually with React. The two apps that I’m working on right now are Polypane, a browser for developers (ask me about that after the presentations), and Superposition, which is why I’m here PREFERS-CONTRAST: FORCED IS A MISTAKE CSS Media Queries Level 5 is coming and though it’s still heavily in progress, there is a particular new option that feels like a mistake in the making to me: prefers-contrast: forced. I’ll explain why I feel that way in this article. 24 Feb 2021: prefers-contrast: forced has been removed from the specification! Read the YOUR DARK MODE TOGGLE IS BROKEN The issue. The issue is that most toggles are two states: you either have light mode or dark mode and the choice is forever stored in a cookie or localStorage. And that makes your dark mode toggle broken. Just like prefers-color-scheme toggles between three states, your dark mode toggle should also toggle between three states: light. dark.system.
AN EASY-TO-USE CROSS PLATFORM MENU FOR ELECTRON Electron-create-menu replaces the Menu api that Electron provides and streamlines the menu creation process by doing a couple of things: A platform-appropriate default menu. Filter out menu items depending on your platform. Gives an easy hook for i18n translations. Provides a CSS3 LOADING SPINNERS WITHOUT IMAGES CSS3 loading spinners without images. DigitalOcean App Platform, a new PaaS that gets your apps to market, faster. Try Now with $100 Credit. While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone. GRAFICO JAVASCRIPT CHARTING LIBRARY Notable additions. Menno van der Sman provided a rake minifier script and a new normaliser; Jan Paul Posma provided Stream graphs and improvements to the drawing code; David Parry provided Stacked bar charts and improvements to the grid drawing SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.GRIDBUILDER.JS!
gridBuilder.js demo. gridBuilder.js is a jQuery plugin that draws a grid as a background.. It works via canvas and data-URL, so you need a real browser.It can be applied to any element, the grid is completely customisable, and has options to show secondary gridlines as well.KILIAN VALKHOF
Front-end & user experience developer. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was on my mind, and I decided to see if I could PRESCRIPTIVE SOFTWARE IS BETTER THAN For a while now I’ve been telling people that I want Polypane to be prescriptive, not descriptive. In this article I want to expand on that and explain what I mean when I say “prescriptive”. I usually explain it like this: there is no shortage of tooling that will tell you everything you do wrong PREFERS-CONTRAST: FORCED IS A MISTAKE CREATING FILES IN JAVASCRIPT IN YOUR BROWSER Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. YOU WANT OVERFLOW: AUTO, NOT OVERFLOW: SCROLL Every now and then a web developer using a Mac discovers that their beautiful design is littered with scroll bars on other platforms. Either because someone points it out to them or because they attach a mouse to their mac which makes scroll bars appear. SLOPED EDGES WITH CONSISTENT ANGLE IN CSS HOW TO USE RGBA() IN IE The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque.But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). WEBSITES THAT DON’T WORK WITHOUT WWW websitesthatdontworkwithoutwww.com is no longer online. One of my biggest internet-petpeeves is websites that force you to put www. in front of them. It’s 2009, so we should be able to get by with just the domain name, right? ANNOYING.JS: HOW TO BE AN ASSHOLE In January I came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop. SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.KILIAN VALKHOF
Front-end & user experience developer. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was on my mind, and I decided to see if I could PRESCRIPTIVE SOFTWARE IS BETTER THAN For a while now I’ve been telling people that I want Polypane to be prescriptive, not descriptive. In this article I want to expand on that and explain what I mean when I say “prescriptive”. I usually explain it like this: there is no shortage of tooling that will tell you everything you do wrong PREFERS-CONTRAST: FORCED IS A MISTAKE CREATING FILES IN JAVASCRIPT IN YOUR BROWSER Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. YOU WANT OVERFLOW: AUTO, NOT OVERFLOW: SCROLL Every now and then a web developer using a Mac discovers that their beautiful design is littered with scroll bars on other platforms. Either because someone points it out to them or because they attach a mouse to their mac which makes scroll bars appear. SLOPED EDGES WITH CONSISTENT ANGLE IN CSS HOW TO USE RGBA() IN IE The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque.But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). WEBSITES THAT DON’T WORK WITHOUT WWW websitesthatdontworkwithoutwww.com is no longer online. One of my biggest internet-petpeeves is websites that force you to put www. in front of them. It’s 2009, so we should be able to get by with just the domain name, right? ANNOYING.JS: HOW TO BE AN ASSHOLE In January I came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop. SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.KILIAN VALKHOF
Front-end & user experience developer. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was on my mind, and I decided to see if I could I WANT MY OWN MEDIA QUERIES IN BROWSERS We’re on the verge of a whole lot of new CSS media queries becoming available. But if you’re a developer that wants to get a head start and try them out, you’re out of luck. Browsers are prototyping them one by one before making them available and we as developers have to wait. Prefers-reduced-data is PREFERS-CONTRAST: FORCED IS A MISTAKE CSS Media Queries Level 5 is coming and though it’s still heavily in progress, there is a particular new option that feels like a mistake in the making to me: prefers-contrast: forced. I’ll explain why I feel that way in this article. 24 Feb 2021: prefers-contrast: forced has been removed from the specification! Read theDESIGN TOKENS 101
Yesterday, I gave a ⚡ lightning talk on design tokens at the @ReactAmsterdam meetup. I’ve been to a few React Amsterdam meetups and there’s always a really good vibe so I was really happy I got to do a lightning talk on a subject I care about. There were about 200people in the room
YOUR DARK MODE TOGGLE IS BROKEN With more and more sites gaining support for dark mode and adding very pretty toggles to their design, it’s important to implement them correctly. Unfortunately most sites do not and as a result their toggle is broken. Most websites that have a dark and light mode have very pretty toggles switching between some sort of AN EASY-TO-USE CROSS PLATFORM MENU FOR ELECTRON If you develop desktop applications with Electron, you will quickly need an application menu. Even if you don’t have any menu options that are specific to your application, you will still want to add a menu to get things like copy and paste to work on a mac. Usually you’ll just copy and paste the CSS3 LOADING SPINNERS WITHOUT IMAGES transform:rotate(45deg) translate(0, -35px); If you rotate first, and then translate (move), it will move along the rotated axis.The above code translates a block to the top-right corner (45 degrees). GRAFICO JAVASCRIPT CHARTING LIBRARY Notable additions. Menno van der Sman provided a rake minifier script and a new normaliser; Jan Paul Posma provided Stream graphs and improvements to the drawing code; David Parry provided Stacked bar charts and improvements to the grid drawing SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.GRIDBUILDER.JS!
gridBuilder.js demo. gridBuilder.js is a jQuery plugin that draws a grid as a background.. It works via canvas and data-URL, so you need a real browser.It can be applied to any element, the grid is completely customisable, and has options to show secondary gridlines as well.KILIAN VALKHOF
CSS & HTML, 28 January 2021. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was onmy
PROJECTS | KILIAN VALKHOF Projects. I enjoy building and creating things. Some are large and some small, some are serious and others less so. Project I work on tend to fulfill needs I have or allow me to LETS TALK | KILIAN VALKHOF Lets talk. If you would like to contact me, give a reaction to something or just general chit-chat (always welcomed!) you can contact me in a number of ways. You can find my on Twitter: @kilianvalkhof and my DM’s are open. My telephone number is +31 6 40 96 84 20. You can also send me a direct e-mail using my first name @ this domain. PRESCRIPTIVE SOFTWARE IS BETTER THAN Prescriptive software is better than descriptive software. Manage & deliver high-quality, optimized images in real-time. Try forever free plan today! For a while now I’ve been telling people that I want Polypane to be prescriptive, not descriptive. WEBSITES THAT DON’T WORK WITHOUT WWW The Firefox thing. During development I got a couple of remarks that “well, site X just works you know”, to which I could wittily (*ahem*) reply “Nope, it doesn’t. I bet you use Firefox 3.5!”. That’s because Firefox 3.5 automatically adds www. in front of domain names if they don’t work without. While this is awesome forend users
HOW TO USE RGBA() IN IE The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque.But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). SLOPED EDGES WITH CONSISTENT ANGLE IN CSS SUPERPOSITION: USE THE DESIGN SYSTEM YOU ALREADY HAVESEE MORE ONKILIANVALKHOF.COM
ANNOYING.JS: HOW TO BE AN ASSHOLE The file itself is commented with “functionality”, so I won’t bother repeating it here. You can invoke different functions via the Annoying object: Annoying.noSelect (); will disable text selection, Annoying.noRightClick (); will disable the context menu, and Annoying.kitchensink (); Will SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs - the sensible standards CSS baseline. SenCSs stands for Sensible Standards CSS baseline, (pronounced " sense "). It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.KILIAN VALKHOF
CSS & HTML, 28 January 2021. Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was onmy
PROJECTS | KILIAN VALKHOF Projects. I enjoy building and creating things. Some are large and some small, some are serious and others less so. Project I work on tend to fulfill needs I have or allow me to LETS TALK | KILIAN VALKHOF Lets talk. If you would like to contact me, give a reaction to something or just general chit-chat (always welcomed!) you can contact me in a number of ways. You can find my on Twitter: @kilianvalkhof and my DM’s are open. My telephone number is +31 6 40 96 84 20. You can also send me a direct e-mail using my first name @ this domain. PRESCRIPTIVE SOFTWARE IS BETTER THAN Prescriptive software is better than descriptive software. Manage & deliver high-quality, optimized images in real-time. Try forever free plan today! For a while now I’ve been telling people that I want Polypane to be prescriptive, not descriptive. WEBSITES THAT DON’T WORK WITHOUT WWW The Firefox thing. During development I got a couple of remarks that “well, site X just works you know”, to which I could wittily (*ahem*) reply “Nope, it doesn’t. I bet you use Firefox 3.5!”. That’s because Firefox 3.5 automatically adds www. in front of domain names if they don’t work without. While this is awesome forend users
HOW TO USE RGBA() IN IE The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque.But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). SLOPED EDGES WITH CONSISTENT ANGLE IN CSS SUPERPOSITION: USE THE DESIGN SYSTEM YOU ALREADY HAVESEE MORE ONKILIANVALKHOF.COM
ANNOYING.JS: HOW TO BE AN ASSHOLE The file itself is commented with “functionality”, so I won’t bother repeating it here. You can invoke different functions via the Annoying object: Annoying.noSelect (); will disable text selection, Annoying.noRightClick (); will disable the context menu, and Annoying.kitchensink (); Will SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs - the sensible standards CSS baseline. SenCSs stands for Sensible Standards CSS baseline, (pronounced " sense "). It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style. PROJECTS | KILIAN VALKHOF Projects. I enjoy building and creating things. Some are large and some small, some are serious and others less so. Project I work on tend to fulfill needs I have or allow me to ABOUT KILIAN VALKHOF About Kilian Valkhof. Kilian does not like writing in third person, so will use “I” throughout the rest of this page. Hello! I’m a front-end developer, user-experience designer and generalist. That means I also do back-end, visual design, marketing and devops, if needbe.
HOW I BUILT MY OWN BROWSER Building your own browser sounds like a terrible idea, especially if you’re a front-end developer by trade and don’t know any C++ or other native language. Even so a couple of years ago I decided to see if I could and by now my browser has developed into a serious project.How’d I get the
DESIGN TOKENS 101
Design tokens 101. Hi everyone, I’m here to give you an intro to design tokens. My name is Kilian, and I make tools for developers and designers, usually with React. The two apps that I’m working on right now are Polypane, a browser for developers (ask me about that after the presentations), and Superposition, which is why I’m here FOR MANY, ACCESSIBILITY IS AN UNKNOWN UNKNOWN An unknown unknown is something you don’t know you don’t know. When you’re just starting out with web development there are many unknown unknowns. You don’t know enough about what’s possible to know what the right way to do things is. Accessibility is one of them. This morning this image was shared on Twitter: (source: CREATING FILES IN JAVASCRIPT IN YOUR BROWSER Did you know you can create files using JavaScript right inside your browser and have users download them? You can create files with aproper name and
JQUERY.PULSATE.JS
jQuery.pulsate.js adds a pulsating effect to elements. Useful for drawing the users attention. About. jQuery.pulsate started out as an experiment with outline-offset by Kilian Valkhof.By animating it you can create a pulsating effect that's useful for focussing attention to YOU WANT OVERFLOW: AUTO, NOT OVERFLOW: SCROLL Showing scroll bars on Mac. Windows and Linux always show you the scroll bars, but if you’re on Mac you have to change a setting to get them to show. Go to System Preferences, then General and toggle “Show scroll bars” to “Always”. but then you’re left with ugly scroll bars just like the rest of us, which you probably don’twant.
SENCSS - THE SENSIBLE STANDARDS CSS BASELINE SenCSs stands for Sensible Standards CSS baseline, (pronounced "sense").It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style.GRIDBUILDER.JS!
gridBuilder.js demo. gridBuilder.js is a jQuery plugin that draws a grid as a background.. It works via canvas and data-URL, so you need a real browser.It can be applied to any element, the grid is completely customisable, and has options to show secondary gridlines as well.KILIAN VALKHOF
FRONT-END & USER EXPERIENCE DEVELOPER, JEDI.Search term Search
* Blog
* About
* Projects
* Contact
HOW I BUILT MY OWN BROWSERCSS & HTML , Design
, 10 February 2020
Building your own browser sounds like a terrible idea, especially if you’re a front-end developer by trade and don’t know any C++ or other native language. Even so a couple of years ago I decided to see if I could and by now my browser has developed into a serious project.DESIGN TOKENS 101
Design , 7 February 2020 Yesterday, I gave a ⚡ lightning talk on design tokens at the @ReactAmsterdam meetup. I’ve been to a few React Amsterdam meetups and there’s always a really good vibe so I was really happy I got to do a lightning talk on a subject I care about. There were about 200 people in the room and it was again a really nice crowd. USING EASING FOR MORE THAN JUST CSS TRANSITIONS CSS & HTML , 6 January2020
We can define easing curves for the transitions and animations on our websites to give them a more natural and subtle feel. But it’s not just animations that benefit from easing curves. Any time there is a transition between two states an easing curve will make that feel more natural and less harsh. MAKE YOUR ELECTRON APP FEEL AT HOME EVERYWHERE Electron , 16 December2019
I got invited to talk about Electron at QCon San Francisco in November and the video and transcript of the presentation are now available. Electron gives you the power to write a single application for Windows, MacOS and Linux. But Electron apps can easily feel out of place among other applications, exactly because you have so much freedom in designing your UI. THE BOX MODEL IS NOT LAYOUT Design , 8 October 2019 One term that keeps coming up in the design community as a stand-in for layout is “box model”, for example in “Why don’t design tools have the box model?”
The CSS Box model is a well-defined term though, and it does not dolayout.
If we keep referring to our imaginary perfect layout system in design tools as “box model”, we risk getting the wrong thing. Hi, I'm Kilian. I make POLYPANE , THE BROWSER FOR RESPONSIVE WEB DEVELOPMENT AND DESIGN. If you're reading this site, that's probably interesting toyou. Try it out!
I DEVELOP MORE SOFTWARE AND TOOLS:SUPERPOSITION
Use the design system you already haveFROMSCRATCH
A cross-platform, simple and smart autosaving scratchpad. A MESSENGER ADVENTURE! Go on a text adventure in Facebook Messenger.ELECTRON
NEWSLETTER
The latest Electron news, articles, apps and interviews.TRIMAGE
Drag-and-drop lossless compression of PNG and JPG images for web. MESSENGER DEMO VIEWER Demo your (bot) interactions on Messenger.CATEGORIES
* Accessibility
(1)
* Apps (11)
* Chatbots (4)
* CSS & HTML (42)
* Design (18)
* Electron (6)
* Javascript (14)
* Life (18)
* Linux (2)
* SenCSs (6)
* Web (29)
* Wordpress (1)
SOCIAL
* Github
* Ko-fi
* Hacker news
* Product Hunt
NAVIGATION
* Blog
* About
* Speaking
* Using
* Projects
* Contact
2006 – 2020 Kilian Valkhof. Articles available for redistributionunder licence .
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0