It used to be that videos would have taken 20-30 minutes to fully stream over dial-up Internet. But now people can browse YouTube and watch videos streaming from their phone with a 4G connection. This has paved the way for many video-integrated websites including fullscreen background videos.
In this gallery I’ve compiled a series of 30 brilliant websites featuring large homepage video backgrounds. Each layout is structured in a unique yet systematic way according to the video quality and color scheme. Fullscreen background video is a newer trend which has gained a lot of attention over recent years. Use this gallery for both design inspiration and generating cool new ideas in your own projects.
The May edition of the ongoing DesignWoop freebies series features a diverse useful design resources you can use. This month has a strong focus on branding and product mockup templates as I was searching for something make use of on a recent design project. Download & enjoy.
The April edition of the ongoing DesignWoop freebies series features a diverse range of really cool design goodies. This month I have found some really nice icons which I already made use of in a project and some pretty cool free PSD’s which are super helpful for a small side project or quick mockup. Download, share & enjoy!
This is the third collection of the ongoing DesignWoop freebies series, a monthly design and development freebie collection.
This is the second instalment of the ongoing DesignWoop freebies series, a monthly design and development freebie collection.
The free design goodies included in this months round-up feature some quality PSD templates, coded HTML templates, backgrounds and some super nice fonts. The free typeface called ‘Adam’ really caught my eye and was rather quickly download into my font library.
This is the first in the series of the monthly design and development freebie collection. I have some super resources in this months collection ranging from HTML templates, PSD files, a Ghost CMS template and a couple of free fonts. The Readium Ghost theme looks fantastic, it is my personal favorite in the collection and unbelievably it is free, kudos to Sven Read and his team.
Today I wanted to share with you a quick and easy way to building a countdown landing page with a simple email sign up form.
To complete this demo I will be using a jQuery plugin called FlipClock.js to power the countdown clock and MailChimp to power the email sign up form.
View The Demo or Download Source Code.
The time spent building a new web project can be greatly reduced if you choose to use a prebuilt HTML5/CSS framework.
A front-end framework can provide you with tons of prebuilt web elements such as responsive grids, JS sliders, complex menus, model windows, icon fonts – pretty much everything you may need to get your website up and running fast.
Here are ten useful, time saving web design frameworks that you should bookmark for future use in your projects.
Looking back 5 or 10 years ago the process of designing website buttons was very tedious. CSS could handle a lot of the outer edges, but gradient backgrounds and icons required static images. And these newer design trends are still at the cusp of innovation. This means you will find plenty of modern websites still using images in place of CSS3 effects.
I want to focus this tutorial on the power of CSS3 icon fonts for designing user interfaces. We will be creating some generic CSS3 buttons with added icons for design aesthetics. However the icons will not be loaded from static images or sprite sheets. Instead we will be using the Entypo icons font for generating pictograms inside your website layout.