A Handful Of CSS Trends And How To Use Them There are a handful of CSS and CSS3 trends that are making their way across the web. Find out how to use them on your site… As I make my daily web travels, I’m constantly keeping an eye out for any trends or cool effects that other blogs are taking advantage of. I finally rounded up a handful of them that really stood out and wanted to share with my readers how to execute the same effects on your site. CSS3 Patterns Gallery Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines If you have a new pattern to submit, please send a pull request.
The Best Way to Learn JavaScript Learning something new is scary. For me, the biggest issue with picking up a new skill is that I don’t know what I don’t know. Given that, it’s often useful to find a plan for learning whatever you’re interested in. That’s what this post is: your blueprint, your roadmap, your plan of action for learning JavaScript! You don’t have to worry about finding the best resources, sorting out the bad ones, and figuring out what to learn next. It’s all here.
Online CSS Unminifier - Peter Coles You may be aware of js unminifiers or beautifiers (such as jsbeautifier). I found myself wanting something similar for making minified CSS legible, so I built a simple tool using javascript to unminify CSS. It uses several regular expressions (and sometimes a split followed by a join) to generate the clean code and it also lets you specify tab width. I included a minified sample in case you want to give it a try. Learn CSS Positioning in Ten Steps: position static relative absolute float 1. position:static The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had been previously set. 2. position:relative
How to Learn JavaScript Properly Learn JavaScript Properly (For Beginners and Experienced Programmers) This study guide, which I also refer to as a course outline and a road map, gives you a structured and instructive outline for learning JavaScript properly. In fact, you will find two study guides below, one for absolute beginners and the other for experienced programmers and web developers. You do want to learn JavaScript. Designing Websites for All Screen Resolutions Tutorial on Designing for 800 x 600, 1024 x 768, 1280 x 1024 and higher Designing web sites to fit all resolutions is a very important web design principle. Try out the Entheos site in all resolutions higher than 800 x 600 and you will find that it is designed to fit the page exactly. Therefore, visitors who have higher resolution can see more content in one page which reduces scrolling. Most web sites are designed for only one resolution. They may look perfect in a 800 x 600 resolution but if viewed in a 1024 x 768 resolution look a little empty.
Faster Websites: Crash Course on Web Performance By Ilya Grigorik on January 15, 2013 Delivering a fast and optimized user experience in the browser requires careful thinking across many layers of the stack - TCP and up. In a rather ambitious undertaking, when I got the chance to run a three hour (marathon) workshop at Devoxx 2012, I tried to do exactly that: a crash course on web performance. Even with that much time, much was left unsaid, but I'm happy with how it went - it turned out to be one of the most popular workshops. The best part is, the video is now available online for free!
6 Dreadful Design Mistakes That’ll Ruin Your SEO Most artists hate constraints. It’s because their profession has crafted an image of being ‘free’. It’s believed that only without boundaries can an artist wander in the sea of immense creative possibilities. Similarly if you’re a webmaster, you’ll probably not like to limit your designer’s potential. You’ll let him experiment with animated designs. And hopefully he’ll craft an elegant design that’s pleasing to your eyes. Frictionless Web Development with Flask Feb 03, 2011 Static Sites and Rapid Iteration with a Lightweight Python Kit of Flask, YAML, Markdown and Fabric. For a while I've been looking for a more fluid toolkit for rapidly developing and iterating static sites. I have three use cases in mind: client html mockups with rapid iterations or slight variations, maintaining the static client sites that I have in the stable, and hacking on my own site. In each of these cases, dealing with databases, CMSs, versioning, or directories of HTML files was either too heavy, too slow, or both. My goals are straightforward:
Tools to Learn JavaScript By Doing -Telerik Developer Network …or how solving code puzzles can be your path to enlightenment. Whenever I’m asked how a developer can learn more about a particular language, I stress that it’s crucial to find the technique that works best for you. Most folks can think of a few immediate ways to pick up a new language: BooksConferencesClassroom study Web Services in Python (Part 2) - Serving Static Files The last Python web server wasn't that great - it only gives you a hello world. If you're smart, you may have already figured out how to do Comet with it with very little code - we'll go over that in the next post. But.. the server doesn't even serve JavaScript files yet! Well, don't panic. Bootstrap and jQuery sidebar Code Examples View all tags 71 Snippets tagged with "sidebar": Side menu on hover User Profile Sidebar Fancy Sidebar Navigation