Index of /webexp/

Web Experiments

Can be useful, who knows
Previously this was a list that I made into a table again,,, quite the opposite of what I'd do, but heh idk
Currently they point to an external website, soon they won't (hopefully)

Set 6 (test)
NameLast ModSizeDescription

pagenumberthing.html2024-10-02
tagthingtest.html2024-10-01
tabstest.html2024-09-29
buttonstyletest.html2024-09-29
twtposttest.html2024-09-25
somestylesagain.html2024-09-24
ytforytdljson.html2024-09-05
percentbarthing.html2024-09-02
qna.html2024-08-27
dynamiclinkbox-color.html2024-07-21
themesettings.html2024-07-21
dynamiclinkbox.html2024-07-16
breadcrumbtest.html2024-07-13
breadcrumb4.html2024-07-12
breadcrumb3.html2024-07-12
breadcrumb2.html2024-07-12
breadcrumb1.html2024-07-12
tagstyle2.html2024-06-28
tagstyle.html2024-06-28

Set 5
NameLast ModSizeDescription

howknowtouhou.html2024-07-31
wishlisttext.html2024-07-29
howplaygamelinux.html2024-07-28
githubstars.html2024-07-28
langwebicon.html2024-07-12
twitchvodyt.html2024-06-29
twtfollowingwip.html2024-06-23
skebtodo.html2024-06-23
imageresultthing.html2024-06-21
favicontest.html2024-06-20
boxartthing.html2024-06-20
listlinktest.html2024-06-20
calendardaything.html2024-06-20
hrlinewithtext.html2024-06-20
chararef.html2024-06-20
videoplaylistthing.html2024-06-18
serpstylething.html2024-06-18
videothumbnailsidebar.html2024-06-17
guestbook.html2024-06-12
spoilerthing.html2024-06-10
twitchpanels.html2024-06-09
wishlist.html2024-06-09
titlebreadcrumb.html2024-06-07
markdownalert.html2024-06-06
clickplaylist.html
treelistanother2.html

Set 4
NameLast ModSizeDescription

tabsexample4.html2023-10-12
twtpoststyletest.html2023-10-10
twtcardstyletest.html2023-10-10
achievstyletest.html2023-10-05
resultspageexample.html2023-10-05
faviconjsfromurl.html2023-05-27
bitness.html2023-05-27
browserinfo.html2023-05-27
ytfavicons.html2023-05-27
hnfavicons.html2023-05-27

Set 3
NameLast ModSizeDescription

Coloured Headings w/ Backgrounds this time2022-10-19added more on 2022-10-23
I wanted the headings to have backgrounds for a long time, but never knew exactly how to do them; that is until I did it :3
Tree List Again2022-12-01Another one because the previous one is difficult to manage and can be done better
Image Annotations2022-12-01I've done this one before but I can't remember where it is or if I did it properly,
so I'll redo it
Also includes alternative tooltip
Table of Contents2022-12-01Also includes smooth scroll (not yet, soon (maybe) TODO?)
Window Open 2 or nkdwin.js2022-11-17start date some time in 2022
Old code was kinda messy, this one even more
Lightbox Example2022-12-01
Thumbnail Change Image Hover Another2022-09-21Similar to the other one but different
Random Characters String2022-09-01fixed 2022-09-12
I intended this for classes for some icons for an old project, that may or may not be continued some day
ToolTip2022-09-01fixed 2022-09-12
Had to use a library for this one ;w; but at least I know how it works now
Click Playlist2022-09-01fixed 2022-09-12
TODO: Use other sample vids instead of the whole collection and make it work DONE: The whole collection will be revealed after it's fixed with this layout another time and made better ^^
Auto Emote2022-08-29fixed 2022-09-12
Also this. Never thought I'd ever use them but here we are, I only used them as example because I always wondered how to do this
Playlist Image Hover Animation2022-08-29fixed 2022-09-12
Also wanted to do this for a long time
Sidebar Thumbnail Change Image Hover2022-08-26fixed 2022-09-12
Wanted to do this for a long time

Set 2
NameLast ModSizeDescription

