Một trong những lĩnh vực thể dục, gần đây đã đến Nga, nhưng đang nhanh chóng đạt được đà phát triển, là bài học về cột điện(múa cột, múa cột). Chỉnh sửa tư thế, cải thiện các đường nét của hình, giảm cân - các lớp học trên cột, bao gồm các yếu tố của môn thể thao nhào lộn và khiêu vũ, sẽ giúp đạt được điều này.
Múa cột thay thế cho bài tập aerobic
Tuân thủ nghiêm ngặt tất cả các loại chế độ ăn kiêng đảm bảo cân nặng chỉ trong giới hạn bình thường. Và để có những đường nét săn chắc đẹp đẽ của hình thể, các cơ chịu trách nhiệm, có thể và cần phải hoạt động, cung cấp cho chúng hoạt động thể chất thường xuyên.
Bài học về Pylon sẽ liên tục giữ cho tất cả các cơ ở trạng thái tốt theo đúng nghĩa đen, và khả năng lĩnh hội các yếu tố nhào lộn mới trong âm nhạc gây cháy nổ đảm bảo rằng bạn sẽ không cảm thấy nhàm chán.
Canada được coi là nơi sản sinh ra múa cột như một môn thể thao. Hướng đi này bắt đầu nhanh chóng trở nên phổ biến: lần đầu tiên chinh phục Hoa Kỳ, sau đó là Úc, Châu Âu và Trung Quốc. Và điều này không có gì đáng ngạc nhiên, vì tập sào là một môn thể thao rất năng động, mỗi buổi tập là một lần khám phá!
Những người hâm mộ trào lưu thể dục ngày càng tăng này không chỉ trở thành người sở hữu vóc dáng thon thả, săn chắc. Họ cũng được phân biệt bởi một tư thế đẹp, sự dẻo dai đặc biệt và sự phối hợp chính xác của các động tác, sự tự tin và nghệ thuật. Do thực tế là các lớp học trên cột kết hợp nhiều loại tải (tim mạch, sức mạnh cộng với thành phần vũ đạo), những thay đổi về ngoại hình của bạn sẽ sớm trở nên đáng chú ý. Không có hạn chế nghiêm ngặt về thực phẩm - trong một lần tập luyện, bạn sẽ đốt cháy khoảng 900 calo.
Bài học cực cho người mới bắt đầu
Thật sai lầm khi nghĩ rằng múa cột chỉ dành cho những người có thể hình đẹp. Tham gia vào cột điện nằm trong khả năng của ngay cả những người không được đào tạo thể chất đặc biệt. Và cơ bắp được siết chặt và khả năng kiểm soát cơ thể của bạn sẽ đến với thời gian, điều chính là tiếp tục tập luyện và không bỏ cuộc.
Nếu mục đích chính của việc đến múa cột- đây là hiệu chỉnh trọng lượng, sau đó tốt hơn là bắt đầu các lớp học với một người hướng dẫn cá nhân. Với nó, quá trình tập luyện sẽ được xây dựng theo một chìa khóa sức mạnh cho tim mạch với trọng tâm là đốt cháy calo. Nó có ý nghĩa để kết nối các biên đạo múa sau đó một chút.
Cơ bắp khỏe mạnh (cơ bắp chân, cơ lưng và vai được tham gia tích cực trong giờ học) sẽ cho phép bạn đi giày cao gót một cách dễ dàng và tự nhiên, trong khi vẫn giữ được tư thế kiêu hãnh.
Các bài học tích cực theo nhóm cũng có thể được thực hiện. Đây là một cách tuyệt vời để nới lỏng và thoát khỏi sự nhút nhát. Chỉ cần tính đến một sắc thái - người hướng dẫn sẽ không thể phân bổ sự chú ý của mình một cách đồng đều cho tất cả các thành viên trong nhóm. Số lần tập luyện tối ưu là ba lần một tuần. Một phiên tiêu chuẩn bao gồm kéo giãn (15-20 phút) và tập luyện sức mạnh chung.
Đầm giả sử sự hiện diện của một số tập hợp:
Để giãn cơ - áo phông, quần thể thao dài và tất (quần áo giữ nhiệt cơ thể giúp nhanh chóng làm nóng cơ);
Để làm việc cực - quần đùi ngắn bó sát, áo bó sát, tất, xà cạp hoặc quần séc.
Để làm việc về vũ đạo - quần áo bó sát (ví dụ, xà cạp và áo phông); Quần áo nên nhấn mạnh hình dáng của con số.
Cần lưu ý rằng luyện sào là một môn thể thao khá dễ gây chấn thương. Vì vậy, bạn không nên cố gắng tự mình thành thạo các thủ thuật phức tạp. Ngay cả việc đào tạo với một người hướng dẫn có kinh nghiệm cũng không hứa hẹn rằng mọi thứ sẽ suôn sẻ ngay lập tức. Kết quả của các lớp học thành công sẽ là một vũ điệu ngoạn mục, bao gồm các yếu tố như xoay người, thủ thuật và vũ đạo xung quanh cột.
Các yếu tố cơ bản của múa cột cho người mới bắt đầu
Trong những bài học đầu tiên, người mới bắt đầu được dạy cách cảm nhận sức nặng của cơ thể và kiểm soát nó.
ghế cao- yếu tố đầu tiên cho người mới bắt đầu làm chủ. Chỉ cần dùng tay giữ vào cột, bắt bằng chân.
Súng cao su- cúi đầu xuống, hai chân dang rộng. Yếu tố cơ bản cho các thủ thuật lộn ngược tiếp theo.
Treo dưới đầu gối
một nửa lotes- treo ở vị trí thẳng đứng. Cột được kẹp bằng một chân uốn cong ở đầu gối.
Siêu nhân- treo ở vị trí nằm ngang. Phần thân trên cột được giữ bằng chân và một tay. Thủ thuật này có thể được sử dụng cả trong gói và như một phần tử độc lập.
tấm ván- một yếu tố tương tự như "superman", chỉ có mặt ngửa.
Phôi thai- giữ cột điện bằng chân của bạn, bạn lăn xung quanh nó theo tư thế được phản ánh trong chính tên của phần tử.
Mỗi phần tử đơn giản là một loại cơ sở để tiếp cận các phần tử phức tạp hơn.
Có một số tổ chức quốc tế đoàn kết tất cả những người yêu thích múa cột. Nhiệm vụ chính của các hiệp hội này là phát triển múa cột và tổ chức các cuộc thi. Số lượng người hâm mộ và những người mong muốn được thử sức mình theo hướng này đang tăng lên đều đặn. Sự phổ biến trên toàn thế giới của nó đã được chứng minh bằng việc Pole-dance đang được xem xét nghiêm túc để đưa vào danh sách các môn thể thao Olympic.
Foundation là một trong hai framework HTML / CSS / JS nổi tiếng dành cho các nhà phát triển front-end. Và điều này là tự nhiên. Trong bài viết này, chúng tôi sẽ giải thích nó được sử dụng để làm gì.
Đầu tiên cho những người có thể đang viết HTML của riêng họ nhưng chưa bao giờ làm việc với một khuôn khổ trước đây:
Về cơ bản, các khung công tác là những đoạn mã lớn được viết sẵn sẽ giúp bạn bắt đầu các dự án của mình nhanh hơn. Trong trường hợp mã phía máy khách, HTML và CSS, điều này có nghĩa là bạn sẽ tìm thấy những thứ như bố cục lưới, kiểu nút cơ bản và các phần tử giao diện người dùng thường được sử dụng trong đó. Các khuôn khổ lớn hơn cũng có thể bao gồm các plugin jQuery.
Chúng không nhằm mục đích sử dụng làm chủ đề hoặc mẫu trang web đầy đủ, nhưng là một tập hợp các khối. Bạn lấy những gì bạn cần, thay đổi nó theo dự án và sử dụng nó trong công việc của bạn. Các khung công tác có nghĩa là chúng cần được cấu hình và tinh chỉnh một chút.
Đây có thể là một nhiệm vụ khó khăn ban đầu, vì các framework như Foundation và đối thủ cạnh tranh chính của nó là Bootstrap thực sự rất lớn. Mỗi cái chứa hàng nghìn dòng CSS. Trước khi quyết định sử dụng bất kỳ khuôn khổ nào cho dự án của mình, bạn cần đánh giá xem bạn sẽ thu được bao nhiêu thời gian từ nó.
Tuy nhiên, khi bạn đã quen với framework, việc sử dụng nó có thể giảm đáng kể thời gian bạn cần để viết mã đánh dấu và CSS.
Một chút về lịch sử
Foundation ban đầu được hình thành chỉ là một hướng dẫn phong cách chung với một số mã thường được sử dụng. Các nhân viên tại ZURB đã quyết định tăng tốc quá trình tạo mẫu bằng cách lấy một số mã và kiểu HTML mà họ đã sử dụng rất nhiều và biến chúng thành một khuôn khổ. Đó là tất cả. Theo quy luật, đây là cách mọi thứ trở nên tốt đẹp. Ai đó cần thứ gì đó và anh ấy đã làm được.
Theo thời gian, các nhà phát triển quyết định rằng họ cũng một sản phẩm tốtđể sử dụng riêng cho họ, vì vậy họ đã phát hành phiên bản 2.0.0 để sử dụng chung. Họ làm cho mọi thứ trở nên nhạy bén, đánh bóng các yếu tố và mở mã nguồn cho tất cả chúng ta. Giờ đây, các nhà thiết kế và nhà phát triển trên khắp thế giới đang sử dụng mã ZURB để thực hiện công việc của họ nhanh hơn và có lẽ, tôi dám khẳng định điều đó, tốt hơn.
Kể từ khi được phát hành vào ngày 18 tháng 10 năm 2011, framework được MIT cấp phép đã trở thành một trong Big Two và đã được sử dụng trên hàng nghìn trang web.
Sự phổ biến của nó là do tính hữu dụng và tính linh hoạt của nó. Nếu bạn quyết định rằng Foundation là thứ bạn cần, nó sẽ giúp bạn không thất vọng về bản thân.
Chức năng
Foundation đã được phát triển tích cực trong khoảng ba năm nay. Do đó, không có gì ngạc nhiên khi danh sách các chức năng của nó đã khá rộng rãi.
Trên thực tế, khung bao gồm các tệp CSS ( được tạo từ các tệp SASS cũng có sẵn để tải xuống) và một số plugin jQuery.
Các tệp khởi động cơ sở không bao gồm mã HTML ( ngoại trừ một trang demo rất đơn giản), bạn có thể viết tất cả cho mình.
Đồng thời, mỗi thành phần đều có kèm theo tài liệu hướng dẫn chi tiết. Mỗi phần của tài liệu có một ví dụ HTML mà bạn có thể sử dụng và tùy chỉnh khi cần. Nếu muốn xem tài liệu, bạn có thể tìm tại link này.
Nếu bạn muốn thiết lập một môi trường từ đầu, có hai cách để thực hiện việc này:
lựa chọn 1
Bạn có thể chọn chỉ tải xuống các thành phần bạn cần trực tiếp trên đó trang tải xuống chính. Nếu tất cả những gì bạn muốn là lưới, phong cách css, một menu điều hướng và một hoặc hai plugin jQuery, điều đó đủ dễ dàng để thực hiện. Chỉ cần bỏ chọn các hộp bên cạnh các mục bạn không cần và đi!
« Trình tạo khung»Cũng bao gồm các tùy chọn để tùy chỉnh lưới, màu chính và một số Tính năng bổ sung. Chẳng hạn, tùy chọn này tôi sẽ chọn để tạo mẫu hoặc phát triển các ứng dụng để sử dụng trong công ty. Các kiểu trình bày mặc định thường tuyệt vời cho mục đích này, vậy tại sao phải thay đổi chúng?
Lựa chọn 2
Tùy chọn này phù hợp cho những người sẽ sử dụng khuôn khổ cho các dự án công cộng. Bạn có thể sẽ không muốn sử dụng các kiểu trình bày mặc định, vì chúng có thể sẽ không phù hợp với thương hiệu của bạn. Để tùy chỉnh sâu hơn, bạn sẽ phải tham khảo các tệp nguồn.
Và theo các tệp nguồn, ý tôi là các tệp Sass. Với sự trợ giúp của họ, bạn có thể tùy chỉnh từng biến theo ý thích của mình.
(Lưu ý về tệp Sass: Một lần nữa, đối với những người có thể không quen với thuật ngữ này, Sass là một bộ tiền xử lý CSS đưa những thứ như biến, mixin và các tính năng lập trình khác vào CSS chuẩn. Thực hiện tìm kiếm trên Google với nội dung như "Trình biên dịch Sass cho [hệ điều hành của bạn]" và bạn sẽ tìm thấy thứ mình cần. Cá nhân tôi đề xuất ứng dụng Koala đa nền tảng).
Khi các tệp Sass của bạn đã được biên dịch thành một tệp CSS thông thường, chỉ cần liên kết đến tệp đó trong một trong các phần của bạn giống như bạn làm với bất kỳ tệp CSS nào khác. Ví dụ: ứng dụng Koala sẽ tự động tạo các tệp Sass mỗi khi bạn lưu chúng để trình duyệt của bạn luôn nhìn thấy những thay đổi mới nhất.
Kết cấu
Lưới
Tôi không thể chắc chắn rằng tất cả các khuôn khổ HTML đều bao gồm hệ thống lưới bố cục, nhưng hầu hết đều có. Foundation Grid Out of the Box là một lưới mười hai cột cổ điển, lồng nhau, đáp ứng.
Đánh dấu và các lớp rất đơn giản, bao gồm cả việc điều chỉnh bố cục cho vừa với màn hình. Nếu bạn đã làm việc với các hệ thống lưới trước đây, chẳng hạn như Hệ thống lưới 960, bạn sẽ không gặp khó khăn gì khi hiểu rõ về Foundation Grids.
Lưu ý: Những trang này được thiết kế theo nguyên tắc ưu tiên thiết bị di động, vì vậy hãy ghi nhớ điều đó khi thiết kế trang web của bạn.
Lưới khối
Bạn có thể coi nó như một "lưới điện nhỏ". Nó được tạo ra để thiết lập một số phần tử nhất định, có cùng kích thước, nằm bất kể kích thước màn hình.
Ví dụ: Bạn có ba phần tử có cùng kích thước và bạn muốn chúng được đặt cạnh nhau trên bất kỳ thiết bị nào. Để làm điều này, bạn cần sử dụng ví dụ về lưới khối này, mà tôi đã lấy cắp một cách vô liêm sỉ trực tiếp từ tài liệu:
Lưu ý rằng nếu muốn, bạn có thể chỉ định một số cột khác nhau cho Đa dạng về kích cỡ màn. Các phần tử giữ nguyên kích thước. Thành phần này lý tưởng cho một phần tử chẳng hạn như thư viện ảnh.
Các tính năng thích ứng
Các truy vấn phương tiện vẫn đơn giản, nhưng chúng được thiết kế cho nhiều kích thước màn hình khác nhau, từ điện thoại thông minh đến màn hình iMac cực lớn.
Foundation ban đầu được phát triển với mục tiêu ưu tiên thiết bị di động. Do đó, khuôn khổ luôn đi trước một bước so với các khuôn khổ khác, kể cả khi đề cập đến các thành phần cụ thể sẽ giúp bạn phát triển các yếu tố thích ứng của trang web của mình.
Đầu tiên, nó có các lớp thông thường để ẩn hoặc hiển thị các yếu tố khác nhauở các kích thước khung nhìn khác nhau. Bạn cũng nhận được một số thứ nâng cao hơn một chút như Interchange.
Interchange là một thư viện JS tự động tải các nội dung khác nhau dựa trên các truy vấn phương tiện. Bạn có thể sử dụng thư viện này để quyết định tải lên, ví dụ: hình ảnh bản đồ .jpg hay nhúng Google Maps.
Sử dụng thư viện này, bạn có thể giảm tiêu thụ tài nguyên RAM và các dung lượng khác của máy khách. Chỉ cần nhớ triển khai tính năng dự phòng cho những người dùng đã tắt JavaScript.
Chức năng điều hướng
Sự lựa chọn các tùy chọn khác nhau cho menu điều hướng trong Foundation rất đa dạng: từ thanh điều hướng chung ( hoàn chỉnh với menu thả xuống) và kết thúc bằng các khối biểu tượng, chuỗi chuyển tiếp, menu tách, menu thanh bên và hơn thế nữa.
Tuy nhiên, có hai thành phần menu điều hướng làm cho Foundation khác với các khuôn khổ khác.
Magellan
Đầu tiên là Magellan Sticky Nav. Đặt thanh điều hướng này ở bất kỳ đâu trên trang, sau đó khi bạn cuộn xuống trang, thanh này cũng sẽ di chuyển theo khung nhìn.
Nếu bạn sử dụng nó để liên kết đến một phần của trang hiện tại, bạn có thể đánh dấu phần đó trong chính bảng điều khiển và sau đó nó sẽ hiển thị trong menu bất cứ khi nào bạn cuộn xuống hoặc lên từ phần đó.
Offcanvas
Thứ hai là Offcanvas, một thanh điều hướng dọc được ẩn theo mặc định. Nhưng khi bạn nhấn nút, menu sẽ bật lên từ mép của màn hình.
Hãy nhớ rằng, giống như tất cả các thành phần Foundation, các thành phần điều hướng này có thể được triển khai với một lượng đánh dấu tối thiểu. Các nhân viên tại ZURB đã nỗ lực rất nhiều để làm cho các yếu tố giao diện người dùng khá tiên tiến này dễ triển khai và điều đó cho thấy.
Phương tiện truyền thông
Các thành phần media của bất kỳ khuôn khổ nào có xu hướng được giữ càng đơn giản càng tốt và Foundation cũng không ngoại lệ.
Ví dụ: Hộp đèn xóa được bật theo mặc định. Đây là một thư viện hình ảnh hộp đèn đơn giản đến kỳ lạ. Chỉ cần thêm một vài hình thu nhỏ vào đó, bao gồm các lớp thích hợp và bạn có một thư viện cảm ứng xử lý hình ảnh. chiều cao khác nhau mà không có bất kỳ vấn đề.
Một ví dụ khác là Flex Video, về lý thuyết, thành phần này có thể được sử dụng cho bất kỳ đối tượng có thể nhúng nào.
Chỉ cần gói các video Youtube, iframe hoặc các đối tượng khác của bạn trong một div với class flex-video và phần còn lại sẽ được thực hiện tự động. Các đối tượng này sẽ không tự động thay đổi kích thước khi cửa sổ trình duyệt được thay đổi kích thước.
Cuối cùng, có một số kiểu để bao gồm hình thu nhỏ của hình ảnh. Không có hiệu ứng cụ thể ... chỉ cần họ sẽ có một vẻ bề ngoài.
Còn Orbit thì sao?
Những người đã sử dụng Foundation bên dưới phiên bản 5 có thể muốn biết mọi thứ hiện tại như thế nào với plugin ZURB - Orbit. Nó là một băng chuyền, đôi khi còn được gọi là trình chiếu, một thành phần đáp ứng với các tính năng có thể tải xuống. Vào thời điểm đó nó hoạt động rất tốt.
Tuy nhiên, mặc dù nó vẫn được bao gồm trong khuôn khổ, nhưng nó không còn được hỗ trợ bởi ZURB nữa và cũng không được phát triển tích cực nữa.
Các hình thức
Tất nhiên, những người tạo ra khuôn khổ cũng đã chăm sóc các phong cách cơ bản cho các biểu mẫu. Chúng đã được trau chuốt qua nhiều năm cho đến khi ngoại hình của chúng mang một vẻ đẹp thực sự có một không hai. Bạn có thể nghĩ rằng tôi đang phóng đại, nhưng hãy tin tôi đi.
Nhiều năm kinh nghiệm đã giúp tôi có thể biến các kiểu biểu mẫu cơ bản thành một thành phần mà tôi tin rằng có thể áp dụng cho hầu hết mọi dự án với mức tùy chỉnh tối thiểu.
Các nhân viên tại ZURB đã cố gắng biến một thứ nhàm chán như đồng phục thành một món đồ vừa tiện dụng vừa đẹp mắt. Vì vậy, không có gì ngạc nhiên khi nhiều framework mà tôi đã làm việc cố gắng bắt chước kiểu Foundation.
Trong khi các biểu mẫu vẫn bao gồm những thứ nhàm chán như trường văn bản và nút radio, một số yếu tố đã được thiết kế tùy chỉnh.
Lấy phần tử phạm vi giá trị làm ví dụ: Bạn có thể triển khai phạm vi thanh trượt trong HTML5, nhưng chúng nhàm chán và sử dụng giao diện mặc định bất kể bạn đang sử dụng hệ điều hành nào. Đồng thời, Foundation bao gồm các thanh trượt có thể được tạo kiểu trong CSS để tùy chỉnh nhiều hơn.
Khung cũng chứa một thư viện xác thực biểu mẫu ( nó chứa các tập lệnh JavaScript bổ sung ...), cho phép bạn đảm bảo tính chính xác của dữ liệu đầu vào của người dùng. Khi họ nhập sai, chẳng hạn như địa chỉ không chính xác E-mail, họ sẽ nhận được một tin nhắn tương ứng.
nút
Không thể xây dựng một khuôn khổ mà không có một vài kiểu nút mặc định. Các nút mặc định trong Foundation không quá khác biệt so với bất kỳ khuôn khổ nào khác. Đó là, chúng được triển khai với đánh dấu tối thiểu và có các lớp học khác nhau cho các kích thước và màu sắc cụ thể.
Bạn cũng có thể nhóm chúng thành các nhóm nút để sắp xếp hoặc các hành động nhóm khác. Các nhóm nút này ( ngang hoặc khác) được thiết kế để làm việc với lưới. Họ cũng có các lớp bổ sung cho kích thước, màu sắc và góc tròn ... các yếu tố tiêu chuẩn.
Thay đổi đánh dấu nhiều hơn một chút và Foundation cũng sẽ có thể cung cấp cho bạn nút thả xuống và chia các nút.
Hai thành phần cuối cùng này có thể được sử dụng làm plugin thả xuống tích hợp của Foundation. Điều này có nghĩa là, trong số những thứ khác, họ sử dụng JavaScript. Tuy nhiên, chúng rất dễ thực hiện. Đó là tất cả về các lớp học.
Phông chữ
Foundation sử dụng cài đặt phông chữ rất đơn giản. Chúng dễ dàng tùy chỉnh bằng cách sử dụng một số biến Sass cơ bản, đó là tất cả những gì cần thiết để điều chỉnh kích thước. Có, Foundation sử dụng rem.
Vì những người sáng tạo ra Foundation rất chú trọng đến khả năng sử dụng, nên tất cả các phông chữ đều đủ lớn để dễ đọc trên màn hình nhỏ. Đọc ở khoảng cách tiêu chuẩn từ màn hình / màn hình máy tính xách tay cũng không phải là một vấn đề.
Các tính năng phông chữ bổ sung bao gồm:
Danh sách tích hợp
Bạn có cần một danh sách với hướng văn bản ngang không? Bạn có cần đặt thứ gì đó ở phần chân trang của trang web không? Tất cả điều này được cung cấp. Theo những người tạo ra khung, bạn cần:
Sử dụng danh sách nội dòng khi bạn cần linh hoạt hơn là chỉ khoảng cách giữa các mục.
Và họ đã đúng. Tiêu chuẩn sẽ rất tệ nếu bạn cần điều chỉnh không gian giữa các phần tử.
Thẻ
Về cơ bản, chúng là những đoạn văn bản nhỏ với nền màu. Bạn có thể sử dụng chúng để làm gì? Để chỉ ra các thẻ và siêu dữ liệu khác. Hoặc, như tên gợi ý, bạn có thể sử dụng chúng để đánh dấu các phần tử như trường biểu mẫu.
Foundation bao gồm nhãn tiêu chuẩn, nhãn cảnh báo, nhãn để làm nổi bật. Đó chỉ là một trong những tính năng nhỏ, hữu ích mà tôi rất thích ở Foundation.
Xem thêm Tổ hợp phím.
Quy ước và gợi ý
Đôi khi trên trang web của bạn và thường xuyên hơn trên một ứng dụng web, bạn cần thu hút sự chú ý của người dùng. Điều này có thể cần thiết để cung cấp cho họ thông tin cần thiết, cho họ thấy rằng một số trường biểu mẫu trống hoặc không hoàn chỉnh hoặc dạy họ cách sử dụng ứng dụng.
Nếu bạn là một người không thân thiện, bạn có thể làm điều này bằng cách thêm cảnh báo ... bằng âm thanh.
Nhưng bạn cũng có thể làm điều này với một cửa sổ phương thức. Foundation có các cửa sổ phương thức tuyệt vời với hàng loạt các hành vi, tùy chọn thay đổi kích thước, đính kèm sự kiện ... thậm chí còn có tùy chọn xóa phông nền.
Ngoài ra còn có các thông báo trong khuôn khổ. Đây là những cửa sổ cảnh báo lớn, sáng sủa được đặt tĩnh và kéo dài để vừa với chiều rộng của thùng chứa. Bạn luôn có thể ghim chúng ở một vị trí cụ thể.
Tôi đã đề cập rằng bạn có thể thay đổi màu của chúng, đặt các góc tròn của cửa sổ và thêm các phần tử chế độ xem khác? Có lẽ điều này đáng phải dừng lại, bởi vì sự đa dạng như vậy vốn có trong nhiều thành phần của khuôn khổ.
Cũng có những gợi ý. Chúng có thể được áp dụng cho bất kỳ phần tử nào và có thể được đặt để chỉ hiển thị trên màn hình lớn hoặc trên tất cả các màn hình. ( Trên thiết bị di động, bạn phải nhấn vào mục có dấu chấm hỏi để xem chú giải công cụ). Chúng cũng có thể được đặt ở bất kỳ đâu trên phần tử.
Joyride đưa ra những gợi ý cho cấp độ tiếp theo. Đây là một plugin sử dụng chú giải công cụ (và những thứ khác) để cung cấp cho người dùng cái nhìn tổng quan về trang web hoặc ứng dụng của bạn. Tuyệt vời cho người dùng trang web mới bắt đầu.
Nội dung
Các khung HTML / CSS thông thường cung cấp cho bạn khả năng sắp xếp nội dung của mình trên trang và thiết lập một số kiểu. Tuy nhiên, Foundation là một trong những framework lớn nhất, có nghĩa là các tính năng bổ sung ngay cả cho nội dung.
Đầu tiên, chúng tôi có bảng giá, bởi vì những người đến từ ZURB biết khá rõ đối tượng của họ. Nhiều người cần một cách dễ dàng để hiển thị thông tin giá cả cho các sản phẩm và dịch vụ của họ. Tổ chức mang đến cho họ cơ hội này theo một định dạng tiêu chuẩn.
Foundation cũng bao gồm một plugin accordion cơ bản và plugin nội dung theo thẻ mong đợi. Tôi nghĩ rằng sẽ rất thú vị cho bạn khi biết rằng bạn có thể đặt một tab vào một trong các phần của đàn accordion.
Và cả những thành phần nhỏ mà tôi thấy vô cùng thú vị: thành phần cột có chiều cao bằng nhau. Các nhà phát triển gọi nó là Equalizer, nhưng cái tên này chỉ hấp dẫn bằng một nửa so với các tính năng mà thành phần này cung cấp. Tất nhiên, nó yêu cầu sử dụng JavaScript, nhưng đó là một cách rất đơn giản để làm cho tất cả các cột trong một phần nhất định giữ cùng một chiều cao trong một thiết kế đáp ứng.
Chỉ cần thêm một vài thuộc tính dữ liệu và bạn đã hoàn tất. Đây là giao diện của nó khi kết hợp với thành phần bảng giá:
Nơi để bắt đầu
Vì vậy, bạn đã bao gồm danh sách đầy đủ các tính năng và bạn muốn thử chúng! Đúng? Nếu tôi đúng, đây là cách bạn bắt đầu.
Bây giờ chúng ta sẽ tạo một mẫu cơ bản, đẹp, đơn giản trong Foundation. Bạn có thể làm theo khi thêm mã vào trình soạn thảo văn bản hoặc chỉ cần tải xuống mẫu.
Sau phần này, tôi sẽ liệt kê các bài hướng dẫn và hướng dẫn tuyệt vời khác để giúp bạn trở thành một Foundation Master.
Đi đến trang tải xuống và tải xuống gói cơ sở mặc định và bắt đầu.
Bao gồm các tệp cơ sở trong dự án
Sau khi bạn tải xuống gói, cấu trúc tệp bên trong nó sẽ trông giống như sau:
project-folder index.html (Demo tệp.) people.txt (Giống như một tệp readme.) robots.txt (Chỉ cần để điều này một mình.) / css foundation.css foundation.min.css * normalize.css * / img (Lưu ý : Empty) / js foundation.min.js * / foundation foundation.abide.js foundation.accordion.js foundation.alert.js (Vv. Danh sách lớn ở đây. Bạn có thể giữ các tệp này để xem / chơi với nguồn, nhưng bạn không thực sự cần họ sử dụng khuôn khổ.) / nhà cung cấp fastclick.js jquery.cookie.js jquery.js * modernizr.js placeholder.js
Bạn có thể nhận thấy rằng tôi đã đặt một dấu hoa thị bên cạnh một số tệp. Đây chỉ là những tệp bạn thực sự cần để khung hoạt động. Phần còn lại là các tệp nguồn hoặc các tiện ích bổ sung hữu ích. Những tiện ích này chắc chắn có thể giúp bạn tạo ra những điều đáng kinh ngạc, nhưng chúng không phải là điều cần thiết.
Ví dụ: placeholder.js triển khai thuộc tính placeholder cho các biểu mẫu HTML5 cho các trình duyệt không hỗ trợ nó.
Chỉ những tệp mà bạn thực sự cần đưa vào phần tương ứng của trang web / ứng dụng của bạn mới được đánh dấu. Đối với hướng dẫn này, tôi sẽ xóa hầu hết các tệp và chỉ giữ lại những tệp tôi cần. Tôi sẽ bắt đầu lại từ đầu với một tệp index.html sạch.
Hãy bắt đầu với thực tế là Trang chủ'sẽ trông như thế này:
Đang tải...