Fresh Toolbox for Web Developers – August 2015

Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such as generators, jquery plugins, frameworks and other helpful resources and services. You will definitely find something to your taste and interest among them.

lazysizes

High performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

Sublime Text packages for Front-end Development

Styleguide

A tool to make creating and maintaining styleguides easy.

ClickSpark.js

ClickSpark.js is a javascript utility that adds beautiful particle effects to your javascript events.
Add image-files as single particles and configure where and when a particle fountain should be fired.

Markdown UI

It [Markdown-UI] helps the developer to focus on the big picture on paper or text-editors, and with few details it lessen the cognitive load which means having meaningful productivity which equates to happiness!

Sassline

Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.

Punk CSS

Punk CSS puts your viewport in an iframe. Allowing you to rescale your design while keeping the right proportions and functionality and giving you more room to code and debug.

Quantity Queries

A tool to help build Quantity Queries for your projects.

CSS 2 SASS/SCSS Converter

Crayon.css

Crayon.css is a list of css variables linking color names to hexadecimal values, usable with postCSS or with your favourite CSS preprocessor, being it Stylus, Sass or Less.

Purifycss

Remove unused CSS. Also works with single-page apps.

Gridstack.js

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js and touch devices.

xtypejs

Elegant, highly efficient data validation for JavaScript Apps. http://xtype.js.org

Basscss is a lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability.

The HTML 5 Mega Cheat Sheet

Sketch-Flex-Layout

Plugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes.

git-commander

A git tool with an easy terminal interface.

FormButtons

Forms within buttons.

Stretchy

Form element autosizing, the way it should be.

Substituteteacher.js

substituteteacher.js is a JavaScript library that lets you substitute sentences for each other, swapping only the words necessary.

Pannellum

Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.

minigrid

Minimal 2kb zero dependency cascading grid layout.

emojify.js 0.9

A Javascript module to convert Emoji keywords to images.

FormFiller

FormFiller: A Javascript bookmarklet for repopulating forms.

getawesomeness

To retrieve all amazing awesomeness from Github.

codedoodl.es

codedoodl.es is a showcase of curated creative coding sketches. The aim of these doodles is to exhibit interactive, engaging web experiments which only require a short attention span. No loading bars, no GUI, no 5MB 3D models or audio files, just plain and simple doodles with code.

JAWS

AWS: The Javascript + AWS Stack – A server-free, webapp boilerplate using bleeding-edge AWS services that redefine how to build massively scalable web applications.

from Splashnology.com http://ift.tt/1IJhsip via http://ift.tt/1RU26if
http://ift.tt/1Wl3SJ1

Tips for designing models for 3D printing

It’s clear that 3D printing is not just another curiosity that will generate a hype and then fall into oblivion – the uses of this cutting-edge production method are multiple and varied, so it’s definitely here to stay. As you can imagine, designing objects to be printed in 3D requires a lot of care and experience. Here are some tips to help you successfully design for the purpose of 3D printing.

1. Know your printer and its limitations

To make sure your model is printable, you should not only know its details, but also the potential limitations of your printer. Some desktop 3D printers cannot print models or elements that are too small – have a look at your printer’s thread width to determine how far you can go in your design.

Thread width is generally determined by the diameter of your printer’s nozzle – most have one of 0.4 or 0.5mm. If you decide to design a circle, such a model will be two thread widths deep – created with a nozzle of 0.4mm, the circle will be 0.8mm thick. The common rule of 3D design is that the smallest features in your model should be of double thread width.

2. Follow the 45 degree rule

The famous 45 degree rule is there to be followed, so if you design overhangs that are greater than 45 degrees, you can be sure that they will need some support material. If you want to avoid that, there are some design tricks that can help you to get the model right to print. One way to do this is by deigning your own bringing or supporting objects and incorporating them to your model. Using cones and other supports, you can effectively deal with the 45 degree rule.

3. Avoid support materials

Support materials generate many problems – they can leave undesirable marks on your prints and are generally time-consuming to remove from your model. That’s why it’s best to design your models without printable support – support algorithms may be constantly improving, but following the 45 degree rule to avoid support materials is simply less complicated.

4. Orient for optimum resolution

It’s worth to orient your model for the best resolution available to that particular model. Remember that if you find it problematic, you can always slice your model and then reassemble it. If you use a Fused-Filament Fabrication printer, you’ll only be able to control the Z resolution of your model. What about X and Y then? They’re determined by thread width, so if your model has small features make sure to print it with the right orientation.

5. Design to fit tolerance when facing interlocking parts

So, your object has many interlocking parts and you’re at loss as to your next step? Make sure to get your tolerance right – it’s not a piece of cake. To set the correct tolerance, you should use a 0.2mm offset for tight fit and 0.4mm for loose fit. The former is perfect for connecters and the latter for things like box lids or hinges. Always test the tolerance in your model to see whether it fits or not.

6. Keep stress in mind

When designing your model, make sure to minimize stress by orienting it so that print lines are perpendicular to points where pressure will be applied. This will help to keep your prints safe from breaking once force is applied to their parts in use.

Even though 3D printing is at its infancy, you can be sure that people working with such cutting-edge printers are busy developing new standards and practices that will be tested – and there’s nothing better you can do than keep up with them and learn more about great 3D design.

from Splashnology.com http://ift.tt/1KNxhbg via http://ift.tt/1RU26if
http://ift.tt/1MJxqgd