matthewmcvickar + webdevelopment 132
Dave Klein: Interview with Paul Irish, HTML5 expert and community leader (Inspire Magazine)
inspiration
webdevelopment
css
html
design
9 weeks ago by matthewmcvickar
I think it’s important to publish what you learn. There’s really no school for front-end development. You can’t go to a university for a JavaScript degree or a class about how browsers work. Most of us learn from blogs and Twitter. Early in my career, I learned a bunch of things whenever I worked on a project, but I never told other people about them. So my general advice is to publish what you learn, share with the community, and collaborate on projects that help move the community forward.
9 weeks ago by matthewmcvickar
StateFace
9 weeks ago by matthewmcvickar
United States state shapes as a font.
font
icons
maps
typography
webdevelopment
A font you can use in your web apps when you want tiny state shapes as a design element.
9 weeks ago by matthewmcvickar
Annie Lowrey: Ruby, Ruby on Rails, and _why: The disappearance of one of the world’s most beloved computer programmers. (Slate Magazine)
10 weeks ago by matthewmcvickar
Mixed into a story about the author trying to learn to program.
education
programming
ruby
webdevelopment
hacking
computers
10 weeks ago by matthewmcvickar
David Heinemeier Hansson: All or something (37signals)
february 2012 by matthewmcvickar
‘The world is full of ideas that can be executed with 10 to 20 hours per week, let alone 40. The number of projects that are truly impossible unless you put in 80 or 120 hours per week are vanishingly small by comparison.’
business
startup
webdevelopment
february 2012 by matthewmcvickar
Paul Irish: High-res browser logos
february 2012 by matthewmcvickar
‘They are 32bit PNGs, each have their own official shadow treatment, and no background matte color.’
browser
icons
webdevelopment
february 2012 by matthewmcvickar
HTML5 Please
january 2012 by matthewmcvickar
‘Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.’
html5
css3
webdevelopment
january 2012 by matthewmcvickar
Mathias Bynens: Notes Archive
october 2011 by matthewmcvickar
As Paul Irish put it, ‘Some of the finest research and writing about HTML & CSS & JS.’
html
js
css
webdevelopment
october 2011 by matthewmcvickar
CSS Prototyping
october 2011 by matthewmcvickar
‘This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.’
css
webdesign
webdevelopment
copywriting
grid
october 2011 by matthewmcvickar
David Walsh: Change Mobile Safari Highlight Color with CSS
october 2011 by matthewmcvickar
Change the tap highlight color in WebKit Mobile-using devices (many of them).
webkit
css
ios
webdesign
webdevelopment
october 2011 by matthewmcvickar
Matt Legend Gemmell: SEO for Non-dicks
september 2011 by matthewmcvickar
‘I’m asked sometimes for advice on building an internet presence, and I usually have to fumble for an answer ± because I haven’t pursued any particular strategy beyond the glaringly obvious: create original, relevant content repeatedly.’
seo
webdevelopment
web
internet
september 2011 by matthewmcvickar
Mule Design Studio’s Blog: Design Basics
september 2011 by matthewmcvickar
The essentials of being an effective, successful, and professional designer.
socialmedia
work
society
webdevelopment
september 2011 by matthewmcvickar
CSS Lint
june 2011 by matthewmcvickar
Looks at your CSS and tells you what's wrong with it.
css
webdevelopment
june 2011 by matthewmcvickar
Yahoo! Developer Network: Best Practices for Speeding Up Your Web Site
june 2011 by matthewmcvickar
“The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories.”
performance
webdevelopment
june 2011 by matthewmcvickar
PageUp People: Front end standards
may 2011 by matthewmcvickar
Return to this. A good set of standards, including some things that I wasn't aware of and would like to implement.
css
html
reference
webdevelopment
performance
may 2011 by matthewmcvickar
Andre Torrez: an empathetic plan
april 2011 by matthewmcvickar
“Complain about the way other people make software by making software.”
…
“Worse is when the people doing the complaining also make software or web sites or iPhone applications themselves. As visible leaders of the web, I think there are a lot of folks who could do a favor to younger, less experienced people by setting an example of critiquing to raise up rather than critiquing to tear down.”
development
software
webdevelopment
startup
…
“Worse is when the people doing the complaining also make software or web sites or iPhone applications themselves. As visible leaders of the web, I think there are a lot of folks who could do a favor to younger, less experienced people by setting an example of critiquing to raise up rather than critiquing to tear down.”
april 2011 by matthewmcvickar
placekitten
march 2011 by matthewmcvickar
“A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width and height) after our URL and you'll get a placeholder.”
webdevelopment
cats
march 2011 by matthewmcvickar
tumblr2wp
march 2011 by matthewmcvickar
“Tumblr2WP makes it super simple to transfer your Tumblr content to your own, self-hosted WordPress install. This tool will create a WXR (WordPress eXtended RSS) file from your tumblr site which can be imported into WordPress.”
blog
web
webdevelopment
wordpress
tumblr
march 2011 by matthewmcvickar
GitHub: mailchimp/Email-Blueprints
february 2011 by matthewmcvickar
For sending HTML email.
email
webdevelopment
february 2011 by matthewmcvickar
Smarterware: How to Ditch GoDaddy (Redux)
february 2011 by matthewmcvickar
Move to NameCheap, which is cheap, and there is a discount code.
domain
internet
webdevelopment
godaddy
february 2011 by matthewmcvickar
Utilu IE Collection
february 2011 by matthewmcvickar
This works. Goodbye and good riddance, three IE-dedicated VMs.
browser
webdevelopment
iebug
windows
software
february 2011 by matthewmcvickar
1stwebdesigner: 20 snippets you should be using from HTML5 Boilerplate
january 2011 by matthewmcvickar
Sounds stupid and listy but it's actually a good introduction to some of the more useful and practical pieces of the huge insane HTML5 Boilerplate (html5boilerplate.com).
css
html
html5
performance
javascript
webdevelopment
january 2011 by matthewmcvickar
Mule Design Studio’s Blog: Presenting Design Like You Get Paid For It
november 2010 by matthewmcvickar
How to present and sell design: 1) Don't wing it — postpone until you're ready. 2) Really sell your design — the idea that 'good design speaks for itself' is a myth. 3) Don't get subjective or allow your feelings to get hurt — tell them to tell you when it doesn't work. 4) Don't embarrass the client — make them look good, be honest, listen to them.
webdevelopment
business
design
communication
november 2010 by matthewmcvickar
Cognition: Bloodhounding Budgets
november 2010 by matthewmcvickar
How to figure out what a client's budget really is. "Don't be smarmy. Don't be curt. Be respectful, be honest, and inform your prospect during the sales process. If you do it right, right from the start, you'll build mutual respect and communication into the entire project."
webdevelopment
business
money
pricing
sales
communication
november 2010 by matthewmcvickar
ReinH: A Git Workflow for Agile Teams
november 2010 by matthewmcvickar
What we (try to) do at FamilyID.
git
workflow
programming
agile
webdevelopment
november 2010 by matthewmcvickar
Efficiently Rendering CSS
august 2010 by matthewmcvickar
Jury's out on how much this really matters in 2010, but still a great set of tips.
css
webdevelopment
performance
august 2010 by matthewmcvickar
Font Squirrel
august 2010 by matthewmcvickar
"Create Your Own @font-face Kits."
fonts
webdesign
webdevelopment
type
typography
free
css3
design
august 2010 by matthewmcvickar
Ping Brigade
august 2010 by matthewmcvickar
"Ping Brigade is a service that lets you measure how quickly your website loads from around the world. The time it takes to load your web pages has a huge impact on how your visitors perceive you. For example for every 0.5 second delay you may lose 30% of the visitors waiting for your website to load. Additionally, Google has recently announced that it will be taking web server speed into account when determining you website's page rank."
webdevelopment
usability
architecture
august 2010 by matthewmcvickar
Metric Mail
august 2010 by matthewmcvickar
"Every week, you get a PDF report via email that gives you an overview of your website's stats. All you need is a Google Analytics account."
google
analytics
email
statistics
webdevelopment
googleanalytics
august 2010 by matthewmcvickar
Font Matrix
july 2010 by matthewmcvickar
"Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite."
fonts
osx
windows
adobe
adobecs
msoffice
typography
webdesign
webdevelopment
july 2010 by matthewmcvickar
When Can I Use
july 2010 by matthewmcvickar
"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies."
html5
css3
svg
html
css
webdesign
webdevelopment
ie
browser
july 2010 by matthewmcvickar
A List Apart: Articles: Supersize that Background, Please!
july 2010 by matthewmcvickar
How to make an background image scale without using a ton of JavaScript.
webdevelopment
webdesign
css
css3
design
html
july 2010 by matthewmcvickar
git read: Learn git One Commit at a Time
june 2010 by matthewmcvickar
I'm going to read and internalize all of this one day. Yes I am.
howto
programming
reference
software
git
documentation
development
webdevelopment
june 2010 by matthewmcvickar
Ben Ward: Understand the Web
june 2010 by matthewmcvickar
What 'the web' actually is, and why building desktop-class applications on it is not what it was built for.
adobe
apple
web
internet
html
css
webdevelopment
webstandards
history
june 2010 by matthewmcvickar
The New Yorker: Andrey Ternovskiy: Roulette Russian
may 2010 by matthewmcvickar
The story of Chat Roulette's teenage creator. Where will it lead?
chatroulette
russia
webdevelopment
startup
internet
may 2010 by matthewmcvickar
jQuery Tutorials for Designers
april 2010 by matthewmcvickar
Total linkbait I know but there's some useful stuff here.
jquery
jqueryui
javascript
webdesign
webdevelopment
tutorial
april 2010 by matthewmcvickar
Mislav on Uniqpath: Detecting device size
april 2010 by matthewmcvickar
Using CSS to detect device size (for things like iPads and iPhones).
css
ipad
iphone
mobile
webdevelopment
webdesign
css3
april 2010 by matthewmcvickar
Raphaël
october 2009 by matthewmcvickar
"Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library."
webdevelopment
webdesign
javascript
animation
graphics
visualization
jquery
svg
october 2009 by matthewmcvickar
Google Code: The Golden Grid
february 2009 by matthewmcvickar
This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.
webdevelopment
design
webdesign
css
html
grid
code
opensource
february 2009 by matthewmcvickar
GitHub: Scaling Background by Justin Ouellette
february 2009 by matthewmcvickar
As seen on Normative.com.
design
webdevelopment
webdesign
html
css
opensource
javascript
february 2009 by matthewmcvickar
GitHub: Sliding Frames by Justin Ouellette
february 2009 by matthewmcvickar
As seen on Normative.com.
opensource
javascript
webdesign
webdevelopment
design
february 2009 by matthewmcvickar
WebAIM: History of the browser user-agent string
december 2008 by matthewmcvickar
Short, irreverent, accurate, and funny.
webdevelopment
browserwars
Internet
software
history
funny
december 2008 by matthewmcvickar
HTTP Client
december 2008 by matthewmcvickar
"A Mac OS X Leopard developer tool for debugging HTTP services by graphically creating & inspecting complex HTTP messages."
software
osx
web
webdevelopment
opensource
internet
http
december 2008 by matthewmcvickar
IETester
may 2008 by matthewmcvickar
A "free browser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7, IE6, and IE5.5 on Vista and XP, as well as the installed IE in the same process."
browser
webdevelopment
webdesign
windows
software
utilities
IE
may 2008 by matthewmcvickar
Microsoft: Internet Explorer Developer Toolbar
may 2008 by matthewmcvickar
Invaluable for troubleshooting web development in IE. Wish I'd known about this before today!
CSS
IE
webdevelopment
windows
software
utilities
browser
bugs
may 2008 by matthewmcvickar
Coding Horror: Is HTML a Humane Markup Language?
may 2008 by matthewmcvickar
"I'd much rather rely on a subset of trusty old HTML than expend brain cells trying to remember the fake-HTML way to make something bold, or create a hyperlink. HTML isn't perfect, but it's an eminently reasonable humane markup language."
html
webdevelopment
text
usability
may 2008 by matthewmcvickar
37signals: Fire the Workaholics
march 2008 by matthewmcvickar
In response to Calacanis' "fire people who aren't workaholics" bullshit. "If your start-up can only succeed by being a sweatshop, your idea is simply not good enough."
business
startup
webdevelopment
march 2008 by matthewmcvickar
The Hivelogic Enkoder
january 2008 by matthewmcvickar
Hide an email address from spammers with Javascript-powered character encoding. Sweet.
email
javascript
webdevelopment
january 2008 by matthewmcvickar
User First Web: Problems with Web Standards: Part II
january 2008 by matthewmcvickar
"Given the coming battle for dominance over the mobile web and the size of the potential market (over half the world’s population), the most likely outcome is that we will see a return to proprietary extensions—a replay of the browser wars..."
webstandards
webdevelopment
january 2008 by matthewmcvickar
Particletree: Reflections of an Interface Designer
january 2008 by matthewmcvickar
Some rather obvious reflections, but valuable all the same -- the continued appearance of articles like this shows how important these lessons are. On the volatility of web apps, designers, the relationship thereof, and how important the user is.
webdevelopment
design
webdesign
webapp
january 2008 by matthewmcvickar
Global Moxie: Great Finish! Now Start Running
december 2007 by matthewmcvickar
Big Medium developer Josh Clarks talks about the many miles to go after completing the launch milestone, the importance of long and consistent hours, and the constant refinement of software development and support.
business
startup
software
webdevelopment
december 2007 by matthewmcvickar
The WebKit Open Source Project
december 2007 by matthewmcvickar
"WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that's used by Safari, Dashboard, Mail, and many other OS X applications."
webdevelopment
software
opensource
apple
december 2007 by matthewmcvickar
ZDNet.com: OpenID 2.0 specification released
december 2007 by matthewmcvickar
What's new in OpenID 2.0. There are "160 million already existing OpenIDs." Still, we need "support for OpenID-authenticated commenting by the major blog hosters."
openid
privacy
webdevelopment
internet
december 2007 by matthewmcvickar
ies4osx
november 2007 by matthewmcvickar
Run IE5, 5.5, 6, and 7 in OS X under X11 emulation. It actually works perfectly and installs in minutes with a few clicks.
IE
osx
software
webdevelopment
free
november 2007 by matthewmcvickar
A List Apart: Articles: How to Size Text in CSS
november 2007 by matthewmcvickar
Finally, a tutorial for getting size and line height to render and scale exactly the same in all browsers for a given font size. Requires some basic math in the stylesheet.
typography
web
webdevelopment
webdesign
css3
howto
grid
november 2007 by matthewmcvickar
A Recipe for OpenID-Enabling Your Site
november 2007 by matthewmcvickar
From Plaxo, the black sheep of Web 2.0. Good instructions.
openid
tutorial
webdevelopment
socialnetworking
identity
november 2007 by matthewmcvickar
Paparazzi!
november 2007 by matthewmcvickar
Free Mac software for taking webpage screenshots. Can capture the entire length of a page (beyond the "fold").
mac
software
webdevelopment
utilities
webdesign
osx
free
screenshot
november 2007 by matthewmcvickar
urlgreyhot: OmniGraffle Wireframe Palette
october 2007 by matthewmcvickar
An excellent resource for wireframing.
webdevelopment
webdesign
design
free
gui
osx
software
wireframe
october 2007 by matthewmcvickar
Adactio: Journal: Semantic brevity
october 2007 by matthewmcvickar
On using microformats in posts and the like. Takes a considerable amount of extra effort, but that's what being an early adopter is all about.
microformats
webdevelopment
semanticweb
october 2007 by matthewmcvickar
Sakuzaku: I Am Building Ruby, Rails, Subversion, Mongrel, and MySQL on Mac OS X -- Automatically (And So Can You!)
october 2007 by matthewmcvickar
Like it says, a shell script to automatically install the perfect Ruby on Rails development environment on OS X. Useful!
rubyonrails
ruby
subversion
mongrel
mysql
webdevelopment
osx
shell
unix
terminal
october 2007 by matthewmcvickar
User First Web: Speed of a Site and Usability
september 2007 by matthewmcvickar
Notes on optimizing for speed and the benefits thereof. Note: "If someone completes their task on a site successfully, they will feel the site was faster than it truly was. If they can’t succeed, they will perceive it as being slower."
usability
webdevelopment
webdesign
september 2007 by matthewmcvickar
Edgework by Brian Oberkirch
september 2007 by matthewmcvickar
Great interviews with web developers and luminaries, including Khoi Vinh, Jason Fried of 37signals, Jeff Veen, Merlin Mann, Heather Champ, Dan Cederholm, and Guy Kawasaki.
podcast
webdevelopment
internet
interview
inspiration
september 2007 by matthewmcvickar
Keryx (X)HTML Elements Best Practice Sheet
september 2007 by matthewmcvickar
Detailed to the point of being almost unreadable!
html
css
webdevelopment
webdesign
webstandards
cheatsheet
reference
september 2007 by matthewmcvickar
Functioning Form: Overlap 2007
september 2007 by matthewmcvickar
Notes on the growing importance of design in business. Good short reads.
webdevelopment
webdesign
design
business
technology
internet
september 2007 by matthewmcvickar
Blogging Persai
september 2007 by matthewmcvickar
Persai is the Web 2.0 app of the guys who write Uncov. They've been pre-blogging the app for months now. I'm not sure how many people are reading this because I've seen zero mention of it anywhere, but it's a nice model to follow anyway.
blog
web2.0
webdevelopment
startup
september 2007 by matthewmcvickar
Shaun Inman: Styling File Inputs with CSS and the DOM
september 2007 by matthewmcvickar
Ugly "Browse..." buttons be gone!
CSS
webdevelopment
webdesign
javascript
html
forms
september 2007 by matthewmcvickar
Joel on Software: There's no place like 127.0.0.1
september 2007 by matthewmcvickar
On starting over. "It's better to have something we're both proud off than to try and salvage the work done so far. Sometimes you have to go all the way through the design process before you realize that you've built the wrong thing."
design
webdevelopment
webdesign
business
agile
process
september 2007 by matthewmcvickar
Luke Wroblewski: The Continuing History of Amazon’s Tab Navigation
september 2007 by matthewmcvickar
A history of Amazon's site design, and a preview of what's next.
amazon
webdevelopment
webdesign
internet
history
september 2007 by matthewmcvickar
Adactio: Journal: Parroting Pareto
september 2007 by matthewmcvickar
Discussion, in regards to mircoformats and WHATWG , of the value of the "Pareto Principle," which states that 80% of the problems should be solved with 20% of the effort.
pareto
whatwg
microformats
webdevelopment
html5
september 2007 by matthewmcvickar
Interview with Leah Culver: The Making of Pownce
september 2007 by matthewmcvickar
The technologies that went into the latest one-to-many message-tumblr-filesharing-social web app.
pownce
webdevelopment
interview
september 2007 by matthewmcvickar
Read/WriteWeb: Twitter's Open Platform Advantage
september 2007 by matthewmcvickar
The API, which "has 10 times as much traffic as the site itself," has been arguably the biggest reason for Twitter's success. I'd say its simplicity and the fact that it was more or less the first of its kind were just as important. Good article.
socialnetworking
social
web
webdevelopment
september 2007 by matthewmcvickar
Coudal Partners: What We Do
august 2007 by matthewmcvickar
An awesome collective of creative/design types. A great "About" page.
design
webdevelopment
creativity
inspiration
august 2007 by matthewmcvickar
related tags
adobe ⊕ adobecs ⊕ agile ⊕ ajax ⊕ amazon ⊕ analytics ⊕ animation ⊕ api ⊕ apple ⊕ architecture ⊕ art ⊕ blog ⊕ browser ⊕ browserwars ⊕ bugs ⊕ business ⊕ buttons ⊕ cats ⊕ character ⊕ chatroulette ⊕ cheatsheet ⊕ code ⊕ communication ⊕ computers ⊕ conversion ⊕ copywriting ⊕ creativity ⊕ css ⊕ css3 ⊕ danielbogan ⊕ design ⊕ development ⊕ documentation ⊕ domain ⊕ education ⊕ email ⊕ finance ⊕ flash ⊕ flickr ⊕ font ⊕ fonts ⊕ forms ⊕ free ⊕ funny ⊕ git ⊕ godaddy ⊕ google ⊕ googleanalytics ⊕ graphics ⊕ grid ⊕ gui ⊕ hack ⊕ hacking ⊕ history ⊕ howto ⊕ html ⊕ html5 ⊕ http ⊕ icons ⊕ identity ⊕ ie ⊕ iebug ⊕ inspiration ⊕ internet ⊕ interview ⊕ ios ⊕ ipad ⊕ iphone ⊕ ipod ⊕ iso ⊕ javascript ⊕ jquery ⊕ jqueryui ⊕ js ⊕ language ⊕ mac ⊕ maps ⊕ microformats ⊕ mobile ⊕ mobilesafari ⊕ mobileweb ⊕ money ⊕ mongrel ⊕ mp3 ⊕ msoffice ⊕ mysql ⊕ openid ⊕ opensource ⊕ osx ⊕ outline ⊕ pareto ⊕ paulford ⊕ people ⊕ performance ⊕ photography ⊕ podcast ⊕ pownce ⊕ pricing ⊕ privacy ⊕ process ⊕ productivity ⊕ programming ⊕ prototype ⊕ reference ⊕ ruby ⊕ rubyonrails ⊕ russia ⊕ safari ⊕ sales ⊕ screenshot ⊕ scriptaculous ⊕ security ⊕ semanticweb ⊕ seo ⊕ shell ⊕ social ⊕ socialmedia ⊕ socialnetworking ⊕ society ⊕ software ⊕ sprites ⊕ startup ⊕ statistics ⊕ subversion ⊕ survey ⊕ svg ⊕ technology ⊕ terminal ⊕ text ⊕ tooltips ⊕ tumblr ⊕ tutorial ⊕ type ⊕ typography ⊕ umass ⊕ unix ⊕ usability ⊕ utilities ⊕ visualization ⊕ web ⊕ web2.0 ⊕ webapp ⊕ webdesign ⊕ webdevelopment ⊖ webkit ⊕ webservices ⊕ webstandards ⊕ whatwg ⊕ whois ⊕ windows ⊕ wireframe ⊕ wordpress ⊕ work ⊕ workflow ⊕ writing ⊕Copy this bookmark: