To install click the Add extension button. That's it.

The source code for the WIKI 2 extension is being checked by specialists of the Mozilla Foundation, Google, and Apple. You could also do it yourself at any point in time.

How to transfigure the Wikipedia

Would you like Wikipedia to always look as professional and up-to-date? We have created a browser extension. It will enhance any encyclopedic page you visit with the magic of the WIKI 2 technology.

Try it — you can delete it anytime.

Install in 5 seconds
4,5
Kelly Slayton
Congratulations on this excellent venture… what a great idea!
Alexander Grigorievskiy
I use WIKI 2 every day and almost forgot how the original Wikipedia looks like.
Live Statistics
English Articles
Improved in 24 Hours
Added in 24 Hours
Languages
Recent
Show all languages
What we do. Every page goes through several hundred of perfecting techniques; in live mode. Quite the same Wikipedia. Just better.
Great Wikipedia has got greater.
.
Leo
Newton
Brights
Milds

Foundation (framework)

From Wikipedia, the free encyclopedia

This article is about the CSS framework. For the Objective-C framework, see Foundation Kit.
ZURB Foundation
Developer(s)ZURB
Initial releaseSeptember 2011; 12 years ago (2011-09)
Stable release
6.7.5 / July 12, 2022; 19 months ago (2022-07-12)[1]
RepositoryFoundation Repository
Written inHTML, CSS, Sass and JavaScript
TypeWeb development
LicenseMIT License
Websiteget.foundation

Foundation is a free responsive front-end framework, providing a responsive grid and HTML and CSS UI components, templates, and code snippets, including typography, forms, buttons, navigation and other interface elements, as well as optional functionality provided by JavaScript extensions. Foundation is an open source project, and was formerly maintained by ZURB. Since 2019, Foundation has been maintained by volunteers.[2]

YouTube Encyclopedic

  • 1/3
    Views:
    54 938
    9 420
    14 001
  • Foundation CSS Framework Tutorial - Crash Course for Beginners
  • Bootstrap vs Materialize vs Zurb Foundation CSS Frameworks
  • Уроки по Zurb Foundation #1 Введение и установка Foundation

Transcription

Origin

Foundation emerged as a ZURB project to develop front-end code more efficiently. In October 2011, ZURB released Foundation 2.0 as open source under the MIT License.[3] ZURB released Foundation 3.0 in June 2012,[4] 4.0 in February 2013,[5] 5.0 in November 2013, and 6.0 in November 2015. The team started working on the next version of Foundation for Sites 7 which most likely will drop support for older browsers and implement newer technologies like flexbox or maybe calculated grid system.

Foundation for Emails, formerly known as ZURB Ink, was released in September 2013.

Foundation for Apps was released in December 2014.

Features

Foundation was designed for and tested on numerous browsers and devices. It is a responsive framework built with Sass/SCSS. The framework includes most common patterns needed to prototype a responsive site.

Since version 2.0 it also supports responsive design.[6] This means the graphic design of web pages adjusts dynamically, taking into account the characteristics of the device used (PC, tablet, mobile phone). Version 4.0 has taken a mobile-first approach, designing and developing for mobile devices first, and enhancing the web pages and applications for larger screens.[7]

Foundation is open source and available on GitHub. Developers are encouraged to participate in the project and make their own contributions to the platform.

Structure and function

Foundation is modular and consists essentially of a series of Sass stylesheets that implement the various components of the toolkit. Component stylesheets can be included via Sass or by customizing the initial Foundation download. Developers can adapt the Foundation file itself, selecting the components they wish to use in their project.

Grid system and responsive design

Foundation comes standard with a 940 pixel wide, flexible Grid (graphic design) layout. The toolkit is fully responsive to make use of different resolutions and types of devices: mobile phones, portrait and landscape format, tablets and PCs with a low and high resolution (widescreen). This adjusts the width of the columns automatically.

Understanding CSS stylesheet

Foundation provides a set of stylesheets that provide basic style definitions for all key HTML components. These provide a browser and system-wide uniform, modern appearance for formatting text, tables and form elements.[8]

Reusable components

In addition to the regular HTML elements, Foundation contains other commonly used interface elements. These include buttons with advanced features (for example, grouping of buttons or buttons with drop-down option, make and navigation lists, horizontal and vertical tabs, navigation, breadcrumb navigation, pagination, etc.), labels, advanced typographic capabilities, and formatting for messages such as warnings.

JavaScript components and plug-ins

The JavaScript components of Foundation 4 were moved from jQuery JavaScript library to Zepto, on a presumption that the physically smaller, but API-compatible alternative to JQuery would prove faster for the user. However, Foundation 5 moved back to the newer release JQuery-2. "jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8." the official ZURB blog explains,[9] and the unsigned writer claims that the switch back was due to issues of compatibility with customized efforts; and that performance was found to be not as good, on use testing with the newer jQuery-2.

Use

There are three levels of integration for Foundation: CSS, SASS, and Ruby on Rails with the Foundation Rails Gem.[10]

CSS

To use Foundation CSS, default or custom CSS packages can be downloaded from the download page and installed into the appropriate web server folders. Foundation is then integrated into HTML page markup.[11]

Sass

The Foundation Sass install uses Ruby, Node.js, and Git to install Foundation sources. Foundation then provides a command line interface to modify and compile source to CSS for use in HTML page markup.[12]

Foundation Rails gem

The Foundation Rails gem can be installed by adding "gem 'foundation-rails'" to the Rails Application Gemfile.[13]

References

  1. ^ "Releases · foundation/foundation-sites · GitHub". GitHub. Retrieved 22 September 2022.
  2. ^ "Is Zurb Foundation in active development?". GitHub. Retrieved 21 Nov 2019.
  3. ^ "Announcing Foundation by ZURB". Retrieved 22 Aug 2012.
  4. ^ "ZURB Launches Foundation 3 To Take On Twitter's Bootstrap Framework". 29 June 2012. Retrieved 22 Aug 2012.
  5. ^ "Responsive Design Framework Foundation 4 Goes Mobile-First, Switches From jQuery To Zepto". 28 February 2013. Retrieved 28 Feb 2013.
  6. ^ "A List Apart: Dive into Responsive Prototyping with Foundation". 10 April 2012. Retrieved 22 Aug 2012.
  7. ^ "Zurb releases Foundation 4, a mobile-first, 'forward-thinking dev/designer's dream'". 28 February 2013. Retrieved 28 Feb 2013.
  8. ^ "CSS Introduction". www.w3schools.com. Retrieved 2023-03-14.
  9. ^ "Why we dropped Zepto".
  10. ^ Foundation Documentation Archived 2015-10-28 at the Wayback Machine on Thursday, April 30, 2015
  11. ^ Foundation Getting Started Archived 2015-10-29 at the Wayback Machine on Thursday, April 30, 2015
  12. ^ Foundation Getting Started on Thursday, April 30, 2015
  13. ^ Foundation Getting Started on Thursday, April 30, 2015

External links

This page was last edited on 13 February 2024, at 13:45
Basis of this page is in Wikipedia. Text is available under the CC BY-SA 3.0 Unported License. Non-text media are available under their specified licenses. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc. WIKI 2 is an independent company and has no affiliation with Wikimedia Foundation.
Contact WIKI 2
Introduction
Terms of Service
Privacy Policy