theoutsider

37 Flips | 4 Magazines | 3 Followers | @theoutsider | Keep up with theoutsider on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “theoutsider”

How I Made a Carbon Fiber Acoustic Guitar

Use free 3D design tools to mold a tough, sleek guitar body (or anything else) in high-tech composite.<p>Here’s how I made the body for my carbon fiber acoustic guitar, part of a workshop at Techshop. It was made laying layers of carbon fiber and fiberglass over a cardboard mold, then hardening the …

Simple Responsive Images With CSS Background Images

<b>In this article we’ll look at the CSS background approach in several steps:</b><p>First, we’ll review the goals and requirements for responsive images.<br>• Then …

Responsive Bildergalerie auf Basis von HTML5, CSS3 und jQuery

Normalerweise stelle ich keine Galerie-Scripts vor. Gefühlt Tausende existieren in den nicht so fernen Weiten des Netzes und fast wöchentlich kommen …

Absolute Horizontal And Vertical Centering In CSS

There, Simon linked to this jsFiddle that blew every other method out of the water (the same method was also mentioned by Priit in the comments). …

Inkjet Printable Circuits

Book review – Learn to Program with Scratch

This newly released book from No Starch Press ups the ante on Scratch programming for kids and adults. When Scratch first came out a few years ago, Scratch books used examples that were fairly easy. Now that Scratch has an enthusiastic following, books that delve deeper into Scratch are appearing …

Building a Bullet Time Rig at the Raspberry Pi Jamboree

<i>This post comes to you live from the Raspberry Pi Jamboree in Manchester, England which is being held as part of the Education Innovation Conference & Exhibition at the Manchester Central Conference Centre this week.</i><p>The Frozen Raspberry consists of 48 individual Raspberry Pi boards with Pi cameras …

Raspberry Pi to Go: How to Wire 18v Portable Pi Power

Tap an 18-volt drill battery for a rugged, rechargable Raspberry Pi power supply.<p>The versatile system-on-a-chip Raspberry Pi board seems to have something for everyone: plenty of ports for display, sound, and USB peripherals; a pin header for relaying inputs and outputs from the physical world; and …

Arduino

Build a Raspberry Pi “Like” Tracker Kiosk

For this project I’m going to share how to build a Raspberry Pi-based kiosk that will show how many ‘Likes’ your Facebook page has. When you get a new Like it will show you and alert you with a sound.<p>I won’t cover setting up a Raspberry Pi from scratch, but I recommend you read the book “Getting …

How to Choose the Right Platform: Raspberry Pi or BeagleBone Black?

<i>This article was originally posted at Michael Leonard’s blog and has been re-posted here.</i><p>There are already many articles out there comparing Arduino, Raspberry Pi, and BeagleBone Black; this is not one of those articles. I believe it is clear that Arduino is in a different league than the Raspberry …

the new code – not found – blog / 777

20 stunning examples of CSS 3D transforms

Rounded corners, gradients and drop shadows are well known features of CSS3, but beyond these there lie CSS transitions, transforms and animations. …

Best Frontend Tools 2017

Best Frontend Tools 2017 - List of resources and tools to speed up your frontend development workflow.

Fresh and Useful CSS Frameworks for Developers

When it comes to the world of web design, one of the best straightforward definitions of a framework is defined as a package which is comprised of a …

Blueprint: Slide and Push Menus

Slide Menus<p>Show/Hide Left Slide MenuShow/Hide Right Slide MenuShow/Hide Top Slide MenuShow/Hide Bottom Slide Menu<p>Push Menus<p>Show/Hide Left Push …

CSS Background Size

Useful HTML5 Tools and Resources For Web Designers & Developers

For today’s round up, we have chosen to showcase some very <b>useful HTML5 tools</b>, Tutorials and other resources that will help you improve your HTML5 …

30 Handy JavaScript Web Designing Tools & Libraries | Javascript

JavaScript tools and libraries which are very helpful for fast web designing. JavaScript development tools are very handful we are currently selected …

Parallax Tools and Techniques

The parallax effect has been around for a while and since we noticed that our readers really like the technique, we decided to gather a few tools and …

44 Minimal Portfolio Websites with Clean Typography

Looking back I have written other articles dedicated to portfolio website designs. But one specific type of portfolio is based around minimalism, …

17 Sites for Web Design Inspiration

Now that anyone can learn to code, and probably <i>should</i>, web design and development are becoming more and more personal in both approach and learning …

Password Protection

Multi-Level Push Menu for Infinite Nested Submenus

Posted· Category: License Free, Menu<p>Codrops has shared a Multi-level Push Menu experiment with us. They tried to explore the possibility of creating …

Split Layout

View demo Download sourceThis Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners. The idea is to show …

Animated SVG Icons with Snap.svg

Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate …

Playing Sounds on Events with Ion.Sound jQuery Plugin

Posted· Category: MIT License, Sound<p>Today websites are full of events (new mail, new chat-message, content update etc.). Often it is not enough to …

Techniques for Creating Textured Text

In this article we'll explore all the current techniques for creating image or texture filled text and show you how to apply them.<p>In this article …

Flatastic Mobile UI Kit with Lots of Mobile UI Elements

Posted· Category: CC License, MIT License, PS Tutorials<p>Designers of mobile interfaces are becoming more prominent in today’s faced-paced web space. …

UI-less, Fast Transitions & Animations

Posted· Category: Framework, MIT License<p>Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult to do that while …