BaseWeb is a SCSS front-end development framework built to make working on web based projects more enjoyable. Built by Sebastian Nitu,It’s focused on keeping your projects simple, organized and responsive. It was created from a need to reduce the amount of time writing CSS while giving control over CSS output to the author. BaseWeb is designed to be worked on within a SCSS development workflow. The easiest way to get started is to open up…
HTML GL solves “the slow DOM problem” by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL represenations. These GPU accelerated textures are very effective from resources consuming…
Space.js is a HTML-driven JavaScript-library for narrative 3D-scrolling. The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility! The core of the library is to divide our HTML into frames, or space-frames as we call them her (to not conflict the common class name “frame”).Space.js has a default default transition – which is to enter…
This is a tutorial on how to create a simple slider with an interesting “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. The demo is supported in all major browsers, including Internet Explorer 9.
Amberlight is a spectacular, one-of-a-kind app for Mac and Windows, from Escape Motions, that creates unique and stunning effects. It uses a unique math algorithm, which generates beautiful, complex patterns, such as exciting swirling patterns, glows and light trails that are ideal for anything from backgrounds, to illustrations and motion graphics. Highlights: Create computer-generated images with stunning swirling and lighting effects quickly and easily Perfect for all artists, from budding beginners to advanced Enhance your…
Pintsize is the ideal place to start your next web project. As well as providing you with the basics to get building quickly, it’s nice and tidy file structure makes it easy to scale your projects efficiently. Features: You can translate artwork grid values to your build quickly. Takes care of the maths for you You can choose from Basic usage to get building quickly or advanced usage to build semantically A nice and tidy…
Codeply is a editor that lets you run and preview your HTML, CSS and JavaScript code from any modern Web-browser. You’ve seen this capability in other tools like JSFiddle, Codepen and Bootply. But, Codeply is different because it’s not just a code editor. Codeply makes responsive Web design & development easier by enabling you to leverage the responsive framework of your choice. Codeply is integrated with responsive frameworks like Bootstrap, Foundation, PureCSS and Skeleton. This…
Today’s free design resource HTML/PSD template comes from Themeforces.Spirit8 is a bootstrap based HTML template suitable for digital and agency website. It is responsive, and user friendly theme. Coded by Jenn Pereira and Designed by Robert Berki. PSD files are included. It’s compatible with IE9, IE10, IE11, Firefox, Safari, Opera, Chrome You can use this template for your personal and commercial projects.
This is a simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Today’s snippet comes from Codyhouse.It is all about a single CSS property: background-attachment. You can set the background to be fixed within the viewport (background-attachment: fixed;). The new trick here is having the same element (in this case a phone) in the exact same position in all background images, so that while you scroll…
Fonts mega bundles are very popular on Dealjumbo.This is one of best so far! As always only with highest quality & top sellers custom font families in one mega bundle! If you are looking to beef up your custom font library, this Jumbo Deal is just for you! With almost 92% off and available for limited time only, you’ll need to grab this new 5in1 mega bundle while you can. With 25 custom font families…