Web Design goodies

Facebook Twitter

Rectangle World – HTML5 Canvas and JavaScript: Tutorials and Experiments. Making the Paper Snowflake Web App, Part 1 – Layering canvases Published on December 31, 2013 My first blog post explaining some of the code behind my Paper Snowflake web app.

Rectangle World – HTML5 Canvas and JavaScript: Tutorials and Experiments

In this installment, we look at how multiple canvases are used together to handle drawing and interactivity tasks. Read more… Paper Snowflake Maker – Create, save, and share snowflakes with this HTML5 Canvas app. Published on December 12, 2013 Create virtual paper snowflakes with this web app built around the HTML5 canvas. Read more… N-body planar choreographies: illustrating mathematics in HTML5 canvas Published on August 20, 2013 An application built in HTML5 and canvas is used to illustrate some intriguing mathematics. Create cool stitched effects with CSS3. Ryan Boudreaux illustrates how to create a stitched effect using the CSS3 dash border property and with and without background images.

Create cool stitched effects with CSS3

The stitched effect has been replicated in numerous creative designs using Photoshop techniques with great effect; in fact, the implementation used by Elegant Themes as the background for the left sidebar in their Memoir WordPress theme, utilizes three segments of the image which are cut for the top, middle, and bottom sections as shown in Figure B (viewed in Chrome v 21.01).

But this blog post is about using CSS3 to create a similar cool stitched effect, some incorporated with background texture images and others without. Knockout : Home. Customize horizontal rules to add some flair. Ryan Boudreaux shares some styling tips that will help rescue your boring horizontal rules.

Customize horizontal rules to add some flair

Your typical horizontal rule is just a boring line shape that slides across the page, unassuming, thoroughly bland and insignificant, as shown in Figure A below. Horizontal rules are the emphatic break between sections of content, and it has been given a bad reputation, so it's time we spruce up the element just a bit. In this tutorial, I am going to show you how to add unique styles to your horizontal rules . Grunge Fusion: Creating Stunning Textures with Blending Modes and Filters. Back around Christmas time, I released a pack of really bold, gungy textures that I had created specifically for Echo Enduring readers.

Grunge Fusion: Creating Stunning Textures with Blending Modes and Filters

One of the comments that I received suggested that it might be a good idea to provide a tutorial on the process I used. So, while each texture was actually a bit different, I have decided to write a generalized overview of some of the techniques that I used to create those textures. Kicking it Grade School Style I don’t know about you, but back when I was in grade school, I remember having a few different projects where I had to do something “creative”. RGB to Color Name Mapping(Triplet and Hex) WebDev - jQuery Deconstructed. If ( isTag ) { part = part.toLowerCase(); } for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) { if ( (elem = checkSet[i]) ) { while ( (elem = elem.previousSibling) && elem.nodeType !

WebDev - jQuery Deconstructed

== 1 ) {} checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ? Elem || false : elem === part; } } if ( isPartStrNotTag ) { Sizzle.filter( part, checkSet, true ); } }, ">": function(checkSet, part){ var isPartStr = typeof part === "string"; Crockford on JavaScript: A Public Lecture Series at Yahoo! The Best Designs » Web Design and CSS Gallery » The Best of Web Design.

Binpress. Clarity Consulting. MIX Online's Gestalt: Write Ruby, Python and XAML in your HTML pages. New 1.0 Release!

MIX Online's Gestalt: Write Ruby, Python and XAML in your HTML pages.

Read more » Gestalt is a way to write Ruby, Python & XAML code in your (X)HTML pages. It enables you to build richer and more powerful web applications by marrying the benefits of expressive languages, modern compilers, AJAX & RIAs with the write » save » refresh development model of the web. Gestalt is a way of building more powerful web applications without changing the way you work.

Features Make way for Ruby & Python, JavaScript! Ready-to-use Widgetry! We took the liberty of creating a few ready-to-use widgets that you can start using today. Getting Started with CouchDB. NoSQL has been one of the most talked about topics over the past couple of months.

Getting Started with CouchDB

This tutorial will introduce you to CouchDB, a NoSQL implementation and teach you how to get started with the platform. What is NoSQL? NoSQL is schema free -- you don't need to decide the structure up front. NoSQL [not only SQL] is a movement towards document stores that do not make use of the relational model. The fundamental paradigm shift is in the way they store data. Continuing the invoice example, some invoices may include a VAT number, some may not.

Querying NoSQL Databases MapReducing has benefits over SQL queries because the map/reduce task can be distributed among multiple nodes, something not possible in RDBMS. NoSQL databases use map/reduce to query and index the database. Ruby Cloud Platform as a Service. Christoph Dorn.

Photoshop_stuff

[Ruby-Doc.org: Documenting the Ruby Language] Desizn Tech: Web Design, Graphic Design, Photography and Tech Blog. BittBox. Web Development Partners for Creative Agencies, A Division of Sierra Bravo Corporation. LEARN / Grow from good to great by learning from brilliant nerds, and teaching them. Nerds say they learn more in their first month here than elsewhere their whole career. We encourage people to pursue new challenges and growth opportunities in building diverse portfolios of highly visible interactive work any nerd would be proud of – projects of every shape and size, in wide variety.

Developer advocates make sure nerds are happy, challenged and having the career they want – with a chance to try any technology, or, become the guru of whatever they know best. Deployed Nerds take field-trips to work directly with clients and come home with lessons from the road. Di-f is making friends with good design. Free Resources for Web Designers. 92pixels - Designs, Showcases, Inspiration, Freebies, Tutorials, Tips and Tricks and Interviews.