robertc + tips   249

Pure CSS parallax scrolling websites | Keith Clark
"This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website."
BlogPost  CSS3  Tips 
august 2014 by robertc
kapowaz: Cargo Cult CSS
"It is generally accepted that having a methodology for writing and managing CSS is preferable to having none at all. In spite of this, some of the practices developers have adopted are having a detrimental effect on the semantic quality and longterm maintainability of what we build."
BlogPost  CSS  Tips 
may 2014 by robertc
The Battle for the Body Field · An A List Apart Article
"Using this narrative-friendly approach to structured content isn’t a cakewalk ... But the payoff can be dramatic. Richer, more flexible designs can coexist with the demands of multichannel publishing; future design changes can sidestep the laborious process of scrubbing old content blobs; and simpler, streamlined tools can help editors and authors produce better content faster. By combining the best of XML and structured web content, we can make the body field safe for future generations."
BlogPost  CMS  Tips 
february 2014 by robertc
Waves and Locomotion « Nina Paley’s Blog
Simple techniques to create natural looking movement.
BlogPost  Graphics  Tips 
november 2013 by robertc
Home — Solved By Flexbox
"This site is not another CSS framework. Instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox."
CSS3  Tips 
september 2013 by robertc
Advanced cross-browser flexbox - Dev.Opera
Flexbox brings with it a lot of power and some very exciting possibilities for web development, allowing us to put together complex site layouts easily and rapidly, and dispensing with some of the illogical hacks and kludges that we've traditionally used.
BlogPost  CSS3  Tips 
june 2013 by robertc
Removing Image Backgrounds - GIMP Fuzzy Select | Gimp Tips
This tutorial will take you through the process of removing image backgrounds step-by-step using the freely available gimp software.
Image  Tips 
may 2013 by robertc
Brian Richards • IE9 Hover Bug Workaround
However, in IE9, when you hover over the elements, the container mysteriously increases in size. And for some reason it grows beneath the scrollbar.

And it keeps increasing in size for each item hovered over. This keeps pushing down all content below the container and destroys the layout of the page.
BlogPost  Tips  IE9 
may 2013 by robertc
8 ways to make your single-page web app faster | Eventual Consistency
"This post is a collection of things I generally learned the hard way. A collection of solutions to common problems: some were easier to solve, some less obvious - but I bet a lot of people still tackle them when making this transition."
JavaScript  Tips 
november 2012 by robertc
Writing Tips · html5rocks/www.html5rocks.com Wiki
"Literary writing and tech writing have their own sets of conventions. Other writing forms are like strolling on meandering paths in a meadow where you’re supposed to take in the words and enjoy them; technical writing is like driving a taxi with a surly passenger who is in a big hurry to get to the airport."
Writing  Tips 
november 2012 by robertc
Named function expressions demystified
"In a nutshell, named function expressions are useful for one thing only — descriptive function names in debuggers and profilers"
JavaScript  Tips 
november 2012 by robertc
Scrum, The Good Bits: The Backlog
How the backlog can help you and your team gain a reputation for delivering on time.
BlogPost  Agile  Tips 
april 2012 by robertc
All commands sorted by votes | commandlinefu.com
"commandlinefu.com is the place to record those command-line gems That you return to again and again.

