شورت های CSS - میتالرن

مدرس Chris Converse

انتشار 2016/12/06

به‌روز‌رسانی 2018/12/11

مدت زمان 9h 52m

سطح متوسط

فایل تمرینی دارد

آموزش CSS Shorts

CSS Shorts مجموعه‌ای است که تمام جنبه‌های CSS، از جمله ویژگی‌ها، پیش‌پردازنده‌ها، موقعیت‌یابی، شناورها و به‌روزترین تکنیک‌های یک ظاهر طراحی را پوشش می‌دهد. مربی کریس کانورس هر سه‌شنبه بازمی‌گردد و نکات کوتاه و به‌موقعی را برای شما به ارمغان می‌آورد که به توسعه‌دهندگان وب جدید و با تجربه کمک می‌کند تا وب‌سایت‌های زیباتر و کد کارآمدتری ایجاد کنند. تنظیم کنید و یاد بگیرید که چگونه کنترل بیشتری بر سبک، طرح‌بندی و حتی تجربه کاربری طراحی‌های وب خود داشته باشید.

Cascading Style Sheets (CSS) Front-end Development Web Standards

Introduction

Welcome ()

February 2019

Multiple background images ()

OpenType swashes ()

Photo gallery, part 1 ()

Photo gallery, part 2 ()

January 2019

Accordion panels ()

Border image ()

Aspect ratio ()

Shadow for a PNG file ()

Style by download type ()

December 2018

Every nth element ()

Layout patterns ()

Style placeholder text ()

July 2018

Diamond-shaped image crop ()

Add perspective to an element ()

Responsive iframes ()

Create a star ()

Color SVG with CSS ()

Style a progress bar ()

Indicating required form fields ()

3D product box: Create the box sides ()

3D product box: Add graphics to sides ()

3D product box: Resize and position box ()

Curve your header ()

Add content from attribute values ()

Striped pattern with CSS ()

June 2018

Blur and focus rollover effects ()

Clip an image ()

Vertically aligned columns ()

Gradient text ()

May 2018

Span flex columns ()

Combine gradients and blend modes ()

Create a speech bubble ()

Animate SVG elements ()

See more links ()

April 2018

Create a vignette ()

Create variables ()

CSS not selector ()

Parallax scroll effect ()

March 2018

Filter a list ()

3D shadow text ()

Show URLs when printing ()

Style breadcrumb links ()

February 2018

Box sizing to the rescue ()

Set text on an angle ()

Triangle bullets ()

Force text to wrap ()

January 2018

Add images with pseudo-elements ()

A transition for your mobile menu ()

Animate a sprite sheet ()

Style telephone links ()

Circular text wrap with CSS ()

December 2017

Create a grid of images ()

Sticky footers ()

Selection colors ()

November 2017

Detect screen resolution ()

Continue a numbered list ()

Add a QR code for print ()

Interactive tab panels ()

October 2017

Outline your text ()

Create polka dots ()

Gradient horizontal rule ()

Embed SVG art in CSS ()

Style big list numbers ()

September 2017

Text indents ()

Flex a column with a pseudo-element ()

Display images as grayscale ()

Customized radio buttons ()

August 2017

Indicating off-site links ()

Creating a pie chart ()

Numbering items ()

Animating backgrounds ()

Angled headers ()

July 2017

Checkboxes to switches ()

Blurring images ()

Overlapping heading rule ()

June 2017

Center A positioned element ()

Put your best footer forward ()

Mixin' it up with SASS ()

Mixin' it up with LESS ()

May 2017

Drop the cap ()

Get nestled with SASS ()

Get nestled with LESS ()

Flex your columns ()

Let’s focus on the focus ()

April 2017

Expand your mobile menu ()

Vertical and center ()

Column divider lines ()

Creating a grid ()

March 2017

Get your links in a row ()

Give me a few tips ()

Setting a stylish table ()

Color functions in Sass and LESS ()

February 2017

First things first and last things last ()

Setting colors with Less and Sass ()

Calc it, fix it, and forget it ()

Hover in a hover ()

January 2017

A button for your link ()

Visiting the visited link ()

You can quote me ()

A glowing property ()

Dress up that link ()

December 2016

Give me some background ()

What’s your position? ()

Let me float this by you ()

CSS_focus_selector.zip (41 KB)

CSS_flex_columns.zip (174 KB)

CSS_LESS_nesting.zip (154 KB)

CSS_SASS_nesting.zip (154 KB)

CSS_drop_cap.zip (143 KB)

CSS_creating_a_grid.zip (61 KB)

CSS_dividing_columns.zip (41 KB)

CSS_vertically_align_text.zip (133 KB)

CSS_expandable_mobile_menu.zip (61 KB)

CSS_responsive_footer.zip (379 KB)

CSS_SASS_mixins.zip (72 KB)

