background preloader

Mixture - The perfect front-end development tool for Mac & Windows.

Mixture - The perfect front-end development tool for Mac & Windows.
Build your project with simple but powerful HTML template languages. Mixture gives you powerful features of server-side languages like PHP, .NET or Rails without the install and setup. Tell me more → Mixture uses Liquid as its default template language, but also supports straight HTML and HAML. Liquid is essentially HTML with additional tags, it's quick, simple to learn but super powerful – it supports Layouts, Includes and so much more. ← Back

http://mixture.io/

Related:  apapantodiseño web

Layouts Pure was crafted with the goal that it can be used in every web project. To showcase this, we've made some common layouts that leverage Pure. These layouts are responsive and don't require JavaScript (except for certain menu interactions). Sliding Boxes and Captions with JQuery One Mighty Roar via Ad Packs Jarek Kubicki ArtistMore Work Kamil Smala ArtistMore Work jQuery TourBus jQuery TourBus takes more of a toolkit approach than some of the alternatives that try to have focusing elements, auto-progress with timers and indicators, on and on, all built in... too much stuff! Less is more! Basic Usage Start by including the jQuery plugin and base styles on your page, of course. Then we can define some 'legs' of our tour. Imagine you have a page with some stuff you want to lead the user through, maybe some elements like #nav and #sell...

Sample Work — PSD to HTML & CSS services — Chop-Chop.org According to our Privacy Policy and NDA your files are safe with us. We will never share them with anybody without your clear consent. You can download our sample projects below. HTML5 CSS3 Responsive Website made for Jordan Price, UI/UX Designer from San Francisco. download sample Magently — HTML5 CSS3 Fluid, mobile-friendly site for our new brand, featured on CSSMania & Design Shack — with some neat CSS3 animations and parallax.js 55 Free jQuery Mouseover Effect Tutorials and Examples jQuery Mouseover is really very attractive for visitor to see your blog. There are more style of jquery mouse-over effect such as jquery popup, jquery mouseover event, jquery on mouseover, jquery mouseover toolkit.etc. It is really useful tooltip jquery plugin can help you create high quality professional web design. Some effect on jquery image effect when you take mouse over the button or images the active effects will happen, it similar using flash design. But now we only using query or css to make beautiful action effect and more compatible.

PNG Optimization Online and Local: Can CompressPNG and ImageAlpha Dethrone TinyPNG? Mar 28 2013 If you are a regular reader, you will certainly remember TinyPNG, a fresh service, created by Voormedia from the Netherlands, that lets you compress PNGs easily and to a noticeable extent. Many of you, I know I did, will have integrated TinyPNG into their daily workflows. Around 70% less weight than before is what TinyPNG promises and almost always achieves, while you don’t even see the difference. A brand-new service from the Czech Republic by the name of CompressPNG has arrived, ready to dethrone TinyPNG.

Demos - JavaScript InfoVis Toolkit JavaScript InfoVis Toolkit Create Interactive Data Visualizations for the Web Home ● Download ● Builder ● Donate Area, Bar and Pie Charts Sunburst » The EMs have it: Proportional Media Queries FTW! Cloud Four Blog Hay, I wrote this in 2012! I still like the notion of the metaphorical connection between content-based sizing units (e.g. ems) and layout definitions (e.g. breakpoints). And the zooming behavior cited here was always meant more as a sidelong example than a core argument.

.hover Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. .hover( handlerIn, handlerOut )Returns: jQuery Description: Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. Beautiful Background Image Navigation with jQuery In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in […] View demoDownload source In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position.

Return of the Borg: How Twitter Rebuilt Google's Secret Weapon Illustration: Ross Patton John Wilkes says that joining Google was like swallowing the red pill in The Matrix. Four years ago, Wilkes knew Google only from the outside. He was among the millions whose daily lives so deeply depend on things like Google Search and Gmail and Google Maps. But then he joined the engineering team at the very heart of Google’s online empire, the team of big thinkers who design the fundamental hardware and software systems that drive each and every one of the company’s web services.

CSS3 Animation Cheat Sheet - Justin Aguilar How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. Introducing d3chart We’ve been working more and more with d3.js here at Bocoup with clients and as part of the Miso Project . As much as we love the library and are grateful that it exists, we’ve also run head-on into architectural issues with some of the patterns commonly used when creating charts. We love to write code that we can reuse, extend and release, so the need arose to think at a higher level about how we work with d3. You may want to stop here and read the fantastic article by Mike Pennisi about the thinking behind d3.chart, but I will try to summarize in one paragraph: Think about jQuery for a moment. It’s incredibly powerful - it offers direct access to the DOM with unprecedented granularity.

Related:  ЛендингиOutils