Canvas Pad Rectangles (simple shapes) HTML Canvas 2D Context specification: Section 8 Simple shapes (rectangles) context.clearRect(x, y, w, h) Clears all pixels on the canvas in the given rectangle to transparent black. context.fillRect(x, y, w, h) Paints the given rectangle onto the canvas, using the current fill style. context.strokeRect(x, y, w, h)) Paints the box that outlines the given rectangle onto the canvas, using the current stroke style. // Draw black rect ctx.fillRect(50, 20, 145, 145); // Draw blue rect ctx.fillStyle = "rgb(0, 162, 232)"; ctx.fillRect(135, 85, 125, 125); // Increase line width ctx.lineWidth = 5; // Draw black rect outline ctx.strokeStyle = "rgb(0, 0, 0)"; ctx.strokeRect(50, 335, 145, 145); // Draw blue rect outline ctx.strokeStyle = "rgb(0, 162, 232)"; ctx.strokeRect(135, 275, 125, 125); // Draw transparent yellow rect ctx.fillStyle = "rgba(255, 255, 0, 0.75)"; ctx.fillRect(210, 180, 125, 125); context.arc(x, y, radius, startAngle, endAngle, anticlockwise) context.clip()
“Tear Off” Wallpaper by ZNAK Applying wallpaper to walls has never been so fun. With this perforated “tear off” wallpaper from ZNAK, you can customize the appearance of your space by tearing off the pieces as you please. The wallpaper is created out of non-woven material and the shapes are inspired by the the transformation process of snakes. Before & After magazine
Better Than A Van Gogh: NASA Visualizes All The World's Ocean Currents We imagine the ocean as having high tides and low tides, water that comes in and out in waves. Beyond that, how does water actually move around the world? What’s that flow look like? NASA Scientific Visualization Studio assembled this remarkable animation of the surface currents of our oceans. What you’re looking at is the surface current flow (not anything deeper) of oceans around the world, recorded from 2006 to 2007. The image is wondrous, isn’t it? And all this pontification is ignoring just how unthinkingly beautiful the visualization looks. I find myself replaying the video embedded here, again and again, while Googling the locations of deeper currents to make sense of the surface repercussions I’m looking at.
TetraBox Light by Ed Chew Liquid to Light Designer Ed Chew takes a green step in the right direction with the TetraBox lamp, a light object made from discarded drink packets that would have otherwise ended up in landfills already packed to the brim. The design is achieved by unfolding the packets and refolding them into hexagonal and pentagonal sections that are then pieced together to form a geodesic sphere or any other desired shape. Here, the Epcot-like ball makes an attractive overhead light and casts an impressive web of shadows and shapes on the surrounding space. Designer: Ed Chew Coroflot - Design Jobs & Portfolios
Wind Map An invisible, ancient source of energy surrounds us—energy that powered the first explorations of the world, and that may be a key to the future. This map shows you the delicate tracery of wind flowing over the US. The wind map is a personal art project, not associated with any company. We've done our best to make this as accurate as possible, but can't make any guarantees about the correctness of the data or our software. If the map is missing or seems slow, we recommend the latest Chrome browser. Surface wind data comes from the National Digital Forecast Database. If you're looking for a weather map, or just want more detail on the weather today, see these more traditional maps of temperature and wind.
Hug Chair by Ilian Milinov A Chair for Clingy Lovers If you’ve ever had someone sit in your lap, you know that 15 minutes is about the max your legs can handle. It’s really not fair. The Hug chair brings simple design and human gesture together for that extra time you want to sit with your significant other. Designer: Ilian Milinov Quality Free Vector Graphics Paid License information By buying this license you are granted a Lifetime License to use this design on your projects. You will be allowed to use it for commercial, personal and educational projects without having to give attribution. You can also print merchandise (like t-shirts, mugs, etc) up to 500 copies per design and up to 10.000 with an Extended. Where can I use this design? Promotional use: You can make usage of this design in any print or electronic media, including websites, packaging and advertising without crediting attribution or copyright. Merchandise use: Physical products where the image is the main reason why the product will be purchased. Template use: You can use it for digital templates including websites, brochures, etc, intended to be sold online on-demand as long as it is not sold “as is” and is solely used as a graphic resource to create a new design/layout/template which differs significatively from the original design.
20 Pure Websites with Clean White Backgrounds Whenever we start work designing a website one of the first things we always do is throw a bunch of colours and textures onto the canvas, but sometimes a design will benefit from the clean and crisp appearance of a pure white background. This showcase rounds up 20 minimal website designs that prove that sometimes less is more. Information Architects Color Grade It Face. Works. MmDesign The Manual Andy Mangold Casey Britt Kyan What Happens Next? La Wine Agency New Gotham Designs Big Bite Creative Wantful Helen & Hard Yaron Schoen b14 Eric Paul Snowden Whitespace Hanzell Vineyards Decorated Playlists