Hypermedia Systems We hope to have convinced you that hypermedia, rather than being a “legacy” technology or a technology only appropriate for “documents” of links, text and pictures, is, in fact, a powerful technology for building applications. In this book you have seen how to build sophisticated user interfaces — for both the web, with htmx, and for mobile applications, using Hyperview — using hypermedia as a core underlying application technology....
Pipe Dreams: The life and times of Yahoo Pipes Yahoo Pipes—or, officially, Pipes by Yahoo!, a rare switcheroo of the company’s name—was a service that offered all that and more in a single platform. Individual “Pipes,” as it were, were both personal and public—the service seemed like a portent of the future that techno-utopians were then predicting. But like many great products and services of its time, it never quite came to pass....
HTML First HTML First is a set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable by… Leveraging the default capabilities of modern web browsers. Leveraging the extreme simplicity of HTML’s attribute syntax. Leveraging the web’s ViewSource affordance. Principles Prefer Vanilla approaches Use HTML attributes for styling and behaviour Use libraries that leverage HTML attributes Avoid Build Steps Prefer Naked HTML Be View-Source Friendly
Doorbell.io – Gather in-app user feedback, simply, across multiple platforms, for free! Use our Javascript, iOS, and Android SDKs to set up Doorbell in your application. Or use the API if you want to build your own client. You have the option to send any feedback you receive straight to your Project Management System or Issue Tracker with just a couple of clicks.
BrowserSync – Time-saving synchronised browser testing Efficient and pleasurable programming is all about having a “fast feedback cycle”: BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.
Foundation | The Most Advanced Responsive Front-end Framework from ZURB Responsive design gets a whole lot faster for users. It’s now crazy fast for designers and engineers to code and learn too.
Codrops Tutorials In this section you will find in-depth how-tos involving common web development and web design techniques. Playground In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and inspiration for solving problems and tackling challenges around web development. Blueprints The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration....
Favicon Generator – Generate favicon pictures and HTML Generate the favicon pictures and HTML code that work on all major browsers and platforms.
Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows This tool creates CSS3 Box Shadows based off of Photoshop Drop Shadow settings. After stumbling upon the Recreating Photoshop Drop Shadows in CSS3 and Compass article by Grady Kuhnline, I wanted to build a tool that would allow the rest of us not using Compass to have the same ability to convert for CSS3.
CSS = California Style Sheets Jenn $chiffer (via A Call For Web Developers To Deprecate Their CSS — Medium )
The ultimate analytics platform. Send your data to any service with the flick of a switch. (via Segment.io – The ultimate analytics platform ) “It is basically the adapter pattern for analytics services.” (thoughtbot’s playbook )
Myth – CSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It’s like a CSS polyfill. Variables : The same syntax from the CSS spec, using the var() function . Math : The same syntax from the CSS spec, using the calc() function . Color Manipulation : Straight from Tab Atkins’s draft for a future version of the spec....
Bigfoot A jQuery plugin for empowering footnotes. Inspired by Instapaper. Built for mobile devices and responsive designs.
embedresponsively.com embedresponsively.com helps build responsive embed codes for embedding rich third-party media into responsive web pages.
How To Not Suck Online Download a PDF poster of the below tips & tricks Clear Language Simplicity Visual Priority Create Intrigue Ten Ideas in ten Minutes Write a Good Brief Write the News Story Make me Look Good It Pays to be Remarkable Be Relevant Collaborate not Death by Committee Adapt or Die Tell a Story Use Humor Give People a Strong Call to Action
Frequently, businesses will turn to “convenience metrics” average (or mean) response times to gauge overall performance. However while the average might be easy to understand it’s also extremely misleading. (…) The best way to measure this is to track the 99th percentile response time: the worst 1% . (via The Most Misleading Measure of Response Time: Average – Optimizely Blog )
Today, suddenly two companies in the same space crossed my radar : Bondable | The Cloud Integration Enablement Platform Zapier – Automate the Web Together with the earlier “If This Then That”, seems like more and more people are starting to feel the need to hook up together several disparate web services. IFTTT / Put the internet to work for you.
ImageOptim optimizes images — so they take up less disk space and load faster — by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations. (via ImageOptim — better Save For Web )
Heap – Capture Everything Analytics for web and iOS Heap automatically captures every user action in your app and lets you measure it all. Clicks, taps, swipes, form submissions, page views, and more. Track events and segment users instantly. No pushing code. No waiting for data to trickle in.
Size Calculator Nick Sherman demo’d Size Calculator , a web application created to bring screen design a capability that print design has enjoyed for 500 years. (via Web Type, Meet Size Calculator ∙ An A List Apart Blog Post )