RESPONSIVE Web Design

Collection by Mary Leather

296 
Pins
 • 
333 
Followers
Mary Leather
Carousel Slider
Branding
Navigation
Intranets
Social Media
Fonts
accessibility
Calendar
Bootstrap
Usability
menu
Breadcrumbs
Footer
Other Pins

Carousel Slider

Designing an Effective UI for Websites with Content Overload

Carousel Usability: Designing an Effective UI for Websites with Content Overload

Carousels allow multiple pieces of content to appear high on the homepage. A good carousel offers visible, understandable controls and auto-forwards at a comfortable pace.

Find out when, where, and how carousels/sliders work best in web design — and when you shouldn't use them at all.

Carousel/slider design best practices (with examples) | Webflow Blog

Into every designer’s life there eventually comes the request: “Could we get a carousel on our homepage?”

Branding

Example Style Guide with Accessibility Check

Website Style Guide Resources

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries

Show your brand logos consistently, wherever you may place them, and be mindful of context.

Importance of Brand Consistency: 7 Key Approaches for Keeping Aligned

The more consistent your messaging, the more consistent your branding — whether via words, design, offerings or perspective. But are you creating content with brand consistency in mind? Learn how it can help build brand awareness and develop trust and loyalty with customers.

Navigation

Accordions on Mobile

Accordions conserve space on mobile but they can also cause disorientation and too much scrolling. Easy design fixes improve the usability of these UI elements.

Anchors OK? Re-Assessing In-Page Links

While jump links have caused problems in the past, they can successfully be used to move users down long pages and directly to content, on any screen size.

Not all navigation mechanisms on a site are equal.

Designing Web Navigation

Chapter 4. Types of Navigation “Everything should be as simple as possible, but no simpler.” —Attributed to Albert Einstein Not all navigation mechanisms on a site are equal. Your … - Selection from Designing Web Navigation [Book]

Intranets

SharePoint Online as Intranet: Create Team Site - Microsoft365 atWork

Building SharePoint Online as Intreanet require creation of Team Sites. Improve productivity in your team share knowledge in the organization

User-Centered Intranet Redesign: Set Up for Success in 11 Steps

Before designing an intranet, appoint a leader, align with stakeholders, get user feedback, derive an intranet vision, create user-related artifacts, and assemble the right team.

25 great examples of Modern SharePoint Intranet - Microsoft 365 atWork

Check out 12 examples of great looking SharePoint Modern Intarnets build on Office 365. Find inspiration and prepare perfect Intranet.

Design a Brilliant SharePoint Intranet

SharePoint requires more design and development than you’d expect. Forge strong relationship with SharePoint designers and developers for successful intranets.

Social Media

See more

Fonts

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

Font size conversion

An online tool to freely convert between pixels, points, rems (ems), and percent values. Primarily for font-sizes and media queries. Both calculator and chart provided. pt to px, px to pt, etc.

accessibility

See more

Calendar

See more

Bootstrap

Spaces – Listings Map Bootstrap + Dashboard Theme - Bootstrap Themes

Premium Listings Bootstrap Template Spaces is a premium listings Bootstrap template featuring 19 hand-crafted pages including spaces list, owner, space details, my account pages and many more. It also comes with a fully integrated UI Kit. Built by Themesberg Spaces was designed and coded by Themesberg. We are a startup which creates high quality Bootstrap …

Usability

Guidelines

247 web usability guidelines

Guidelines

menu

See more

Breadcrumbs

See more

Footer

See more

Other Pins

Example Style Guide with Accessibility Check

Website Style Guide Resources

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries

SharePoint Online as Intranet: Create Team Site - Microsoft365 atWork

Building SharePoint Online as Intreanet require creation of Team Sites. Improve productivity in your team share knowledge in the organization

User-Centered Intranet Redesign: Set Up for Success in 11 Steps

Before designing an intranet, appoint a leader, align with stakeholders, get user feedback, derive an intranet vision, create user-related artifacts, and assemble the right team.

25 great examples of Modern SharePoint Intranet - Microsoft 365 atWork

Check out 12 examples of great looking SharePoint Modern Intarnets build on Office 365. Find inspiration and prepare perfect Intranet.

The professional QR Code Management platform to create, track and edit all your QR codes in one place.

QRCode Monkey - The free QR Code Generator to create custom QR Codes with Logo

The professional QR Code Management platform to create, track and edit all your QR codes in one place.

Guidelines

247 web usability guidelines

Guidelines

Spaces – Listings Map Bootstrap + Dashboard Theme - Bootstrap Themes

Premium Listings Bootstrap Template Spaces is a premium listings Bootstrap template featuring 19 hand-crafted pages including spaces list, owner, space details, my account pages and many more. It also comes with a fully integrated UI Kit. Built by Themesberg Spaces was designed and coded by Themesberg. We are a startup which creates high quality Bootstrap …

Designing an Effective UI for Websites with Content Overload

Carousel Usability: Designing an Effective UI for Websites with Content Overload

Carousels allow multiple pieces of content to appear high on the homepage. A good carousel offers visible, understandable controls and auto-forwards at a comfortable pace.

Find out when, where, and how carousels/sliders work best in web design — and when you shouldn't use them at all.

Carousel/slider design best practices (with examples) | Webflow Blog

Into every designer’s life there eventually comes the request: “Could we get a carousel on our homepage?”

Show your brand logos consistently, wherever you may place them, and be mindful of context.

Importance of Brand Consistency: 7 Key Approaches for Keeping Aligned

The more consistent your messaging, the more consistent your branding — whether via words, design, offerings or perspective. But are you creating content with brand consistency in mind? Learn how it can help build brand awareness and develop trust and loyalty with customers.

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

4 Reasons Why Web Design Fonts are More Important than Website Graphics

A well-defined web design font hierarchy is more instrumental to communicate your message to your viewers than sophisticated website graphics.

Designing Effective Carousels for Websites and Mobile Apps

Sliding hero images that rotate through a set of promotions, news, or the like on the top of web pages are often annoying to users and are definitely error p...

Accordions on Mobile

Accordions conserve space on mobile but they can also cause disorientation and too much scrolling. Easy design fixes improve the usability of these UI elements.

Anchors OK? Re-Assessing In-Page Links

While jump links have caused problems in the past, they can successfully be used to move users down long pages and directly to content, on any screen size.