Rain & Water Effect Experiments Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios. View demo Download source Today we’d like to share some WebGL experiments with you. The idea is to create a very realistic looking rain effect and put it in different scenarios. In this article, we’ll give an overview of the general tricks and techniques used to make this effect. Please note that the effect is highly experimental and might not work as expected in all browsers.
60+ best free fonts, Summer 2015 2015 continues to be a fantastic year for fonts. Type designers are increasingly prolific and there’s a new design for every possible project, often completely free, or with a free option or weight. There are a couple of dominant trends for Summer: The first trend is a revived interest in ethnic and folk art styles, like the colorful approach of Tripel Six, or the charming Quirko; the second trend is a move away from the geometric sans-serifs that we’ve seen recently, towards more humanist sans-serifs, like Qontra. Today, we’ve compiled a list of the best free fonts that have been released, or received a major update, in the last three months. You’ll find whole families, treatments, display fonts, body fonts, and 1 or 2 oddballs. Browse through what’s available, try them out, and if you use them in a project, let us know!
Gallery Archives – Responsive Deck David Urankar first drew attention with the campaign for Mura collection 2008/09. This responsive web design was created by @lumeaa and suggested by @davidurankar for inclusion in the responsive websites gallery collection. Rally Interactive is an application development firm from Park City, Utah. Web Slide - Bootstrap 4 Mega Menu Responsive by UXWing Build your mobile-first web projects with web slide navigation system that’s give you all type of ready made responsive menu items for your any type of websites. Made with pure css, html, jquery, so you can customize it as you want that suits your website layout. Corporate website navigation You can make responsive menus for your corporate company website with your corporate color schemes. Ecommerce vertical tabbing mega menuBest experience desktop and mobile menu for large online buying website. Full & Fixed website menuAdjust new navigation for your fluid or fixed width web page layout.
Creating Scroll-based Animations using jQuery and CSS3 Creating movement is great way to provide an interesting and interactive experience for your viewers. With modern sites providing a greater deal of interactivity, it’s becoming increasingly expected that even simple websites will offer some level of animation / movement to engage their visitors. Today I will be outlining a technique that you can adapt to your web projects – triggering animations when scrolling into a pre-defined region. These animations will be created using CSS transforms and CSS transitions.
40 Stunning Website Designs with Great Color Schemes Design Selecting a color scheme for a given website design project is not always easy. Sometimes the product or service will help to determine the base or main color, but where to go from there is usually a matter for the designer's imagination and inspiration. There are sites that offer huge selections of color combinations where you can search for a specific color or just browse by categories such as newest, most popular, etc., but sometimes there is just no substitute for browsing other sites for inspiration, where designers have used color schemes that, as a palette may not be obvious bed-mates. In this round up we have selected 40 sites that have some outstanding and/or unusual color combinations, and where the designers have applied a great deal of creativity.
Grid Item Animation Layout - Demo 1 Previous Demo Back to the Codrops article Animated Grid Layout Related Demos Book Preview Thumbnail Grid 3D Grid Effect On Humans & other Beings Stories for humans Colorful Pattern Background Vector Graphic — geometric Colorful Pattern Background Vector Graphic Mar 11, 2013 | Backgrounds background, circles, colorful, geometric, pattern, seamless, vector This colorful pattern uses a strong geometric design for an outstanding effect. Overlapping circles create a dozens of unique colors, gradually blending into darker or lighter lines throughout the pattern. 15 Inspiring Examples of CSS Animation on CodePen CodePen is fast becoming the go-to place to show off what we can do with our web creations. Here’s a list of some of the great stuff people have been creating with CSS animations recently! Apple watch like Mickey watch by Jay Salvat (@jaysalvat). This is a lovely example of combining CSS transitions, SVG graphics and JavaScript to position the hands on a cute Mickey Mouse watch face. Submarine with CSS by Alberto Jerez (@ajerez). Gorgeous use of the circular port-hole shaped container gives this CSS-animated submarine a lot of charm.
2014: The year we all go 4K Sub-$1000 4K displays and how they relate to responsive web design. This year at CES 4K televisions were a big deal. 4K UltraHD displays for computers have been available for awhile, there’s even one on Apple’s website, but at $3,500 they’ve been cost prohibitive. That all changes with the announcement of new 4K displays priced at less than $1000. Affordable 4K Meet the Dell 28 UltraHD monitor, a $699 28" 4K desktop display. Telephone ringing Icons Freepik We're Hiring Telephone ringing Free Icon