Delete that bloated snippets file you've been using and share your personal repository with the world. That way others can gain from your CLI wisdom and you from theirs too. All commands can be commented on, discussed and voted up or down."
Linux  Tips 
april 2012 by robertc
The curse and blessings of dynamic SQL
"There are situations where dynamic SQL is the best or only way to go. In this article I will discuss the use of dynamic SQL in stored procedures and to a minor extent from client languages."
MSSQL  Tips 
march 2012 by robertc
Rachel Andrew: Keep the Front in the Front
"By handing control of the front-end development to front-end developers, you allow them to do their job to the best of their ability, unhampered by things appearing in their markup that they were not expecting. You also shift responsibility for that area of the site to them. If you generate reams of markup via PHP, then any time it needs to be changed, or if there is a problem with validation or any CSS issues, the request will come back to you."
Web  Design  Templates  Tips 
december 2011 by robertc
Extreme CSS3 Tic-Tac-Toe
Creating noughts and crosses with only a little HTML and CSS.
CSS3  Tips 
december 2011 by robertc
Tiered, Adaptive Front-end Experiences « Paul Irish
Paul Irish gives us some ammunition for the "it must look the same in all browsers" battles.
BlogPost  Web  Design  Tips 
october 2011 by robertc
JavaScript Garden
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.
JavaScript  Tips 
october 2011 by robertc
A Farewell to CSS3 Gradients » HTML & CSS, Layout » Design Festival
A nice introduction to using SVG gradients as backgrounds, they're far more flexible than CSS3 gradients.
BlogPost  SVG  Web  Design  Tips 
september 2011 by robertc
CSS reflections for Firefox, with -moz-element() and SVG masks | Lea Verou
A neat reflection effect achieved with a variety of web technologies.
BlogPost  Firefox  CSS3  Tips 
july 2011 by robertc
Clip your hidden content for better accessibility | Yahoo! Accessibility Library
How you hide your extra content for screen readers can make a big difference to accessibility, this post gives a run down of all the techniques and examines clipping in detail.
BlogPost  Accessibility  Tips 
june 2011 by robertc
The 11 JavaScript Mistakes you’re Making | Nettuts+
Well written introduction to several things you really ought to know before doing any serious JavaScript.
BlogPost  JavaScript  Tips 
june 2011 by robertc
Useful :nth-child Recipes | CSS-Tricks
Several good examples with clear illustrations.
BlogPost  CSS  Tips 
june 2011 by robertc
Where are my rounded corners? « Boagworld
"Sometimes we see confusion among our clients when they see their new site in their browser and it looks different to the design they signed off. In this fact-sheet we explain why accepting these differences has many benefits and doing so outweighs the limited drawbacks."
BlogPost  Web  Design  Tips 
may 2011 by robertc
Font sizing with rem - Snook.ca
The rem unit offers an excellent alternative to relative font sizing with em an percentage units.
BlogPost  CSS  Web  Design  Tips 
may 2011 by robertc
Javascript Mistakes You Must Avoid
Good list of JavaScript gotchas, the event delegation tip was particularly timely for me.
BlogPost  JavaScript  Tips 
may 2011 by robertc
Thoughts on when to use Canvas and SVG - IEBlog - Site Home - MSDN Blogs
Nice article summarizing the sweet spots of the two technologies with use cases.
BlogPost  SVG  HTML5  Tips 
may 2011 by robertc
Give Floats the Flick in CSS Layouts » Web Tech » SitePoint Blogs
Andrew Tetlaw discusses several CSS layout techniques which are far more reliable than floats (if you don't have to support IE6/7).
BlogPost  CSS  Tips 
march 2011 by robertc
HTML5 does NOT allow “self-closing” tags … • Tiffany B. Brown
Just because you can use opening tags without closing tags in HTML5 doesn't mean you should.
BlogPost  HTML5  Tips 
march 2011 by robertc
Can Hated Design Elements Be Made to Work? (Jakob Nielsen's Alertbox)
Once a design element becomes universally hated (eg. flashing banner ads, popups) then if you implement a similar looking design element, even if you implement your feature in a usable and intuitive manner, most people will dismiss it immediately based on their past experiences. There are signs this is starting to happen with lightboxes.
BlogPost  Usability  Design  Tips 
march 2011 by robertc
Adactio: Journal—The design of datalist
How to use datalist in browsers that support it, but fallback to a regular select in older browsers.
BlogPost  HTML5  Tips 
january 2011 by robertc
MS Excel: Delete all hyperlinks on a sheet in Excel 2003/XP/2000/97
At work I sometimes use Excel as a sort of hand driven screen scraper to get tables of data off a web page and into a useful format, one issue with this is that the resulting data is littered with hyperlinks which are a pain to remove manually. This is the most straightforward way I found to get rid of them all, works in Excel 2007 too.
MicrosoftExcel  Tips 
december 2010 by robertc
Troy Hunt: OWASP Top 10 for .NET developers part 6: Security Misconfiguration
Some tips on configuring ASP.Net in a more secure fashion on production environments.
BlogPost  Web  Security  Tips 
december 2010 by robertc
Inline-Block whitespace workaround | Life @ High Road Communications
If you've switched from floats to inline-block for your layouts then this article has some useful tips.
BlogPost  CSS  Layout  Tips 
november 2010 by robertc
Learning to Love HTML5 - Smashing Magazine
Great introduction to some of the new features in HTML5.
BlogPost  HTML5  Tips 
november 2010 by robertc
Things Worth Noting About CSS Attribute Selectors
A good introduction to the various possibilities available to you with attribute selectors.
BlogPost  CSS3  Tips 
november 2010 by robertc
Wealthfront Engineering: jQuery the Right Way
An easy to follow summary of things you should learn as you move from novice towards jQuery master.
BlogPost  jQuery  Performance  Tips 
october 2010 by robertc
HTML 5 innerShiv
If you add content to an element with innerHTML before it's appended to the document, the html5shiv won't work and the element will be unstyled.
HTML5  IE6  IE7  IE8  Tips  JavaScript 
september 2010 by robertc
jQuery Events: Stop (Mis)Using Return False | Fuel Your Coding
Many of us, when we were learning JavaScript, saw example code which stopped an event's default action by issuing a return false - it's quick, easy and works cross browser, however it may not be what you really want to do.
Tips  BlogPost  JavaScript 
september 2010 by robertc
A List Apart: Articles: Forward Thinking Form Validation
A nice introduction to HTML5 Forms and a JavaScript library to add support in older browsers.
BlogPost  HTML5  CSS3  Tips 
september 2010 by robertc
Testing Thunderbird 3: What to do if it ’shreds’ your threads | The Pythian Blog
Thunderbird 3 is broken in many ways and one of them is that it struggles to sort by thread many messages which v2 had no problem with. After fuming quietly about this for many months I have finally discovered that the broken threading is all down to three settings.
Thunderbird  Tips 
september 2010 by robertc
Commonly Confused Bits Of jQuery - Smashing Magazine
For a small library jQuery has a lot of functionality, there have been several occassions where I've discovered the reason I was finding it so hard to accomplish what I needed was because I was using the wrong method. This blog post highlights many of the places where that is likely to happen.
BlogPost  jQuery  Tips 
august 2010 by robertc
Kim Cullen » 
Beyond “I hate green:” Managing Productive Visual Design Reviews
Some tips for making your design review meetings more useful and productive.
BlogPost  Design  Tips 
august 2010 by robertc
Using the Goldilocks Principle to get design "just right"
A useful approach to use while iterating through the design process.
BlogPost  Usability  Testing  Tips 
august 2010 by robertc
Style Your Site According to the Weather with jQuery
Cool jQuery hack, leveraging YQL and the Yahoo! weather APIs to apply different styles to your site depending on the current weather.
BlogPost  jQuery  Tips  SemanticWeb 
july 2010 by robertc
A Fourth of July lesson in the value of editors « Writing For Digital
Good editing, like good design, is often a difficult thing to sell to corporate decision makers so it always helps to be able to show the direct impact on the bottom line.
BlogPost  Web  Writing  Tips 
july 2010 by robertc
CSS Media Queries & Using Available Space | CSS-Tricks
A practical look at using media queries to make the best use of available screen space.
BlogPost  CSS3  Web  Design  Tips 
july 2010 by robertc
Tech Tip: Really Simple HTTP Server with Python | Linux Journal
Ever wished you could quickly fire up a webserver in your working directory (perhaps to work around a browser defect with file:// addresses)? If you have Python installed it's dead easy!
Linux  Python  Web  Development  Tips 
june 2010 by robertc
Adding HTML5 placeholder attribute support through progressive enhancement - Robert's talk
HTML5 adds lots of new form features but they're not yet widely supported, this post explains how you can make use of the placeholder attribute while providing fallback functionality for older browsers.
BlogPost  HTML5  jQuery  Tips 
june 2010 by robertc
common css mistakes - work blog - onderhond.com
Some common CSS mistakes and how to avoid them.
CSS  Tips 
june 2010 by robertc
HTML5 Globals and You | Nettuts+
A look at the role of attributes in HTML and some of the new attribute based features in HTML5.
BlogPost  HTML5  Tips 
june 2010 by robertc
A List Apart: Articles: Responsive Web Design
Use the power of media queries to make your layout responsive to the limitations of the device on which it's viewed.
BlogPost  CSS3  Design  Layout  Tips 
may 2010 by robertc
Efficiently Rendering CSS | CSS-Tricks
CSS selector performance can be surprisingly non-intuitive.
BlogPost  CSS  Performance  Tips 
may 2010 by robertc
IEBlog : DOM Range and HTML5 Selection
A short tutorial on using the HTML5 text selection utilities in IE9 developer preview.
BlogPost  IE9  HTML5  Tips 
may 2010 by robertc
Daniel Davis - The HTML5 <ruby> element in words of one syllable or less
If you've been wondering what the ruby element is for, here's a simple explanation.
BlogPost  HTML5  Tips 
april 2010 by robertc
The CSS3 Flexible Box Model
The flexible box model allows you to have a collection of elements which completely fill a variable width container.
CSS3  BlogPost  Layout  Tips 
april 2010 by robertc
Orientation Example
Using media queries to detect viewport orientation.
CSS3  Layout  Tips 
april 2010 by robertc
A Simple CSS Drop-Cap
Using selectors to target the first character and first line of your text.
CSS  Typography  Tips 
april 2010 by robertc
Resolution dependent layouts – the future? | Max Design
A short introduction to using media queries to make your layouts resolution dependent.
CSS3  Layout  Tips 
april 2010 by robertc
CSS generated content techniques - Opera Developer Community
Although CSS2 has limited support for generated content, the CSS 3 Generated Content Working draft has loads more functionality.
BlogPost  CSS3  Tips 
april 2010 by robertc
Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera
Some interesting techniques using generated content with the :before and :after pseudo classes.
BlogPost  CSS3  Tips 
april 2010 by robertc
Sending Email From Your Web Site [Alex Reisner]
A nice summary of all the factors to consider if you're setting up a web server which will be sending emails.
Linux  Email  Server  Tips 
march 2010 by robertc
The i, b, em, & strong elements | HTML5 Doctor
Two stray dogs of presentational HTML have been transformed into meaningful HTML5 elements, ready to be adopted into your markup once again.
BlogPost  HTML5  Tips 
march 2010 by robertc
10 unexpected online user behaviours to look out for
Ten of the more interesting and less well-known user behaviours that regularly occur in user testing for you to take into account during the design process.
Web  Design  Usability  Tips 
march 2010 by robertc
The Seven Deadly Sins Of JavaScript Implementation - Smashing Magazine
JavaScript development has changed a lot in recent years but the rules for solid, maintainable and secure JavaScript haven’t. Christian runs through the seven sins of JavaScript development that lead to unmaintainable code.
BlogPost  Tips  JavaScript 
february 2010 by robertc
Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs - Cherrysave
Some cross browser strategies for achieving in CSS effects which are commonly implemented with images.
BlogPost  CSS  Tips 
february 2010 by robertc
Multiple Backgrounds and CSS Gradients - Snook.ca
"Multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where things get interesting."
BlogPost  CSS3  Tips 
february 2010 by robertc
Answering Baranovskiy’s JavaScript quiz | NCZOnline
An interesting tour round some obscure JS features inspired by Dmitry Baranovskiy's blog post.
BlogPost  Tips  JavaScript 
february 2010 by robertc
Perfection kills » Optimizing HTML
Significant gains can be made by removing unnecessary markup cruft, much of it the cargo-cult style legacy of supporting ancient browsers.
HTML  Performance  Tips 
january 2010 by robertc
Perfection kills » Understanding delete
A look at an apparently simple bit of Javascript syntax which ends up getting quite deep into the language internals.
BlogPost  Tips  JavaScript 
january 2010 by robertc
iPhone caching / Stoyan's phpied.com
A detailed examination of the iPhone's idiosyncrasies when it comes to browser cache management, plus a work-around using HTML5 offline apps manifest files.
BlogPost  MobileDevices  Web  Development  Tips  HTML5 
december 2009 by robertc
Bulletproof @font-face syntax « Paul Irish
How to write your CSS so font-face embedding works reliably cross-browser, with example code and full explanation.
BlogPost  Web  Typography  Tips  CSS 
december 2009 by robertc
Cross-browser drop shadows using pure CSS — Nick Dunn
Supports even IE 6/7/8 but, unfortunately, not Opera.
BlogPost  CSS  Web  Design  Tips 
november 2009 by robertc
« earlier      
per page:    204080120160

Copy this bookmark:



description:


tags: