WebAppers

/ best free open source web resources /

Shopify

Deal of the Week: Typo-Painter for Photoshop

Posted · Category: Information

Using text to create images is a really unique and entertaining approach to creating graphics. The really neat thing is that you can do it yourself with minimal effort.

Typo-Painter for Adobe Photoshop will quickly become your absolute favorite plugin in your artistic toolbox! This plugin lets you create a typographic painting from any image, using any text you’d like.

Since your word-filled photo is saved in an EPS format, you can edit, scale, and customize the results. Using a vector tool software like Adobe Illustrator or CorelDraw, you can easily edit the final results any way you’d like. Typo-Painter normally sells for $10, but for a limited time only, you can get this incredibly fun and useful tool for just $5. That’s a 50% savings off the regular price.

typo-painter

Twitter Headers for New Responsive Profile Page

Posted · Category: Information

Twitter has launched a new profile page design few days ago, and now it is available for all users on the Web version. The new web profile lets you use a larger profile photo, customize your header, show off your best Tweets and more. The new profile makes everything big, from the profile picture to the full-width header to the tweets themselves.

TwitrCovers is the best place to find some of the most beautiful Twitter Covers and Backgrounds for your new Twitter Profile. Simply choose the image and then Click “Make This My Twitter Cover”. And then it will automatically change the image to your twitter image for you. You can also see a preview of the cover when hovering on the picture.

twitter-backgrounds

Source: http://www.twitrcovers.com/

Building Beautiful Books and Exercises with GitBook

Posted · Category: Information

GitBook is a command line tool (and Node.js library) for building beautiful programming books and exercises using GitHub/Git and Markdown. A book can contain interactive exercises. An exercise is a code challenge provided to the reader, which is given a code editor to write a solution which is checked against the book author’s validation code.

GitBook supports building books written in multiple languages. Each language should be a sub-directory following the normal GitBook format, and a file named LANGS.md should be present at the root of the repository.

learn-javascript

Requirements: Node.js framework
Demo: http://www.gitbook.io/
License: Apache License

Create Special Effects with Magic CSS3 Animations

Posted · Category: Information, License Free

Magic CSS3 Animations is a package of CSS3 animations with special effects that you can freely use for your web projects. Simple include the CSS style: magic.css or include the mynified version: magic.min.css. The project is now hosted on GitHub. There are special effects like bling, perspective, rotate, slide, tin, bomb and etc.

css-animations-effects

Requirements: CSS
Demo: http://www.minimamente.com/example/magic_animations/
License: License Free

Advanced Visual Animations with CSS Keyframes

Posted · Category: Information, License Free

Designmodo is has shared with us an article: Playing with CSS3 Animations, which is a personal experience he had while trying to build advanced visual animations with CSS keyframes. We will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout().

All demos have been tested on Chrome, Safari, Firefox, Opera, IE11 and IE10 (also on iOS). They are not intended for production; they are simply provided as tangible case studies. Additionally, you may have to implement some fallbacks for users (especially those using old IE browsers), something beyond the scope of this article.

css-animations

Requirements: CSS3
Demo: http://designmodo.com/demo/css3animations/
License: License Free

Learn Flexbox in 5 Minutes with Interactive Tour

Posted · Category: Information

The Flexbox Layout module currently a W3C Candidate Recommandation aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic.

The main idea behind the flex layout is to give the container the ability to alter its items’ width/height to best fill the available space. They work well for pages, they lack flexibility to support large or complex applications especially when it comes to orientation changing, resizing, stretching, shrinking, etc.

Flexbox in 5 minutes is an interactive tour of all the major features of the new CSS property: flexbox. It’s built using Knockout.js.

flexbox

Requirements: –
Demo: http://devbryce.com/site/flexbox/
License: License Free

Examples of Item Transitions with CSS Animations

Posted · Category: Information, License Free

Codrops has shared some inspiration for item transitions with us. There are three different use cases: a small image slideshow, a large header slideshow and a slideshow using product images with a transparent background.

State transitions are done using CSS Animations. This allows us to specify a certain behavior for the items when coming from any direction. This can be useful for direction-aware navigation of items, like you can see in the demos.

Please note that in some examples we are using CSS Animations on pseudo-elements which might not be supported in some browsers (especially mobile browsers).

item-transition

Requirements: –
Demo: http://tympanus.net/Development/ItemTransitions/
License: License Free

Deal of the Week: A Collection of 6 Distressed Fonts

Posted · Category: Information

Anodyne will add a ton of distress to your life, but in a good way. This beautiful, original, all-caps font from Yellow Design Studio offers up a collection of 6 distressed fonts. This Anodyne Bundle includes hand-printed texture variations, multiple styles, contextual alternates and multi-language support.

The Desktop Fonts support a large number of languages. Anodyne can be used on just about any surface that includes a fixed image. That means you can use this fantastic font to create gorgeous works of art on computer screens, posters, websites, photographs, T-shirts, and more.

Anodyne normally sells for $39, but for a limited time only, you can get all 6 distressed, caps fonts for only $9. That’s 75% off the regular price. OR get both the Desktop and Web Font versions together for just $15.

fonts

BrowserQuest – An HTML5 Multiplayer Experiment

Posted · Category: Information

BrowserQuest is an HTML5 massively multiplayer experiment. The mission was to showcase HTML5 gaming and WebSockets, a new technology allowing to create real-time web apps, games and more.

BrowserQuest is a tribute to classic video-games with a multiplayer twist. You play as a young warrior driven by the thrill of adventure. No princess to save here, just a dangerous world filled with treasures to discover. And it’s all done in glorious HTML5 and JavaScript. Even better, it’s open-source so be sure to check out the source code on GitHub.

browser-quest

Requirements: HTML5 Framework
Demo: http://browserquest.mozilla.org/
License: MPL 2.0 License

Deal of the Week: 20 Fonts in Gist Family

Posted · Category: Information

Looking for a modern-yet-retro font? A highly customizable typeface? A totally friendly font you can use for just about any project? Mighty Deal is offering all 20 Fonts in Yellow Design Studio’s Gist Family for you.

Gist is an inline slab serif that features a retro yet modern vibe. With 20 weights and loads of OpenType features including ligatures, swashes and alternates, it comes primed with the tools to work on just about any project.

It normally sells for $49 (for the Desktop version), but for a limited time only, you can get the desktop version of all 20 fonts for just $14. That’s 70% off the regular price. OR get both the Desktop and Web Font versions together for just $21.

gist

Page 6 of 37«2345678910»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons