Also included are resources on HTTP2, typographic terminologies, building accessibility-ready sites, and a search engine for programming language syntax. Let’s check them out.
Click for More Resources
Find our entire collection of recommended resources and the best web design and development tools available.
Landing folio is a central place where you can find examples of landing page designs. There are hundreds of examples on the site, and you can finetune the list based on their category. This is a definitely worth bookmarking for web designers.
@element and unlike,
@element is aware of numerous conditions beyond “height” and “width”. You can, for example, apply styles based on the number characters contained in the element.
HTTP2 is the latest specification of HTTP with significant changes. It promises for better performance and efficient data transfer. In this resource, you can find these changes (in great detail), its impact on security, speed, and user experience.
Elementor is a WordPress plugin that allows you to build web layouts with drag-n-drop. With Elementor, you can build a more compelling layout. It is responsive, fully customizable and user-friendly.
This plugin is equipped with a few animations that make selecting dates on the web more engaging. In addition, options are available for changing the UI appearance. It is a jQuery plugin for fancier date-pickers.
Github Dark UI is a darker color theme for Github.com. This could be a good alternative color scheme, if you work under dimmed environments or have to stare at the screen for long periods of time.
Ever wonder what the different between “letter spacing” and “kerning” is? TypeTerms is an interactive presentation where you can learn these confusing typographic terminologies.
ButterBean is a new and sophisticated plugin to build Meta Box in WordPress. It is developed following the modern WordPress Customizer API architecture. It makes building this particular WordPress admin UI more elegant.
A WordPress plugin to check your Child Theme against the parent theme; it will check whether the files the Child Theme relies on are updated.
CloudFlare UI is a collection UI components built on top of React. Considering React’s popularity is on the rise, there might be a number of similar UI frameworks out there.
Having to manage multiple package and repositories in a large project is unavoidable. This tool allows you to handle this particular situation and eventually streamline your workflow.
GEL Typography is the typographic style guide of BBC. A great resource and inspiration on how you can standardize your typographic styles.
MIND Patterns is a practical guide to build an accessible e-Commerce website. It provides guides in terms of constructing HTML, using the ARIA label, and composing CSS styles that are user-friendly for users with disabilities.
A collection of illustrations that describe how CSS Specificity works.
A Chrome extension that helps you to optimize CSS. It will scrap your page and provide with the report, the list of used properties like colors.
A collection of hand-picked templates where you can find a wide range type of templates including HTML5, WordPress, Ghost, Bootstrap and e-Commerce templates.