- 10.01 - Tab with - triangle
- 13.01 - Sliding image π
- 13.01 - Background image https://developer.mozilla.org/en-US/docs/Web/CSS/repeating-linear-gradient#Examples
- 14.01 - Sticky menu (wait a few seconds for lorem picture to load)
- 16.01 - jquery testing with simple example
- 17.01 - Collapsing header
- 23.01 - Numbered orderd list with CSS
- 26.01 - Corner ribbon /corner ribbon/ :green_book:
- 31.01 - Search box /search box/ :mag:
- 01.02 - Box drop shadow
- 01.02 - 3D drop shadow effect /drop shadow/
- 02.02 - Toggle Switch button /toggle switch/ :lock:
- 03.02 - Bubble scroll animation /bubble effect/ :snowflake:
- 05.02 - Skewed background /skew background/
- 07.02 - Skewed background version 2 /skew background - skew 2/ :grey_exclamation:
- 08.02 - centering /centering_text; centering_div/
- 08.02 - centering four different methods /test_centering/
- 12.02 - 3d box /3d/
- 13.02 - Skew background 3 /skew background - skew3/ lame version πͺ
- 14.02 - Button animation /buttons/ β
- 15.02 - Button animation /buttons - button_underline/
- 16.02 - Button animation /buttons - grow_button/
- 16.02 - Button animation /buttons - side_sliding/
- 18.02 - Selector /css selector - form/
- 19.02 - Selector /css selector - form/
- 20.02 - Flipping card
- 21.02 - Selectors /child/ :first-child, :last-child, :empty, :only-child
- 21.02 - Atribut selectors ^ -begins; $-ends with; * - contains
- 22.02 - Selectors :focus :disabled :checked /form_2/
- 22.02 - Snowflakes /snow fall/ :snowflake:
- 28.02 - Selectors /css selector- child_2 / nth-child
- 28.02 - Selectors /css selector-nth-type/ nth-of-type
- 28.02 - Selectors /css selector-nth-type/ :target
- 28.02 - Selectors /css selector-nth-type/ :not() pseudo-class
- 01.03 - Selectors /css selector-pseudo-element/
- 02.03 - Selectors /css selector-pseudo-element/ attr function
- 02.03 - Zoom image on scroll /background image/
- 05.03 - Flip menu slider /flipMenu/
- 06.03 - Icon animation /icon/ :vertical_traffic_light:
- 08.03 - Newspaper layout /layout/
- 08.03 - Bouncing box /buttons/
- 12.03 - tabel-cell for vertical alignment /center - tableCentering/
- 12.03 - centering image with background property /center - backgroundImg/
- 14.03 - Rotating globe /rotating globe/
- 16.03 - Caption slider /sliding/
- 16.03 - Infobox slider /sliding - slidingDescription/
- 18.03 - Clip clap sliding animation /sliding - slidingAnimation/
- 19.03 - Floats and fixes /floats - float/
- 22.03 - Fixed menu /sticky menu - fixedMenu/
- 23.03 - click Image selector :target /sandbox - clickImage/
- 24.03 - Background gradient with image /gradient - gradient/
- 26.04 - Classic menu /menu - classic/
- 29.03 - Recreate blink tag /animation - blink/ :cyclone:
- 29.03 - Testing animation behaviour /animation - box /
- 31.03 - About me card /about/
π½
- 01.04 - /flat/ Web Start page
- 02.04 - /image slide - 0204_slide/ Text image slide
- 03.04 - /flat/ - Simple flat
- 04.04 - /chatbox/ Chatbox styling
- 05.04 - /menu - felldown/ Menu animation
- 07.04 - /chatbox - input/ Input field styling
- 11.04 - Smiley /icon - smiley/
- 13.04 - Fixed landing /layout/
- 15.04 - Bag icon with pawn /icon - simple/
- 18.04 - Simple Web page /simple web/
- 18.04 - Checkbox styling /buttons - checkbox/ :baby:
- 19.04 - Full screen menu sliding /menu - fullscreenmenu/
- 23.04 - Border line animation /animation - animatedBorder/
- 24.04 - Border gradient pattern zig zag effect /header - border/ :hammer: :hammer: :hammer: :hammer: :hammer: :hammer:
- 25.04 - Cool menu /menu - cool/ :hammer:
- 30.04 - Brick SVG effect animation /background image - brick/
π½
- 05.05 - Card animation /sliding - card/
- 10.05 - Tooltip /about - tooltip/
- 11.05 - Circle tranform button /buttons - circlebutton/
- 12.05 - Modal box /hello jquery - modal/ :balloon: :balloon: :balloon: :balloon: :hammer:
- 14.05 - Video background /animation - fullscreenvideo/
- 15.05 - iPhone /training - about - iphone/ :watch:
- 16.05 - Pencile /training - pencil/
- 17.05 - π¨π¨π¨π¨
- 18.05 - Mouse with infinite scroll (jquery) /sliding - infinitescroll/
- 22.05 - Input box styling /chatbox - inputText/
- 23.05 - level - 1 π π¨ π π¨ π π¨
- 27.05 - Shape - Monitor /shapes - monitor/
- 28.05 - Full screen search /search box - fullScreen/
- 29.05 - Text fill animation /animation - textFill/
- 30.05 - Scroll to anchor tag /hello jquery - scrollTo/
π½
- 03.06 - Smile button with hover /other - smile/
- 04.06 - Arrow sign /other - arrowSign/
- 05.06 - Sliding icon /icon - socialIcon/
- 06.06 - Isometric Card /fliping card - isometricCard/
- 09.06 - Zoom info Box /modal - boxZoom/ :wrench:
- 10.06 - FlexBox grid - appTheme /flexBoxGrid - appTheme/ :construction: :arrow_up: :arrow_up: :arrow_up: :heavy_check_mark:
- 17.06 - Progress bar /progressBar/
- 20.06 - Info Card animation / fliping card - infoCard/
- 21.06 - Flipping image cards /fliping card - filppingCard/
- 22.06 - Wave button /buttons - waveButton/
- 24.06 - Sticky menu /sticky menu - plainMenu/
- 26.06 - Tabbed content /other - tab/
- 27.06 - Neon glow effect /text - neonText/
- 28.06 - Accordion menu with css /text - axxordionPanel/
- 29.06 - UI Intrface
π½
- 04.07 - UI Interface - score board /UI testing - score board - score/
- 05.07 - Classic Button /buttons - classicButton/
- 07.07 - Info text /text - infoText/
- 09.07 - 3D Logo, image as 3d logo /3d - logo/
- 10.07 - Full screen slider /sliding - imageSlider/ :sun_with_face:
- 13.07 - Double fill effect /text - textAnimation/
- 14.07 - Preloading progress bar animation
- 15.07 - Sprite animation /sprite - animation/
- 16.07 - Rotating word animation /text - rotatingWord/
- 18.07 - Rain animation /animation - rain/
- 19.07 - Border button /buttons - aroundBorder/
- 22.07 - Google input form animation /UI test -formDesign- googleMenu/
- 23.07 - Background color animation /background image - backgroundColor/
- 23.07 - Badge /other - badge/
- 28.07 - Pin locator /other - mapLocator/
- 29.07 - Split button effect /buttons - splitEffect/
- 29.07 - Menu underline animation /menu - underlineMenu/ :pushpin:
- 30.07 - Pulse Icon /icon - pulseIcon/
- 30.07 - Smooth scroll /image slider - scrolling/
- 31.07 - Watermelon shape /shapes - watermelon/ :watermelon::watermelon:
π½
- 01.08 - Info box 3D flip /fliping card - 3Dimage/
- 02.08 - Envelope (gmail) shape /shapes - envelope/
- 05.08 - Card stack /shapes - cardSrack/
- 05.08 - Simple front Page /web page - simpleFront/ :one: :two: :three: :four: :five: :six: :tada: :tada: :tada:
- 13.08 - Ripple effect /other - rippleEffect/
- 15.08 - Outline & offset propery /other - outlineOffset/
- 15.08 - Circle animation /other - circleLogo/
- 16.08 - Fade and Blur menu /menu - fadeMenu/
- 17.08 - Box button /buttons - design/ :zzz:
- 18.08 - Shadow Flow effect /gradient - shadowFlow/
- 19.08 - Hamburger menu slider /menu - hamburgerMenu/
- 19.08 - Border button /buttons - shapeButton/
- 20.08 - Fade info box /fliping card - fadeInInfo/ :eyes:
- 21.08 - Stiched border /corner ribbon - stichedRibbon/ :zzz: :eyes:
- 21.08 - Stiched box /corner ribbon - Stichedbox/ :eyes:
- 22.08 - HP 840 π€ π
- 23.08 - 3d dimension button /buttons - dimensionButton/
- 26.08 - Move object /other - moveObject/ :eyes:
- 27.08 - Card slider /hello jquery - cardSlider/
- 30.08 - Skew border /diagonal lines - skewDiv/ :blue_car:
- 31.08 - Water and cup with water animation /shapes - cupWater/ :potable_water:
- 31.08 - Dark login form /UI Testing - darkLogin - darkLogin/ :+1:
π½
- 01.09 - Icon - Circle preloader /icon - sticker/
- 02.09 - Simple button /buttons - simpleButton/
- 02.09 - Moving point preloader animation /preloader - movingPoint/
- 03.09 - Falling boxes preloader animation /preloader - fallingBoxes/
- 04.09 - Progress bar preloader /preloader - progressBar/ :blue_car:
- 05.09 - Windows dot preloader animation /preloader - windowsLoader/
- 05.09 - Dot preloader /preloader - dotPreloader/ :black_circle:
- 06.09 - Sticky sidebar /hello jquery - stickySidebar/
- 08.09 - Pulsing bar preloader animation /preloader - pulsingBar/
- 09.09 - Spinning box preloader /preloader - spinningBox/
- 09.09 - Flipping boxes preloader /preloader - flippingBoxes/ :notes:
- 10.09 - Boxes preloader /preloader - boxesPreloader/ :red_circle:
- 11.09 - Box and circle preloader animation /preloader - boxCircle/ :dizzy: :dizzy:
- 12.09 - Border animation /preloader - boxBorder/
- 12.09 - Dot animation /preloader - dotAnimation/
- 20.09 - Glowing dots /preloader - glowingDots/
- 22.09 - Score table /numbered list - listTable/ :notes:
- 23.09 - Dropdown menu animation /menu - dropdownMenu/
- 25.09 - Breadcrumb menu /menu - breadCrumb/ :zzz:
- 26.09 - Vertical menu /menu verticalMenu/
- 28.09 - Windows 10 preloader animation /preloader - windowsPreloader/
- 28.09 - Filled rotating box /preloader - rotatingBox/
- 29.09 - Accordion panel /modal - accordionBox/
π½
- 01.10 - UI Profile card /UI testing - profile/
- 02.10 - Menu border-width effect /menu - newMenu/
- 02.10 - Sliding info panel /sliding - infoPanel/
- 04.10 - Simple bar preloader animation /preloader - simpleBar/
- 05.10 - Search box /menu - searchBar/
- 06.10 - Flip button /buttons - flipButton/
- 07.10 - Mist gradient color text /text - colorText/ :no_good:
- 08.10 - Moving box /animations - movingBox/
- 08.10 - Raster text effect /text - rasterText/ :feet:
- 09.10 - Info icon panel /header - iconInfo/
- 10.10 - Image gallery with simple filter selection /image slide - galleryImage/
- 11.10 - Image fade slider /image slide - imageFade/
- 12.10 - Text reveal /text - textReveal/
- 14.10 - Vertical Timeline /elements - verticalTimeline/
- 14.10 - Box toggle switch /toggle switch - boxToggle/
- 15.10 - Simple form /UI testing - formDesign - simpleForm/
- 17.10 - Simple menu /menu - hoverMenu/
- 18.10 - π π π
- 20.10 - Ribbron info box /modal - ribonInfo/ :muscle:
- 21.10 - Zoom button /buttons - zoomButton/
- 21.10 - Answer button animation /animation - answerButton/
- 23.10 - Contact form, animaiton on focus /UI testing - contact - form/
- 25.10 - Rotated menu /menu - rotateMenu/
- 26.10 - Border menu /menu - coolMenu/ :nail_care:
- 27.10 - Pop up box /modal - popUpBox/ :sleepy:
- 30.10 - Sidebar menu /menu - sideBarMenu/
- 31.10 - Split text menu /menu - splitTextMenu/
π½
- 02.11 - Fliping box animation /animation - flipingBox/
- 04.11 - Preloader moving box /preloader - movingBlocks/
- 05.11 - Background filter image /layout - filterHeader/
- 08.11 - Accordion menu /menu - accordionAgain/
- 09.11 - Clock animation /shapes - clock/ :clock3:
- 10.11 - Circle preloader /preloader - spinningCircle/ :cold_sweat:
- 11.11 - Responsive menu (toggle switch) /menu - responsiveMenu/ :bowtie:
- 12.11 - Glowing Loader animation (circle & ball) /training - glowingLoader/
- 13.11 - Login form /UI testing - loginform - gradientForm/
- 14.11 - Slantedbackground /background image - slantedBackground/
- 19.11 - UI Card design /UI testing - profile - card/
- 20.11 - Split button /buttons - splitButton/ :cry:
- 21.11 - Simple transparent login /UI testing - darkLogin - transparent/
- 25.11 - Simple timeline /UI testing - timeline - simpleTimeline/
- 26.11 - Diffused dropshadow /drop shadow - diffusedDropshadow/ :yum:
- 26.11 - Sticky menu opacity /UI testing - elements - opacityHeader/
- 27.11 - Rating stars /UI testing - elements - ratingStars/
- 29.11 - Simple test layout /layout - layOut/
- 30.11 - Mix-blend-mode background text /text - transparentText/
π½
- 01.12 - Expandable button with icon&text /elements - expandableIcon/
- 02.12 - Sidebar navigation /elements - sideNavigation/
- 03.12 - Custom bullet points /numbered list - bulletPoints/
- 03.12 - Red header UI Card /UI testing - profile - readHeader/
- 05.12 - Product card /UI testing - score board - productCard/
- 10.12 - Crazy stripes menu /flipMenu - crazyMenu/
- 11.12 - Fade In text effect on hover /text - fadeInText/
- 12.12 - Zoom button on hover /training - menu - zoomButton /
- 13.12 - Border Icon /icon - borderIcon/ :raised_hands:
- 14.12 - Pulsing red circle /preloader - redCircle/
- 15.12 - Clock radialindicator.js /other - clock / :clock830:
- 16.12 - Text over image /text - textImage/
- 17.12 - Contact form /UI testing - formDesign - contactForm/
- 18.12 - Custom Scroll bar - CHROME Specific property /elements - scrollBar/
- 19.12 - Movie card design /UI testing - card - movieCard/
- 21.12 - Fixed button /sticky menu - fixedButton/
- 22.12 - Sliding button /elements - slidingButton/
- 23.12 - π π
- 27.12 - Text animation - jumping letters /text - jumpingText/ :basketball:
- 27.12 - Image zoom effect /other - zoom/
- 28.12 - π¨ π π¨
- 29.12 - Tabed login form /hello jquery - tabLogin/
- 31.12 - π π π
π½
- 03.01 - π
- 04.01 - π
- 05.01 - π
- 06.01 - π
- 07.01 - Scroll bar in DIV
- 09.01 - π
- 14.01 - Fade button - baggy /other - fadeButton/
π½
- 27.02 - π π
π½
- 07.03 - Background color animation /animation - backgroundGradient/
- 10.03 - Change background color /animation - changeColor/
- 18.03 - BondSlider /image slide - bondSlider/
π½
- 09.04 - Moving background /background image - backgroundjQuery/
π½
- 27.05 - Button slide /button - slideButton/ :muscle:
π½
- 18.06 - Button spin /training - buttons - spinButton/
π½
- 08.07 - Rotate image on hover /training - image slide - imageHover/
π½
- 09.08 - side bar from https://github.com/chrobaks/jquery-side-navi
π½
- 09.09 - Background Tiles /background image - backgroundGradient/
- 30.09 - Rotating square /preloader - rotatingSquare/
π½
- 04.10 - Sticky background image /training - image slide - stickyScroll/
- 07.10 - Grow search button /search box - anotherSearch/
- 08.10 - Dot effect with image /image slide - dotEffect/ :dot:
- 12.10 - Text animation with cursor /text - loadingText/
- 31.10 - Button hover with elastic effect /buttons - borderButton/
π½
- 06.11 - πΆ π Oskar R.I.P
- 11.11 - Product card with images /UI Testing - product - product/
- 12.11 - Slanted background with clip-path /skew background - slanted/
π½
- 01.12 - Wavey background with image /background image - wavyBackground/
- 02.12 - flip image /chatbox - flipImage/
- 05.12 - eye tracking with JS /tracking - eyeTracking/
- 09.12 - Large image scroll inside box /background image - imageHover/
- 16.12 - Stack animation /background image - stackAnimation/
- 28.12 - πΆ π π
π½
- 06.02 - Shrink text effect /text - splitText/
π½
- 09.03 - Show / hide password field /toggle switch - showHidePass/
- 19.03 - π
π½
- 10.05 - π π π πΆ