CSS_position_center.zip (184 KB)

CSS_progress_bar.zip (1.0 MB)

CSS_perspective_sidebar.zip (1.0 MB)

CSS_diamond_image_crop.zip (1.0 MB)

CSS_curved_header.zip (1.0 MB)

CSS_creating_a_star.zip (1.0 MB)

CSS_color_SVG.zip (1.0 MB)

CSS_attribute_content.zip (1.0 MB)

CSS_3d_product_box.zip (1.0 MB)

CSS_required_fields.zip (1.0 MB)

CSS_responsive_iframes.zip (1.0 MB)

CSS_striped_background.zip (1.0 MB)

CSS_gradient_text.zip (1.0 MB)

CSS_vertically_align_with_flex.zip (1.0 MB)

CSS_clip_image.zip (1.0 MB)

CSS_focus_on_rollover.zip (1.0 MB)

CSS_animating_SVG_elements.zip (1.0 MB)

CSS_speech_bubble.zip (1.0 MB)

CSS_gradients_and_blend_modes.zip (1.0 MB)

CSS_custom_radio_buttons.zip (584 KB)

CSS_grayscale_images.zip (113 KB)

CSS_flex_pseudo_element.zip (113 KB)

CSS_text_indents.zip (215 KB)

CSS_animating_background_images.zip (840 KB)

CSS_numbering_items.zip (51 KB)

CSS_pie_chart.zip (51 KB)

CSS_offsite_links.zip (41 KB)

CSS_overlapping_heading_rule.zip (133 KB)

CSS_blurring_images.zip (102 KB)

CSS_checkboxes_to_switches.zip (31 KB)

CSS_calc_columns.zip (635 KB)

CSS_nested_hover_states.zip (758 KB)

CSS_less_sass_color_vars.zip (123 KB)

CSS_first_last_of_type.zip (164 KB)

CSS_logo_hyperlink.zip (645 KB)

CSS_shadow_effects.zip (123 KB)

CSS_visited_links.zip (41 KB)

CSS_link_buttons.zip (133 KB)

CSS_blockquote.zip (983 KB)

CSS_Position.zip (133 KB)

CSS_Float.zip (133 KB)

CSS_Background.zip (102 KB)

CSS_Adjusting_Colors_SASS_and_LESS.zip (133 KB)

CSS_table_rows_columns.zip (573 KB)

CSS_tool_tips.zip (461 KB)

CSS_row_of_links.zip (543 KB)

CSS_outlined_text.zip (307 KB)

CSS_images_with_pseudo_elements.zip (430 KB)

CSS_gradient_horizontal_rule.zip (133 KB)

CSS_embed_SVG_in_CSS.zip (655 KB)

CSS_spanning_flex_columns.zip (1.0 MB)

CSS_parallax_scroll_effect.zip (1.0 MB)

CSS_creating_a_vignette.zip (1.0 MB)

CSS_not_selector.zip (1.0 MB)

CSS_variables.zip (1.0 MB)

CSS_creating_polka_dots.zip (2 KB)

CSS_style_breadcrumb_links.zip (614 KB)

CSS_display_hyperlink_url.zip (584 KB)

CSS_3D_text_shadow.zip (102 KB)

CSS_filtering_a_list.zip (266 KB)

CSS_word_wrap.zip (512 KB)

CSS_triangle_bullets.zip (686 KB)

CSS_text_on_angle.zip (164 KB)

CSS_see_more_links.zip (1.0 MB)

CSS_box_sizing.zip (154 KB)

CSS_style_telephone_links.zip (205 KB)

CSS_animate_sprite_sheet.zip (307 KB)

CSS_transition_mobile_menu.zip (205 KB)

CSS_images_with_pseudo_elements.zip (420 KB)

CSS_angled_header.zip (143 KB)

CSS_selection_color.zip (123 KB)

CSS_sticky_footer.zip (543 KB)

CSS_grid_of_images.zip (461 KB)

CSS_interactive_tabbed_panels.zip (461 KB)

CSS_qrcode_for_print.zip (205 KB)

CSS_continuing_numbered_list.zip (82 KB)

CSS_detecting_screen_resolution.zip (410 KB)

CSS_styling_big_list_numbers.zip (625 KB)

CSS_circular_text_wrap.zip (410 KB)

CSS_LESS_mixins.zip (676 KB)

CSS_download_type.zip (1.0 MB)

CSS_border_image.zip (1.0 MB)

CSS_aspect_ratio.zip (1.0 MB)

CSS_accordion.zip (36 KB)

CSS_layout_patterns.zip (1.0 MB)

CSS_multiple_background_images.zip (1.0 MB)

CSS_nth_child.zip (1.0 MB)

CSS_photo_gallery.zip (1.0 MB)

CSS_placeholder_text.zip (1.0 MB)

CSS_PNG_shadow.zip (22 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.