background preloader

About the Network

About the Network
Related:  web dev.tools

Planet PHP How To What is Quozio? Quozio turns meaningful words into beautiful images in seconds. Then share 'em on Facebook, Pinterest, email and more! How do I use Quozio? Just visit quozio.com and fill in your quote. After you provide your quote, scroll through the various styles and find the one that best matches it. Can I see some samples? Sure. How much does it cost? Ummm... Do I need an account? Nope. What do I get if I do create an account? 20+ Docs and Guides for Front-end Developers (No. 6) It’s that time again to choose the tool or technology that you want to brush up on. If you feel like you’ve been working hard at building but maybe not learning as much as you’d like, I’ve got your back. Please enjoy the sixth installment of our Docs and Guides series and don’t forget to let us know of any others that we haven’t yet included in this or a previous post. 1. An interactive site that demonstrates how to use the new animation-related features present in Firefox Developer Edition. 2. A good HTML/CSS styleguide to help developers write “durable, reliable” code, loosely inspired by NASA’s Workmanship Standards Program. 3. I don’t think we can have too many ES6 learning resources, so here’s another one. 4. React is officially the “current big thing” so this quick reference should be a big help. 5. A chart that displays performance report information for different ES6 features relative to the ES5 baseline operations as rendered by various transpilers (Babel, Traceur, etc). 6. 7. 8.

17 Online Photo Editors to Create Beautiful Visual Quotes The Gooey Effect The following is a post by Lucas Bebber. Lucas the originator of some of the most creative effects I've ever seen on the web. So much so I couldn't resist blogging about them myself several times. Much better this time: we got the man himself to explain how SVG filters work and how you can use them to create a very cool gooey effect. A while ago, Chris wrote about Shape Blobbing in CSS. However, these days, playing around with SVG filters, I figured I could use them to get around most of the problems of a pure CSS approach. See the Pen CSS Gooey Menu (Version 1) by Lucas Bebber (@lbebber) on CodePen. SVG Filters 101 SVG filters are quite powerful. Despite the name, we can apply SVG filters on regular DOM elements through CSS, in most browsers. This is the basic syntax to define a filter: <svg xmlns=" version="1.1"><defs><filter id="name-your-filter-here"> ... <! To apply a SVG filter to a DOM element: You may need vendor prefixes to use the filter property. Demo

Quote Pic Maker for Facebook, Google Plus, Wallpapers, E-cards, Prints. | QuotesCover.com Sweet tabbed navigation bar using CSS3 Although I don't understand why animations have been added in CSS3, this upcoming standard does have a couple of very neat features added to the CSS we're using today. I wanted to take a couple of these new things, and create a Sweet tabbed navigation using CSS3. This tutorial takes on the following CSS(3) properties: rgba opacity text-shadow pseudo selectors rounded corners gradients box-shadow As you could expect, this demo only works in browsers that support the new CSS3 features. Before we do anything fancy with CSS, we'll need a decent backbone in the form of HTML. <div id="menu"><ul><li><a href="#" title="Home">Home</a></li><li><a href="#" title="Blog" class="active">Blog</a></li><li><a href="#" title="About">About</a></li><li><a href="#" title="Register">Register</a></li><li><a href="#" title="Contact">Contact</a></li></ul></div><div id="main"><h3>Main content header</h3><p>Main content</p></div> Simple CSS First, we'll need some basic styling to the HTML we just created. More CSS

Beautiful web-based timeline software Underscore.js Web 2.0 Tools for Kids Page 1 / 28 1. Mind42 2. Bubble.us 3. Wordle 4. Powered by JOGTHEWEB Index Share It : Web 2.0 Tools for Kids The page must be refreshed to take effect. 17 Specialty Search Engines Every Web Developer Should Bookmark - StudyWeb.com Google, Yahoo, MSN and Ask.com aren’t the only search engines out there. There are many smaller, more customized search options that can help you quickly find what you’re looking for by only searching through a few sites rather than through everything. After all, you’ve got enough on your mind with hosting, design and programming to do. Try out these 17 search engines designed with Web developers in mind. Ergonosearch: This search engine, created by Sébastien Billard, searches through sites on accessibility and usability, helping you to find the resources, blogs and forums you need to make your web pages as user friendly as possible.Sparkl: Sparkl is a great search engine for those looking for resources on web design. It indexes the best sites on design and even has a few that Google and Yahoo don’t prioritize.CSS Search: Don’t spend time looking all over for CSS coding information–use this CSS search engine instead.

Guide · 20 ways to use projects Projects in Asana can be used for just about anything, from tracking your latest initiative to creating a meeting agenda, recording goals, and brainstorming ideas. Some projects will have finite start and end dates, while other projects will always be active and in use. The key to customizing projects for your workflow is Sections, which are used to divide projects–by priority level, stage in a process, date range, or any way that works for your team. Here are some project ideas to help you get your work out of email and other tools, and into Asana: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20.

Related: