René's URL Explorer Experiment


Title: Building a site | The Visual Framework

Open Graph Title: Building a site

X Title: Building a site

Description: How to get the VF code, guidance and get help.

Open Graph Description: How to get the VF code, guidance and get help.

X Description: How to get the VF code, guidance and get help.

Tel number
004962213870

Opengraph URL: https://stable.visual-framework.dev//building/

direct link

Domain: stable.visual-framework.dev

msapplication-TileColor#ffffff
theme-color#ffffff
titleBuilding a site
authorEMBL
og:typewebsite
twitter:cardsummary_large_image

Links:

Visual Framework https://stable.visual-framework.dev/
About https://stable.visual-framework.dev/about
Components https://stable.visual-framework.dev/components
GitHubhttps://github.com/visual-framework/vf-core
Slackhttps://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ
Search https://stable.visual-framework.dev/search
Learn about the frameworkhttps://stable.visual-framework.dev/about
Principleshttps://stable.visual-framework.dev/design-principles/
Updates and bloghttps://stable.visual-framework.dev/updates/
Roadmaphttps://stable.visual-framework.dev/about/roadmap/
FAQhttps://stable.visual-framework.dev/about/faq/
Guidancehttps://stable.visual-framework.dev/guidance/
Design tokenshttps://stable.visual-framework.dev/design-tokens/
Figma resourceshttps://stable.visual-framework.dev/design-kit/
Troubleshootinghttps://stable.visual-framework.dev/troubleshooting/
Contributing and developinghttps://stable.visual-framework.dev/developing/
Setting up your development environmenthttps://stable.visual-framework.dev/developing/getting-started/setting-up/
Creating a componenthttps://stable.visual-framework.dev/guidance/creating-components
Article example pattern (with EMBL header, footer)https://stable.visual-framework.dev/patterns/article/
Content page (with the EMBL-EBI header, footer)https://stable.visual-framework.dev/patterns/boilerplate-generic-embl-ebi/
Error pageshttps://stable.visual-framework.dev/patterns/error-pages/
Integrating with existing sites and CSS, JShttps://stable.visual-framework.dev/patterns/integration/
Landing pagehttps://stable.visual-framework.dev/patterns/landing-page/
Scientific resource landing pagehttps://stable.visual-framework.dev/patterns/scientific-service/
Search resultshttps://stable.visual-framework.dev/patterns/search-results/
Bannerhttps://stable.visual-framework.dev/components/vf-banner
Card Containerhttps://stable.visual-framework.dev/components/vf-card-container
Chatbothttps://stable.visual-framework.dev/components/vf-chatbot
Contenthttps://stable.visual-framework.dev/components/vf-content
ELIXIR Bannerhttps://stable.visual-framework.dev/components/vf-banner-elixir
Footerhttps://stable.visual-framework.dev/components/footer
Herohttps://stable.visual-framework.dev/components/vf-hero
Introhttps://stable.visual-framework.dev/components/vf-intro
Mega menuhttps://stable.visual-framework.dev/components/vf-mega-menu
News Containerhttps://stable.visual-framework.dev/components/vf-news-container
Summary Containerhttps://stable.visual-framework.dev/components/vf-summary-container
Video Containerhttps://stable.visual-framework.dev/components/vf-video-container
Article Meta Informationhttps://stable.visual-framework.dev/components/vf-article-meta-information
Back to tophttps://stable.visual-framework.dev/components/vf-back-to-top
Breadcrumbshttps://stable.visual-framework.dev/components/vf-breadcrumbs
Cardhttps://stable.visual-framework.dev/components/vf-card
Code Examplehttps://stable.visual-framework.dev/components/vf-code-example
Detailshttps://stable.visual-framework.dev/components/vf-details
Discussionhttps://stable.visual-framework.dev/components/vf-discussion
Dropdownhttps://stable.visual-framework.dev/components/vf-dropdown
Embedhttps://stable.visual-framework.dev/components/vf-embed
Global Headerhttps://stable.visual-framework.dev/components/vf-global-header
Ledehttps://stable.visual-framework.dev/components/vf-lede
Navigationhttps://stable.visual-framework.dev/components/vf-navigation
Page Headerhttps://stable.visual-framework.dev/components/vf-page-header
Paginationhttps://stable.visual-framework.dev/components/vf-pagination
Profilehttps://stable.visual-framework.dev/components/vf-profile
Progress indicatorhttps://stable.visual-framework.dev/components/vf-progress-indicator
Searchhttps://stable.visual-framework.dev/components/vf-search
Section Headerhttps://stable.visual-framework.dev/components/vf-section-header
Social iconshttps://stable.visual-framework.dev/components/vf-social-links
Summaryhttps://stable.visual-framework.dev/components/vf-summary
Tablehttps://stable.visual-framework.dev/components/vf-table
Tabshttps://stable.visual-framework.dev/components/vf-tabs
Tagshttps://stable.visual-framework.dev/components/vf-tags
Treehttps://stable.visual-framework.dev/components/vf-tree
Videohttps://stable.visual-framework.dev/components/vf-video
Video Teaserhttps://stable.visual-framework.dev/components/vf-video-teaser
Badgehttps://stable.visual-framework.dev/components/vf-badge
Blockquotehttps://stable.visual-framework.dev/components/vf-blockquote
Bookmarkhttps://stable.visual-framework.dev/components/vf-bookmark
Buttonhttps://stable.visual-framework.dev/components/vf-button
Dividerhttps://stable.visual-framework.dev/components/vf-divider
Faviconhttps://stable.visual-framework.dev/components/vf-favicon
Figurehttps://stable.visual-framework.dev/components/vf-figure
Headingshttps://stable.visual-framework.dev/components/vf-heading
Linkhttps://stable.visual-framework.dev/components/vf-link
Listshttps://stable.visual-framework.dev/components/vf-list
Logohttps://stable.visual-framework.dev/components/vf-logo
Texthttps://stable.visual-framework.dev/components/vf-text
Bodyhttps://stable.visual-framework.dev/components/vf-body
Clusterhttps://stable.visual-framework.dev/components/vf-cluster
Flaghttps://stable.visual-framework.dev/components/vf-flag
Gridhttps://stable.visual-framework.dev/components/vf-grid
Sidebar Layouthttps://stable.visual-framework.dev/components/vf-sidebar
Stackhttps://stable.visual-framework.dev/components/vf-stack
Chatbothttps://stable.visual-framework.dev/components#chatbot
Formshttps://stable.visual-framework.dev/components#form
Toolshttps://stable.visual-framework.dev/components#tools
Utilityhttps://stable.visual-framework.dev/components#utility
Building a sitehttps://stable.visual-framework.dev/building
Components and patterns https://stable.visual-framework.dev/components/
Design tokens https://stable.visual-framework.dev/design-tokens/
Figma design resources https://stable.visual-framework.dev/design-kit/
Guidance and principles https://stable.visual-framework.dev/guidance/
Troubleshooting https://stable.visual-framework.dev/troubleshooting/
vf-build-boilerplatehttps://github.com/visual-framework/vf-build-boilerplate
vf-component-generatorhttps://www.npmjs.com/package/@visual-framework/vf-component-generator
11tyhttps://www.11ty.io/
vf-eleventy boilerplatehttps://github.com/visual-framework/vf-eleventy
vf-component-generatorhttps://www.npmjs.com/package/@visual-framework/vf-component-generator
vf-demo-design-system boilerplatehttps://github.com/visual-framework/vf-demo-design-system
vf-component-generatorhttps://www.npmjs.com/package/@visual-framework/vf-component-generator
github.com/visual-framework/vf-wphttps://github.com/visual-framework/vf-wp
github.com/visual-framework/vf-reacthttps://github.com/visual-framework/vf-react
codesandbox.io/s/vf-angular--test-o94e1https://codesandbox.io/s/vf-angular--test-o94e1
Ask for help on Slackhttps://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ
Find buttons, tabs, cards and more in the componentshttps://stable.visual-framework.dev/components
Example pages, boilerplates and patternshttps://stable.visual-framework.dev/patterns
A development getting started guidehttps://stable.visual-framework.dev/developing/getting-started/setting-up
A blog post on how to work make your first VF 2 pagehttps://allaboutken.com/posts/20191118-first-page-with-the-visual-framework.html
Propose a changehttps://github.com/visual-framework/vf-core/blob/develop/tools/vf-component-library/src/site/building/index.njk
discuss ithttps://stable.visual-framework.dev/guidance/discussing-the-vf
Get involvedhttps://stable.visual-framework.dev/guidance/discussing-the-vf
Abouthttps://stable.visual-framework.dev/about
FAQhttps://stable.visual-framework.dev/about/faq
Roadmaphttps://stable.visual-framework.dev/about/roadmap
Consultation processhttps://stable.visual-framework.dev/about/consultation
Updates and bloghttps://stable.visual-framework.dev/updates
Buildinghttps://stable.visual-framework.dev/building
Component listhttps://stable.visual-framework.dev/components
Patterns and exampleshttps://stable.visual-framework.dev/patterns
Guidance and principleshttps://stable.visual-framework.dev/guidance
Troubleshootinghttps://stable.visual-framework.dev/troubleshooting
Developinghttps://stable.visual-framework.dev/developing
Setting uphttps://stable.visual-framework.dev/developing/getting-started/setting-up
Code of conducthttps://stable.visual-framework.dev/developing/getting-started/code-of-conduct
Making a Pull Requesthttps://stable.visual-framework.dev/developing/getting-started/pull-requests
Projecthttps://github.com/visual-framework/vf-core
Searchhttps://stable.visual-framework.dev/search
Changelog, updateshttps://stable.visual-framework.dev/updates
GitHubhttps://github.com/visual-framework/vf-core
Slackhttps://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ
Brought to you by the developers, designers and UX teams at EMBL and EMBL-EBIhttps://www.embl.org/
Meyerhofstraße 1, 69117 Heidelberg, Germanyhttps://goo.gl/maps/nbxNg2HGXL1MTtzt9
See more releaseshttps://stable.visual-framework.dev/updates
RSS Feedhttps://stable.visual-framework.dev/feed.xml
Apache 2.0https://github.com/visual-framework/vf-core/blob/develop/LICENSE
https://stable.visual-framework.dev/building/
disclaimer noteshttps://www.ebi.ac.uk/data-protection/privacy-notice/embl-ebi-public-website/
Leave feedbackhttps://embl.service-now.com/esc?id=sc_cat_item&sys_id=5eeb8eb91b92e650b376da88b04bcbc1
https://stable.visual-framework.dev/building/

Viewport: width=device-width, initial-scale=1.0

Robots: index, follow

URLs of crawlers that visited me.