zolevs / training

My training exercise

• 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 - 💔 💌 💔 🚶

👽