#Codrops , صفحه ۱ از ۲ , ۲۵ لینک


Password Strength Visualization | Codrops

, 8 آبان 1397 - Password Strength Visualization | Codrops

Visual feedback for password strength on an image based on Colibro's sign up form.
نمایش میزان قدرت رمز عبور!


Freebie: Winter Sports Icons (SVG, PNG) | Codrops

, 18 آبان 1395 - Freebie: Winter Sports Icons (SVG, PNG) | Codrops

A set of 50 vector icons with a winter sports theme. The icons can be easily adjusted and come in SVG format plus optimized, ready-to-use PNG format. Made by Freepik exclusively for Codrops readers.
آیکونهای زمستانی!


Spring Loaders with Rebound and Canvas | Codrops

, 29 اسفند 1394 - Spring Loaders with Rebound and Canvas | Codrops

A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.

لودینگهای بهاری!


How to Create an Interactive Animated SVG Drum Kit | Codrops

, 29 اسفند 1394 - How to Create an Interactive Animated SVG Drum Kit | Codrops

A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.

اجرای موزیک زنده!


Cinema Seat Preview Experiment | Codrops

, 25 دی 1394 - Cinema Seat Preview Experiment | Codrops

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.

رزرو صندلی سینما!


Elastic Progress | Codrops

, 3 مهر 1394 - Elastic Progress | Codrops

An elastic SVG progress loader based on the Dribbble shot "Download" by xjw.


How to Create a Fullscreen Video Opening Animation | Codrops

, 27 شهریور 1394 - How to Create a Fullscreen Video Opening Animation | Codrops

A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.

نمایش تمام صفحه ویدئو.


Styling & Customizing File Inputs the Smart Way | Codrops

, 25 شهریور 1394 - Styling & Customizing File Inputs the Smart Way | Codrops

A tutorial on how to style and customize file inputs in a semantic and accessible way using the label element and some JavaScript.

نمایش تعداد فایل انتخاب شده جهت آپلود بهمراه استایل زیبا.


Web Design & Development News: Collective #177 | Codrops

, 31 تیر 1394 - Web Design & Development News: Collective #177 | Codrops

Collective #177: Dropdown Alternatives * Quantity Ordering With CSS * Pure UI * CSS Facts * Code proverbs * Paths


Some More Inspiration for Text Input Effects | Codrops

, 4 فروردین 1394 - Some More Inspiration for Text Input Effects | Codrops

A couple of more styles for text input effect inspiration including some new techniques and ideas.

یک پروژه دیگر در Codrops. استایلهای مختلف جعبه متن یا تکست باکس!


Playful Trampoline Effect | Codrops

, 13 اسفند 1393 - Playful Trampoline Effect | Codrops

A little playful content navigation effect as a tribute to Leonard Nimoy. We use the draggable Elastic Stack and Snap.svg.

افکتهای های مدرن برای نمایش نوبتی تصاویر.


Inspiration for Button Styles and Effects | Codrops

, 7 اسفند 1393 - Inspiration for Button Styles and Effects | Codrops

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

استایل های متحرک و متفاوت برای دکمه ها توسط CSS.


How to Create (Animated) Text Fills | Codrops

, 27 بهمن 1393 - How to Create (Animated) Text Fills | Codrops

A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.

ایجاد متون متحرک با css.


Freebie: "Boxify" One Page Website Template | Codrops

, 8 بهمن 1393 - Freebie: "Boxify" One Page Website Template | Codrops

A modern free HTML5/CSS3 website template with a polished look and smooth animations, carefully crafted with the latest web technologies.

یک قالب رایگان و بسیار زیبا با HTML5/CSS3 .


Sliding Header Layout | Codrops

, 4 دی 1393 - Sliding Header Layout | Codrops

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.

آموزش ایجاد لایه ساده تمام صفحه با نمایش شبکه ای تصاویر(به همراه اسلاید بندی آنها).


Elastic SVG Elements | Codrops

, 30 آذر 1393 - Elastic SVG Elements | Codrops

Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.

المنتهای انعطاف پذیر برای طراحی وب. شیک و مدرن.


Inspiration for Dialog Effects | Codrops

, 18 آذر 1393 - Inspiration for Dialog Effects | Codrops

A small collection of dialog effects using CSS (and SVG) animations for your inspiration.

نمایش جعبه پیام بسیار پیشرفته و مدرن. بهتر است دمو مجموعه را ببینید(با استفاده از CSS و SVG برای قسمتهای متحرک).


Drag and Drop Interaction Ideas | Codrops

, 23 آبان 1393 - Drag and Drop Interaction Ideas | Codrops

Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area after an element is being dragged.

کشیدن و رها کردن با سبکی زیبا و مدرن.


Simple Morphing Search | Codrops

, 14 آبان 1393 - Simple Morphing Search | Codrops

A simple effect idea for a search input that morphs into a fullscreen overlay. The morphing search overlay will show a bigger search and some relevant content.

جستجو تمام صفحه در طراحی صفحات وب.


Resizing and Cropping Images with Canvas | Codrops

, 9 آبان 1393 - Resizing and Cropping Images with Canvas | Codrops

Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

برش تصویر با کمک جاوا اسکریپت و اچ تی ام ال 5. مثالی جذاب و آموزشی.