Home
DF

Design Framework

The process of joining different subsystems or components as one large system, ensuring that each integrated subsystem functions as required.

A framework is a standardized set of concepts, practices and criteria for dealing with a common type of problem, which can be used as a reference to help us approach and resolve new problems of a similar nature.

In the world of web design, to give a more straightforward definition, a framework is defined as a package made up of a structure of files and folders of standardized code (HTML, CSS, JS documents etc.) which can be used to support the development of websites, as a basis to start building a site.

Most websites share a very similar (not to say identical) structure. The aim of frameworks is to provide a common structure so that developers don’t have to redo it from scratch and can reuse the code provided. In this way, frameworks allow us to cut out much of the work and save a lot of time.

To summarize: there’s no need to reinvent the wheel.

The aim of frameworks is to provide a common structure so that developers don’t have to redo it from scratch and can reuse the code provided.

A design framework generally makes working and implementing the underlying design pattern easier.

A pattern library is a collection of user interface design elements. The site UI-Patterns describes these user interface design patterns as recurring solutions that solve common design problems.

Essentially a pattern library is a collection of design elements that appear multiple times on a site. Typical examples might include:

  • Slideshows
  • Navigation
  • Social media features
  • News Listings
  • Related links
  • Carousels
  • Fonts
  • Colors
  • Sizes

Related Proficiencies

[object Object]

Bootstrap

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS.

[object Object]

CSS3

CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1

[object Object]

HTML5

HTML5 is the 5th major revision of the core language of the World Wide Web

[object Object]

JavaScript

JavaScript is the world's most widespread programming language, powering the Internet.

[object Object]

Material Design

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.

[object Object]

Material UI

Material UI is a CSS Framework and a Set of React Components that Implement Google's Material Design