Coloured <b> and <i>2021-10-25This should be moved in a compilation or something
Wishlist Notes Styling2021-10-20added more 2021-10-25
Bunch of writing; the webpage style may be used again in future
Something with the NEW icon thing2021-10-24(the code was from earlier than this tho), fixed on 2021-10-25
For some reason, I had the base code laying around somewhere, but I never did anything with it. But now I did something.
That NEW icon will appear red if the date is less than 1 week ago, will turn yellow if it's 2 weeks ago, and disappear if it's more
Files List Example 42021-09-18And again :3
Audio Play2021-08-05fixed on 2021-08-20
Not sure if it works
Date Thing2021-08-02fixed on 2021-08-20
Is intended for my writings, I think ^^
It's supposed to have some icons, but I'm not sure I'll actually use this
Image to Embed2021-07-31fixed on 2021-09-17, 2021-11-03
Needs some fixing
Now it's fixed :3
Bullet2021-07-29
Flag Sprite again2021-07-??Same as Flag Sprite, but sorted by continents
Counter Test2021-07-13
Doesn't work... yet
Now it does :3
fixed in 2021-07-20
OS Compatibility Table2021-05-11
fixed in 2021-07-27
Game Reviews Testing Ground2021-04-29
Notice Thing again?2021-04-23
Steam Small Librarysome time in early 2021
Sidebar Video Thumbnails2019?
Fixed some time in early 2021
Update in 2021-11-04
Spoiler Text and Box2021-01-25
AutoIndex Styling? ~ 2020-08-27Nice. Was helped by someone for setting the icons to work properly, but... the icons are not available currently. You know, previous webhoster. I'm working on bringing the icons back somehow.
DL Rank List?A rank list example I got inspiration from TODO
Flag Sprite?Most World Flags in Image Sprite form
The little flags are from famfamfam.com
The image sprite is self-made, as well as the webpage
HTML Code Style Test?An example of styling the code box thing
From TODO?
Map Navig Thing?For Gal PaniX stage selection
Currently inexistant images from the same game
WebPage is made by me
News Thing?Intended for the News webpage.
Made by me
NoFrames?TODO: Put this into a frame and see what happens.
Notice Thing?I was supposed to use this when I need to add something in the old webpages. But I didn't yet.
Made by me?
Custom ScrollBar?Currently only works on WebKit-based browsers, such as Chrome.
Scrollbar is from my theme for XP.
TODO: Make it work on IE (or not) and Firefox. Support for Firefox is currently limited.
Touhou Chibi Sprite?Uhh... I forgot what exactly this was, tbh. I think I got a sprite with Touhou chibis, and I tried to order them in a list? Anyway, images don't work (ofc)
From TODO
Under Construction?Yep
GIFs from gifcities
WikiPedia Tables?(One of) The best page(s).
Styling from WikiPedia, edited by me.
Contains images from WikiPedia once you click the link near the bottom of text.
Achievement Showcase Test2020-12-25~ 2020-12-28
It is for Eryi Action guide
Images, some text and inspiration from Steam
Trophies from TODO
update on 2021-10-27
Panel Thing2020-10-18Don't know what I wanted to do with it.
From TODO?
QnA n Stuff2020-12-25Yes
Made by me
Custom Checkboxes2018-04-19
Yay! Next would have been the choice buttons, but I forgot about it...
I fixed it. Looks like I forgot to change the code after I changed with my own image... From TODO, modified by me
fixed on 2021-01-12
Show browser and OS?That thing from homepage

Set 1
NameLast ModSizeDescription

5th2019-07-11~ 2019-08-27
From me(?)
Ruby Test2019-08-01Testing the Ruby element
Was used in the Nyan Nyan Parasol webpage
Window Style Test2019-07-26Attempt to recreate a window
Typography Test2019-07-11Fun
Blockquote Test2019-07-05Styling for the blockquote element
From TODO
4th2019-07-03Text from highlight.js
Boxes need to be redone
Color Console2019-07-02Hint: Developer Console
Japanese Character Test2019-06-16What I used to make sure JP characters are 16x16 for some grid-based texture thing that never came to be...
Most text from WikiPedia
Some Styles 32019-06-15From me(?)
Colors Test2019-05-28~ 2019-06-05
Nice colors. Previously they were indistinguishable from eachother ;w;
fixed in 2020-12-26, made better in 2021-06-08
ClearFix Demo2019-06-02fixed to add image in big box on 2021-06-04
For when the floating elements mess up the layout.
If you use normares.css, you can apply the "cf" class to clear the space.
Input Outline2019-05-30Testing out outline in input.
Window Open2019-03-15Click the link and you'll be presented with a small window
Mostly made by me, with a lot of trial and error.
Files List Example 32019-05-28Again(?)
Files List Example 22019-02-21Same as below
Files List Example2019-02-21Was intended for softlist I think
Calendar JS2018-06-14~ 2018-12-14
(One of) The best WebPage(s)
Credits on the WebPage itself
fixed in 2021-01-10
fixed (again) in 2021-07-27
update in 2021-11-04
Select Theme2018-11-26Would be used for setting theme.
TODO: Maybe make it work with most of webpages on this website?
Honk?
Some Styles 22018-04-20From me?
Frame2018-04-16Was intended for softlist
Some Styles2018-04-06From me?

