Art Text 3 Review – Lettering and Typography Software for Mac

If you love playing with fonts and different text styles, this review is for you. Today, we decided to review Art Text 3, a lettering and typography software for Mac, perfect for all of you typography aficionados. We tested it ourselves, enjoyed crafting some beautiful text styles and decided that this is worth sharing with you too. Art Text 3 was created by BeLight Software, a company founded in ... »

10 Tips on Mastering the Art of Flat-lay Design

Some things never go out of style. In the world of photography, flat lay design comes to mind. There is so much room for creativity and innovation that this particular style of photography will remain trendy for years to come. Although flat lay design is still popular, not everyone knows the fine details that make some photographs stand out and others buried in your feed and gone unnoticed. If you... »

Responsive Icon Grid

View demo Download source A grid of icons and text that adjusts its number of columns depending on the screen size as shown in some media queries. Some example effects are used for animating the elements on hover. The HTML <ul class="cbp-ig-grid"> <li> <a href="#"> <span class="cbp-ig-icon cbp-ig-icon-shoe"></span> <h3 class="cbp-ig-title">Squid voluptate</h3... »

20 Free Web Browser Mockups (PSD & AI)

Are you looking for some creative, high-quality, free web browser mockups? Here you can find some of the best, free web browser mockups with professional designs. Download and use them to showcase your web design projects. You can choose between multiple browser mockups with different designs. Check them out and select the ones that fit your style. These files are available in both PSD and AI file... »

On Scroll Effect Layout

View demo Download source This Blueprint is a template for a on scroll effect layout. We’ve had some requests on how to achieve this effect of animating elements once they are in the viewport and decided to create a Blueprint for it. It works with adding a class for animating the two sides of a section. There is an example effect defined and also some media queries for dealing with smaller s... »

Split Layout

View demo Download source This Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners. The idea is to show an initial two-sided view and when clicking on a side, the whole page transitions into the respective direction. The individual page of the selected person is shown. The Blueprint comes with some example media queries and a second demo where the dis... »

Responsive Full Width Tabs

View demo Download source A full width tab component with some example media queries for adjusting the icons of the tabs and the content layout. The main idea is to show only icons for the mobile view and allow the text to appear when there’s enough space. The content columns and the containing media boxes have three different layouts. The food shapes in the content images are from PsdBlast.... »

20 Best Food & Restaurant Joomla Themes

Check out these 20 best food & restaurant Joomla themes and use them to put your business online and get more customers! These beautiful food-related themes include everything you need to create your website. Just customize them and insert your content. You can choose between multiple templates, with various designs and features. They may include widgets, responsive designs, drag & drop pa... »

Google Grid Gallery

View demo Download source This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view. In the gallery view, the arrow keys can be used to naviga... »

Product Comparison Layout & Effect

View demo Download source This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items can be selected for the product comparison. The comparison view shows flexbox-powered columns or rows (depending on the viewport size) that appear with a slide-in effect. There are a couple of example media queries for smaller viewports. Browser Support: ChromeSuppor... »

Skip to toolbar