#web (3,832 links)
- Ultimate CSS Gradient Generator - ColorZilla.com colorzilla.com
A powerful Photoshop-like CSS gradient editor from ColorZilla.
- jQuery Fundamentals jqfundamentals.com
- 8 Useful Tricks To Clean Up & Streamline Your Wordpress Database - Make Tech Easier maketecheasier.com
Count them. 8.
- Creating a hierarchical submenu in WordPress | 456 Berea Street 456bereastreet.com
Despite spending hours and hours searching the Web and testing plugins and code examples I couldn’t find a single example of a submenu that works the way I want it to (which happens to be the way submenus work in most other CMSs I have worked with). So I ended up coding one myself.
- Why node.js excites me « gnegg gnegg.ch
Node is an awesome platform to very easily write very well performing servers. Node is an awesome platform to use for your daily shell scripting needs (allowing you to work in your favorite language even for these tasks). Node isn't about creating awesome websites. It's about giving you the power to easily build servers. Web, DNS, SMTP - we've seen all.
"Instead of coding in one language, we're actually coding in two. One is the subset JavaScript that can be run in all browsers, and another is the set of JavaScript that can be run by Node. Knowing the difference between the two languages and context switching between them is simply a required skill. You know what would be awesome? If we wrote our libraries so that they could run either on the server or on the client, and they did so in a transparent way. Maybe it would help to give a concrete example of how this could be awesome." Isn't YUI trying to do this? Lots to catch up on
- High Performance Web Sites :: Render first. JS second. stevesouders.com
Rendering first and executing JavaScript second is the key to a faster Web.
- Gridulator: Make pixel grids, lickety-split gridulator.com
"<meta http-equiv=”X-UA-Compatible” content=”ie=edge,chrome=1″>
As a webmaster, you can use this simple meta tag that the new stable release of Google Chrome Frame can detect, and if present, will render the page using Google Chrome rather than Internet Explorer. This gives users the appearance of using IE, but the speed and standards compliance, and security of Chrome."
"Content management remains an unsolved problem. Untold billions of dollars (and hours) have been spent building commercial, open source, and custom content management systems since the first Web page was pushed to a Web server using FTP, and yet they all still suck." High five!
Syntax highlighting for self-hosted Wordpress.
- JavaScript Guide - Mozilla Developer Center developer.mozilla.org
This is probably where to begin.
- ThinkUp: Social Media Insights Engine thinkupapp.com
Captures your posts, replies, retweets, friends, followers, and links on social networks like Twitter and Facebook [...] in a database you control, and makes it easy to search, sort, filter, export, and visualize in useful ways.
So here we're collecting all the shims, fallbacks, and polyfills in order to supplant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly.
- Tracking Code and Click Response Delays - Ravelrumba ravelrumba.com
Aside from choosing not to install tracking solutions that come with such a performance penalty (which is not always an option), your best option is to replace the default 500ms timeout in these scripts with something less obtrusive. 100ms is considered the threshold for what we perceive as instantaneous response.
Web UI for (batch) geocoding of UK postcodes with the (accurate!) Google Local Search API.
- Combining meta viewport and media queries - QuirksBlog quirksmode.org
"If you want to make your websites ready for mobile, it’s best to combine <meta name="viewport" content="width=device-width"> with width media queries. That will give your site the optimal width (as determined by the device vendor, who really ought to know), and your site will look the better for it."
- HTML5: The Facts And The Myths - Smashing Magazine smashingmagazine.com
Very handy.
- Adactio: Journal—A responsive mind adactio.com
The choice is not between using media queries and creating a dedicated mobile site; the choice is between using media queries and doing nothing at all.
- High Performance Web Sites :: newtwitter performance analysis stevesouders.com
Souders' performance analysis of #newtwitter.
- HTML5 video player praegnanz.de
Comparison table.
- High Performance Web Sites :: WebPagetest.org and Page Speed stevesouders.com
One area where WPO needs more standardization is performance analysis. There are numerous performance analysis tools available, including Page Speed, YSlow, AOL Pagetest, MSFast, VRTA, and neXpert. There’s some commonality across these tools, but the differences are what’s noticeable. To get a thorough performance scrubbing, web developers have no choice but to run multiple tools and sift through the different results trying to find the most important recommendations. It would be better for developers to have a more standard way of analyzing performance across environments. The Page Speed SDK provides a path to achieve this.
- Fabric, Django, Git, Apache, mod_wsgi, virtualenv and pip deployment morethanseven.net
Fairly hardcore.
- Highly Maintainable, Efficient, and Optimized CSS slideshare.net
Nothing particularly surprising, a few contentious parts: pretty decent round-up of ideas that are in reasonably common usage.
- SEO: The Free Beginner’s Guide From SEOmoz guides.seomoz.org
I mostly hate myself for saving this.
- Tweetage Wasteland - Confessions of an Internet Superhero - by Dave Pell tweetagewasteland.com
- British Library UK Sound Map sounds.bl.uk
- Polymaps polymaps.org
A JavaScript library for image- and vector-tiled maps using SVG.
- Mobile Graded Browser Support | jQuery Mobile jquerymobile.com
Riffing on the excellent Yahoo GBS.
- On Rolling Your Own - rmurphey blog.rebeccamurphey.com
These pieces provided by Dojo — or any other comprehensive toolkit, for that matter — are but starter patterns, and thread, and scissors, and pins, and a sewing machine, and OK I’m stretching the metaphor, now, but my point is they’re definitely not finished one-size-fits-nobody garments. On the other hand, if I decide to use jQuery in a large application, it can feel like I’ve been given a black marker and some of that crinkly brown paper, and now it’s up to me to draw a pattern and then come up with all those other pieces, too. Intellectually interesting and pleasingly crafty, perhaps, but not particularly efficient, sustainable, repeatable, or maintainable.
- On jQuery & Large Applications - rmurphey blog.rebeccamurphey.com
This is a land where HTML, CSS, and JavaScript are almost all you need, and I like it. I’ve become a firm believer in moving giant hunks of functionality that used to belong to the server over to the client. For a variety of reasons, I think it’s clear that this is where most interesting web development is headed, to the extent it’s not already there.
- Combining media queries and JavaScript - QuirksBlog quirksmode.org
A riposte from PPK. Sounds like it's feasible but bloody hard work.
Usually, objections to this plan [requiring JavaScript] do not equate to predictions that we’re going to screw that up or that it won’t be sufficient; rather, they represent an opinion that requiring Javascript for a web application is an automatic accessibility violation. This might be partly a historical feeling, as some older accessibility standards contained language that said (or could be taken to imply) that in order to be accessible, a site had to work with Javascript turned off. I don’t know what motivated the inclusion of those clauses at the time, but would note that most modern accessibility standards merely say that one’s site must be accessible (regardless of whether or not it uses or requires client-side scripting).
- HTML5 Boilerplate - A rock-solid default for HTML5 awesome. html5boilerplate.com
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."