Set 0

These are the oldest ones

NameLast ModSizeDescription

Masonry2019-08-27Was intended for softlist
Link Alternative2019-07-05Alternate design for the Links webpage.
From TODO
Tabs Example 32019-06-29Text by me
From TODO
fixed in 2021-01-10
Link List Example2019-05-13Links with icons besides.
Inspiration from StackOverflow's sidebar.
Diary Test2019-03-24From nicky.cgi. Design modified by me
Code Style Test 22019-03-12Huh
From TODO?
FootNotes2019-02-21 ~ 2019-03-12From TODO, edited by me
Progress Bars 32019-03-02From TODO
Dark Navigation2019-02-21From TODO
Top Bar2019-02-21From TODO
Menu Notifications2019-02-21From TODO
ToDo List Example2019-02-21From TODO
Progress Bars 22019-02-21From TODO
Tabbed Widget2019-02-21From TODO
Date Picker 22019-02-21From TODO
FlipDown Clock2019-02-21From TODO
Notepad Thing2019-02-21From TODO
Dark Pagination2019-02-21From TODO
DropDown Lists2019-02-21From TODO
Month Picker2019-02-21From TODO
Dark Horizonal Nav2019-02-21From TODO
Date Picker2019-02-21From TODO
Sliding Tags2019-02-21From TODO
Mini DropDown Menu2019-02-21From TODO
Little Calendar2019-02-21From TODO
Progress Bars2019-02-21From TODO
GitHub Buttons2019-02-21From TODO
Buttons inspiration from GitHub if I'm not wrong
Styled OL 32019-02-21From TODO
Collapsible Lists2019-02-21Yea, that
From TODO
Custom Checkboxes2019-02-21(?)Needs fixing
From TODO
Prevent Tables from Becoming too Wide2019-02-21From TODO
Styled OL 22019-02-21From TODO
Nested Lists Example2019-02-21Would be used for ToC and such
From me(?)
Component Github Buttons2019-02-21From TODO
Update Text Box Test2019-02-17I forgot what this is
From TODO?
Tree List2018-03-27 ~ 2018-06-14From TODO
Custom Select Test2018-11-26From TODO
DropDown Test 22018-11-26From TODO
DropDown Test2018-11-26Example for style of DropDown
From TODO
Table Style Tedt 2nd2018-11-12From TODO
Collapse Test2018-10-02From TODO
Modal Image 3
2018-09-29
WikiPedia Style Test2018-08-23Styling from WikiPedia, edited by me
Purple Button2018-08-17From TODO
Buttons Dark2018-08-11From TODO
Table Style Test2018-07-26From TODO
Code Style Test2018-07-09uhh... From TODO?
FAQ Example2018-06-22From TODO
FAQ Example2018-06-22From TODO
FAQ Example2018-06-22From TODO
FAQ Example2018-06-22From TODO
FAQ Example 22018-06-20From TODO
Menu Test 52018-06-19From TODO
Page2018-06-19I don't know what this is... it seems to be an older version of what the Archive webpage would be.
Modal Image 2
2018-06-18
Modal Image 1
2018-06-18
Modal Image2018-06-18Was intended for softlist
List Example 32018-07-08From TODO
Show/Hidden Radio2018-06-16From TODO
Tabs Example 2nd2018-06-16From TODO
Flip Clock2018-06-16From TODO
Modal2018-06-16From me?
Styled Input 22018-06-15From TODO
Styled Input2018-06-14From TODO
BreadCrumbs2018-06-14No, not those. Was intended for navigation
From TODO
Styled OL2018-06-14From TODO
Buttons2018-06-14From TODO
Day Month2018-06-14From TODO
1st2018-06-12From TODO
Select Example?Styling for the Select element.
From TODO
Form Example2018-06-12From TODO
List Example 22018-06-16From TODO
Tabs Example2018-06-12From TODO
List Example2018-06-12From TODO
FAQ Example2018-06-11Example of FAQ design
From TODO
Hover Show Image JS2018-06-08From me?
Menu Test 42018-05-08From TODO
License Show2018-04-28Intended for Showing and Hiding license texts.
It's from Chrome's license webpage if I'm not wrong; edited by me.
Hover Opacity2018-04-19From TODO
2018-04-19From TODO
List Dir2018-04-19From TODO
Menu Test 32018-04-19From TODO
Menu Test 22018-04-19From TODO
Shiny2018-04-19Hover makes elements have shiny effect
From TODO
Some sidebar2018-04-19From TODO
Table Style2018-04-06From TODO?
Menu Test2018-04-05From TODO
2018-06-09Made by me I think; needs improvement

Go home


Icons from