Line Menu Icon... That Is A Menu I had a dumb little idea the other night so I just coded it up (as you do). You know those little icons that have come represent navigation? We've called them Three Line Menu icons around here, but otherwise known as Navicon (clever) or Hamburger (dumb). The point of that icon is that it looks like a little menu, so hopefully it's obvious you click it to reveal a real menu. But what if that icon wasn't an icon at all, but the actual menu, just shrunken? The Concept
Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. I scanned it and made this. Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. 30 Must Have Chrome Extensions For Web Developers - The Web Developer Times Here’s the list of must have chrome extensions for web developers. Many of these are useful to both web developers and designers. All of these help me a lot when I am working on websites. They help me speed up the process.
53 CSS-Techniques You Couldn't Live Without Advertisement CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts – and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Flat Christmas: Free Icon Packs for all Platforms Only one mania could be stronger than mania of Christmas, and it’s the mania of flat icons. Here we go with flat icons for all platforms: iOSWindows 8AndroidAnd flat color icons for web. All Vector and Raster Formats Inside each archive you’ll find:
ComcastifyJS by theonion With all this internet going around, sometimes you just want to experience the thrill of a long page load. Give your users the chance to enjoy a little slice of the future by slow loading your website's images with ComcastifyJS! Just a side note: We're hiring devs! Enjoy the slowness of the load! (hint: you might want to reload the page) Here's the code running this thing: Selectors Level 3 Abstract Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document. Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code. CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. CSS uses Selectors for binding style properties to elements in the document. This document describes the selectors that already exist in CSS1 [CSS1] and CSS2 [CSS21], and further introduces new selectors for CSS3 and other languages that may need them.
Web Tools - Google Developers Download Web Starter Kit (beta) What is Web Starter Kit? Web Starter Kit is an opinionated boilerplate for web development. How to Create a Website With No Code Using Adobe Muse - Adobe Adobe Muse is a great addition to Adobe’s Creative Suite. Adobe Muse is part of the Creative Cloud and can be obtained as part of the Creative Suite Cloud subscription, or you can subscribe to Adobe Muse independently. Alternatively, if you’d like to follow along to this tutorial and you don’t have a copy of Adobe Muse, you can download a trial from Adobe’s website. If you’re a print designer or new to design altogether, then this tool is a great way to get you building websites quickly and with little fuss. It shares a lot of the features from other Adobe packages and it’s closest to Adobe InDesign.
28 High Resolution Wood Textures For Designers Once in a while, you may want to try a different approach in design. If the concept/idea is green or nature related, wood elements can fit in pretty nice and they are fundamentally suitable. In this article, we attempt to showcase you 28 High Resolution Wood Textures designers can take full advantage of. Unable to create realistic wood texture from scratch in Photoshop is no longer an obstacle. Note: Some of these textures have limited rights. CSS Puns & CSS Jokes ~ Curated by Saijo George Having trouble with these CSS Puns? Why not brush up on your CSS skills with these easy to follow CSS courses from Code School, Treehouse, Tuts+, Udacity, or Codecademy. Thanks to Codrops for the wobbly slideshow effect tutorial, prism.js for the epic syntax highlighter and KL-Webmedia from Envato Studio for most of the graphics.You might also want to check out CSSHumor on Twitter for some daily dose of CSS Puns.