John Cox

Blogs · @wyome · Now · Shelf

Tagged tutorial · everything

Interesting

Web Designer Wall

CSS Social Buttons

This resource provides a reusable CSS framework for creating social media icon buttons using background images and combinable CSS classes. It offers multiple customization options including 14 color choices, 7 style variations (flat, circle, glossy, embossed, etc.), and 3 size options that can be mixed and matched, along with instructions for adding custom icons, gradients, and overriding default styles. The solution is cross-browser compatible with CSS3 effects supported in modern browsers and includes a downloadable stylesheet and demo files.

Permalink social mediadesigntutorialcss3

html5doctor.com

CSS3 Pseudo-Classes and HTML5 Forms | HTML5 Doctor

This article explains how to use new CSS3 pseudo-classes to style HTML5 form validation states without JavaScript. It covers styling required versus optional fields, valid versus invalid inputs, number ranges, and read-only versus read-write elements, with practical examples of how to apply visual indicators like asterisks and checkmarks. The piece includes a browser support table showing which browsers (Chrome, Opera, and Safari being the most complete) support these validation pseudo-classes at the time of writing.

Permalink tutorialcss3

www.saintsjd.com

Automated Deployment of PHP Applications using git | saintsjd

This article provides a step-by-step guide to set up a Heroku-style git-based deployment workflow for PHP applications, specifically WordPress, allowing developers to push code changes from their local machine to a live server with a single git command. The process involves creating a bare git repository on the webserver, cloning it locally for development, and using a git post-receive hook to automatically deploy changes when code is pushed to the server's repository. The author emphasizes security measures like passwordless SSH key authentication and protecting the `.git` directory from public access.

Permalink automationtutorial

cggallant.blogspot.com

C. Gerard Gallant: An Introduction to HTML 5 Web Workers

Web Workers allow JavaScript code to run in separate threads from the browser's UI, preventing long-running scripts from freezing the interface while maintaining DOM access restrictions through message-passing communication. There are two types: Dedicated Workers (linked to their creator, simpler to use) and Shared Workers (accessible by any script from the same origin, more resource-efficient when multiple windows need background processing). The article explains how to detect browser support, create worker instances, and implement two-way communication using postMessage() and onmessage event handlers, with Shared Workers requiring additional port-based connection setup.

Permalink performancedevelopmenttutorial

hyperpolyglot.org

Interpreted Languages: PHP, Perl, Python, Ruby (Sheet One) - Hyperpolyglot

This reference sheet provides a side-by-side comparison of JavaScript, Python, PHP, and Ruby across multiple programming domains—from basic grammar and variables through advanced features like threads and databases. It covers syntax differences (like how each language defines functions, handles string interpolation, and structures control flow), built-in data types and operations (arrays, dictionaries, mathematical functions), and practical facilities (regular expressions, date/time handling, exception management). The second sheet extends the comparison into areas like file I/O, web functionality, object-oriented programming, reflection, and testing, making it a comprehensive quick-reference guide for developers working across these four languages or learning a new one by comparison.

Permalink programmingtutorialpythonruby

Lifehacker

ZURB

demosthenes.info

demosthenes.info – blog

I can see this is an archive or index page displaying a collection of web development tutorials and articles, but you haven't provided the actual article content to summarize. The page shows titles and tags for various posts about CSS animation, SVG techniques, responsive images, and layout methods, along with a brief author bio for Dudley Storey. Could you please share the specific article you'd like me to summarize? You can either paste the article text or let me know which title from this list you'd like me to focus on.

Permalink designdevelopmenttutorialcss3

demosthenes.info

demosthenes.info – Goodbye, JQuery Validation: HTML5 Form Errors With CSS3

The author demonstrates how to build form validation and error messaging using CSS3's `:valid` and `:invalid` pseudo-classes rather than JavaScript, styling invalid fields and displaying error messages through sibling selectors and generated content. Since form inputs are replaced elements that can't have `:before` and `:after` pseudo-elements applied directly, the technique uses a nearby span element to display error text pulled from the input's title attribute, with opacity and transitions creating a graceful fade-in effect. While server-side validation and JavaScript remain necessary for complex features like AJAX checks and older browser support, this approach keeps scripting focused on genuinely advanced functionality rather than basic form feedback.

Permalink tutorialcss3

DoMyAssignments Blog: Writing Help, Topics & Tips

Sequence.js - The jQuery Slider Plugin with Infinite Style

This article argues that CSS animation frameworks enhance education by making complex concepts in STEM and other subjects more visually engaging and easier to understand, while acknowledging that technological tools work best when paired with traditional academic support services. The piece repeatedly promotes the use of assignment help and homework assistance alongside animations, suggesting that this combination provides a comprehensive solution to student learning challenges. It presents animation's benefits for engagement and retention across subjects like physics, biology, and computer science, while positioning external academic support as a practical necessity for modern students managing demanding workloads.

Permalink animationeducationtutorialjquery

CSS-Tricks

Textarea Tricks | CSS-Tricks

This article collects nine practical tips for styling and enhancing textarea elements with CSS and jQuery, ranging from visual tweaks like background images and removing the focus glow to functional improvements like auto-resizing textareas to fit their content and adding cross-browser placeholder text. It demonstrates solutions to common textarea quirks across different browsers, such as removing unwanted scrollbars in Internet Explorer or the resize handle in WebKit browsers, along with code examples for each technique.

Permalink tutorialjquerycss3css-tricks

formalize.me

Formalize CSS - Teach your forms some manners!

Formalize is a CSS and JavaScript framework that standardizes the appearance of HTML form elements across browsers and operating systems, eliminating the inconsistent default styling that varies by platform. The lightweight solution works with multiple JavaScript libraries (jQuery, Dojo, Prototype, etc.) and provides progressive enhancement for HTML5 support in older browsers, requiring only simple stylesheet and script includes to implement. It aims to give designers control over form styling without requiring extensive custom code or abandoning semantic HTML.

Permalink designtoolstutorialcss3

Vanseo Design

How To Make Forms More Usable With HTML5 | Van SEO Design

HTML5 introduces new form elements (like datalist and progress), input types (such as email, date, color, and range), and attributes (including placeholder, required, and pattern) designed to reduce reliance on JavaScript for common form functionality. While browser support is currently inconsistent—with Opera leading and most other browsers offering only partial implementation—these features degrade gracefully to standard text inputs, making them safe to use immediately as they improve user experience and will become more valuable as browsers catch up.

Permalink accessibilitytutorial

Creative Bloq

MDN Web Docs

A re-introduction to JavaScript - MDN

This guide covers JavaScript's foundational concepts for developers familiar with other languages, explaining its seven primitive data types (Number, BigInt, String, Boolean, Symbol, Undefined, Null) and object types, then progressing through variables, operators, control structures, and functions. It emphasizes key distinctions like JavaScript's single numeric type treating all numbers as floating-point, its dynamic typing system, and how functions are first-class objects supporting closures and functional programming patterns. The guide also addresses asynchronous programming through callbacks, promises, and async/await, as well as the module system and the distinction between language-level features and runtime-provided APIs.

Permalink programmingtutorial

syddev.com

jQuery Shadow Plugin

I appreciate you sharing this, but this appears to be JavaScript code demonstrating a shadow effect plugin rather than an article to summarize. It shows jQuery calls applying different shadow styles (lifted, perspective, raised, sides, rotated) to DOM elements with various class selectors. If you intended to paste an article for me to summarize, please share the actual text content and I'll be happy to write a concise summary of what it argues or reports.

Permalink designtutorialpluginsjquery

ha.ckers.org

Untitled (http://ha.ckers.org/xss.html)

This is a comprehensive technical reference guide for XSS filter evasion techniques, cataloging dozens of methods attackers can use to bypass security filters and inject malicious scripts into vulnerable web applications. The guide covers obfuscation strategies like HTML entity encoding, Unicode variations, character insertion techniques, and exploitation of browser parsing differences across Internet Explorer, Firefox, Opera, and Netscape. Rather than teaching attack execution or defense, it documents the underlying methodologies of how various encoding tricks, whitespace manipulation, and browser-specific quirks can defeat content filters—serving primarily as educational material for security researchers understanding XSS attack vectors.

Permalink programmingsecuritytutorialxss

tympanus.net

Awesome Bubble Navigation with jQuery

I don't see any article content to summarize. You've shared what appears to be a website navigation menu or sitemap with sections like Portfolio, Shop, Photos, and Social, but there's no actual article text, link, or saved content for me to write a summary about. Could you please share the article you'd like me to summarize? You can paste the text, provide the relevant excerpt, or share the key content you'd like condensed.

Permalink navigationanimationtutorialjquery