RSS

warnick + engw3332   126

Suit Up or Die Magazine #1
Now that's how you build a slide show in HTML.
webdesign  css  html5  inspiration  slideshow  engw3332 
17 days ago by warnick
Pears
A collection of interface patterns, with accompanying CSS and HTML code. Also available as a WordPress theme. Yet another beautiful contribution to the world of web design from Dan Cederholm.
dancederholm  webdesign  html  css  patterns  framework  wordpress  engw3332 
22 days ago by warnick
Build a responsive site in a week
Paul Robert Lloyd's five-part series shows each step of the responsive process.
webdesign  responsive  tutorial  engw3332 
4 weeks ago by warnick
Ethan Marcotte answers your responsive web design questions
Interesting interview about the current state of responsive web design. Marcotte mentions a few resources I hadn't seen before.
ethanmarcotte  webdesign  responsive  engw3332 
4 weeks ago by warnick
Pitfalls of WYSIWIG: Self Publishing Hell
Luke Maciak makes a great case for ditching MS Word and switching to Markdown: "There is simply no way around it. As we move towards more open-ended, more web driven environments, Word is an archaic, led anchor that drags everyone down, and restricts their movements. Word hurts productivity by forcing you to fiddle with it every time you are trying to collaborate or publish your stuff online."
msword  markdown  publishing  latex  engw3332  writing  software 
5 weeks ago by warnick
What is HTML5?
A short video explaining some basic (*very* basic) concepts related to HTML5.
html  html5  webdesign  engw3332 
5 weeks ago by warnick
Waxy.org Turns 10
Andy Baio reflects on 10 years of blogging: "Most of the interest in writing online's shifted to microblogging, but not everything belongs in 140 characters and it's all so impermanent. Twitter's great, but it's not a replacement for a permanent home that belongs to you."
andybaio  blogging  personalweb  engw3332 
5 weeks ago by warnick
Am I a Content Strategist?
Mark Baker: "The debate between centralized control and distributed authority is eternal. The Web, with its capacity for both personal connection and instantaneous global distribution, profoundly affects this dynamic, generally in favor of distribution of authority. As David Weinberger says, hypertext subverts hierarchy. Can one have a content strategy based on distributed authority?"
contentstrategy  techcomm  engw3332 
5 weeks ago by warnick
DONTCLICK.IT
A demonstration of a web interface that doesn't require (nay, prohibits) clicking.
webdesign  interface  ui  ux  engw3332 
11 weeks ago by warnick
If Twitter Is a Work Necessity
NY Times: "For midcareer executives, particularly in the media and related industries, knowing how to use Twitter, update your timeline on Facebook, pin on Pinterest, check in on Foursquare and upload images on Instagram are among the digital skills that some employers expect people to have to land a job or to flourish in a current role."
nytimes  employment  socialmedia  bizcomm  engw3335  engw3332 
12 weeks ago by warnick
Subtle Patterns
A slew of free tiled images for your next web project.
background  patterns  tiled  webdesign  engw3332 
12 weeks ago by warnick
What are the best blogs ABOUT WordPress?
A great collection of links for learning WordPress on Ask MetaFilter.
askmefi  wordpress  engw3332 
12 weeks ago by warnick
Medium of Choice
Paul Ford's personal principles for writing on the web: "The web is my medium of choice, not a medium of last resort."
ftrain  paulford  manifesto  writing  internet  engw3332 
12 weeks ago by warnick
Search Engine Optimization for Smarties
Some simple, smart, and ethical strategies from Dan Cohen: "I've long thought I should let those in academia (and other creators of reliable, noncommercial digital resources) in on the not-so-secret ways you can move your website higher up in the Google rankings (as well as in the rankings of other search engines)."
dancohen  seo  webdesign  engw3332 
february 2012 by warnick
Responsive Design: Progressive Enhancement, Part Deux!
Aaron T. Grogg: "This is responsive design: designing for anything that might come to be, not what we have today. Today is already yesterday; build for tomorrow, so you’re ready when it gets here."
aarontgrogg  webdesign  responsive  engw3332 
february 2012 by warnick
The responsive design process
Matt Wilcox: "This article gives one possible approach for designing responsive websites. It is not a technical document, and does not require knowledge of HTML, CSS, or any other programming or mark-up languages."
webdesign  responsive  process  engw3332 
february 2012 by warnick
Structure First. Content Always.
Mark Boulton: "Content needs to be structured and structuring alters your content, designing alters content. It’s not ‘content then design’, or ‘content or design’. It’s ‘content and design’."
markboulton  webdesign  contentstrategy  process  engw3332 
february 2012 by warnick
Quinn's collection of WordPress bookmarks
You might find some helpful links here as you look for themes and plugins.
wordpress  engw3332 
february 2012 by warnick
Private Profiles Finish Last
Forbes: "Before you rush to deactivate or completely censor your profiles, consider this: having little to no trace online in this digital age can work against you. *What?* Yes. In fact, it is actually unusual. To find no hint of personality in the black hole that is the World Wide Web can be unsettling for employers."
onlineidentity  jobmarket  privacy  socialnetworking  employment  engw3335  engw3332 
february 2012 by warnick
The Personal Page
Naz Hamid shares his very nice template for creating a simple, bold "about" page for a personal website. Kind of like a self-hosted version of about.me.
webdesign  personalbranding  onlineidentity  homepage  engw3332 
february 2012 by warnick
Bill Wolff asked his students to quit Facebook for a week
The resulting tweets and blog posts demonstrate just how deeply entangled most of us are in Facebook and other social networks.
billwolff  facebook  socialmedia  engw3332 
february 2012 by warnick
Designing for Content Management Systems
Smashing Magazine offers some good tips for building sites with a CMS.
webdesign  cms  smashingmagazine  engw3332 
february 2012 by warnick
Brian May's Site Guide
When your site guide is ten times more complicated that your actual site, you've got a problem.
usability  webdesign  ux  engw3332 
february 2012 by warnick
Be Better at Twitter: The Definitive, Data-Driven Guide
The Atlantic reports on a year-long study of readers' reactions to various types of tweets. The results aren't remarkably surprising, but it's nice to see real data on this subject.
twitter  research  socialmedia  engw3332 
february 2012 by warnick
Trent Walton on responsive web design
"If there’s anything I’ve had to learn the hard way through all of this, it’s that responsive web design isn’t bolt-on. Whereas progressive enhancements (like border-radius), or web fonts can easily be added and removed from a site, responsive (for me at least) has required a complete redefinition of how I approach my craft down to the pixel. The more I learn & adapt, the more certain I am that this is the best way to build for the web."
webdesign  responsive  trentwalton  engw3332 
february 2012 by warnick
Dangers of Fracking
Beautiful use of HTML5, CSS3, and Javascript.
webdesign  html5  css  javascript  engw3332 
february 2012 by warnick
HTML and CSS: Design and Build Websites
A new textbook that covers the basics of HTML and CSS in a surprisingly elegant way. Looks promising.
textbooks  webdesign  html  css  engw3332 
february 2012 by warnick
HTML5 Video
A nice resource explaining how the <video> element works in HTML5 and comparing several popular methods for embedding video.
webdesign  html5  video  engw3332 
january 2012 by warnick
How to Approach a Responsive Design
Tito Baottitta explains how the Upstatement team developed the new Boston Globe website: "[W]e experimented with how to solve design and layout problems within a responsive framework. We learned a helluva lot as we went, like how to choose the right design software, strategies for thinking through breakpoints, and some best practices for designing in the browser."
webdesign  responsive  bostonglobe  casestudy  process  engw3332 
january 2012 by warnick
50 Beautiful Yet Free HTML5 And CSS3 Templates
A nice collection of templates from Smashing Apps.
webdesign  html5  templates  free  engw3332 
january 2012 by warnick
No More Résumés, Say Some Firms
The Wall Street Journal reports that "[c]ompanies are increasingly relying on social networks such as LinkedIn, video profiles and online quizzes to gauge candidates' suitability for a job. While most still request a résumé as part of the application package, some are bypassing the staid requirement altogether."
wsj  resume  socialmedia  bizcomm  engw3335  engw3332 
january 2012 by warnick
Making Love to WebKit
Whoa. Steven Wittens demonstrates that web design is a true artform.
css  html5  3d  webdesign  engw3332 
january 2012 by warnick
Showcase of Academic and Higher Education Websites
Smashing Magazine demonstrates that not *all* university websites are terrible.
webdesign  academia  smashingmagazine  inspiration  highered  engw3332 
january 2012 by warnick
Dabblet.com
Live HTML/CSS editor. Pretty slick.
webdesign  html  css  editor  webapp  engw3332 
january 2012 by warnick
Useful Web Typography Tools
A nice collection of resources for working with typography in CSS.
webdesign  css  typography  grid  engw3332 
january 2012 by warnick
Overflow Image with vertical centering for Responsive Web Design
"If you want to use an image in your responsive web design you can use fluid images. But there is another way. You can set a maximum height and crop the image."
webdesign  javascript  jquery  responsive  images  engw3332 
january 2012 by warnick
Multi-Device Web Design: An Evolution
Luke Wroblewski reviews the state of responsive web design. Lots of great links here.
lukewroblewski  webdesign  engw3332 
december 2011 by warnick
A Step-by-Step Guide to Transfer Domains Out Of GoDaddy
Jeff Epstein explains how to leave GoDaddy behind for good.
jeffepstein  godaddy  howto  webhosting  engw3332 
december 2011 by warnick
The internet's Go Daddy issues
Jason Kottke lists a few of the many reasons why no one (and I do mean *no one*) should do business with GoDaddy.
jasonkottke  godaddy  webhosting  business  webdesign  engw3332 
december 2011 by warnick
Exquisite Tweets
Cool tool for presenting an entire Twitter conversation in chronological order, with embedded images, videos, etc...
twitter  webapp  tool  storytelling  engw3332 
december 2011 by warnick
The Readable Future
Brent Simmons offers some great advice to anyone publishing online: "Readers are smart, and they love to read, and they’ll go where they can read, and they have more and more options."
brentsimmons  webdesign  reading  advertising  engw3332 
december 2011 by warnick
My 10 years of blogging: Reflections, Lessons & Some Stats Too
Om Malik reflects on a decade of blogging and offers a few great lessons. I like this one: "Being authentic in your thoughts and voice is the only way to survive the test of time."
ommalik  blogging  advice  engw3332 
december 2011 by warnick
Move The Web Forward
An excellent "guide to getting involved with standards and browser development." Lots of links to other great resources. Required reading for anyone who wants to get serious about web design.
webdesign  webstandards  engw3332 
december 2011 by warnick
Facebook privacy: You're as much to blame for the site's privacy woes as Mark Zuckerberg
Farhad Manjoo, in Slate: "Yes, Facebook has made some boneheaded privacy transgressions over the years. But the problem isn’t only Facebook—it’s also our misguided idea that we can control the audience for anything we post online. The entire point of Facebook is to allow us to connect and share stuff. It is thus, by its very nature, one of the most intrusive technologies ever built—and, for better or worse, we’re stuck with it."
farhadmanjoo  slate  facebook  socialnetworking  privacy  engw3332 
december 2011 by warnick
When the Mainstream Media First Met the Blog
Rebecca J. Rosen compiles some late-90s news reports about the early days of blogging.
atlanticmonthly  blogging  news  engw3332 
december 2011 by warnick
10 steps to better blogging
Some great advice from Dan Frommer, including this gem: "Write the site that you want to read. That covers story selection, length, frequency, style, vocabulary, attitude, humor, level of sensationalism, and more. Don’t publish anything you’re not proud of. Be yourself."
danfrommer  blogging  writing  advice  engw3332 
december 2011 by warnick
The Pummeling Pages
Brent Simmons makes a compelling case for removing all of the cruft on corporate sites that inhibits reading: "I made the mistake of going to a website today.... I was there because I just wanted to read something. Words. Black text on a white background, more-or-less. And what I saw — at a professional publication, a site with the purpose of giving people something good to read — was just about the farthest thing from readable."
webdesign  reading  simplicity  engw3332 
december 2011 by warnick
Code Snippets from CSS-Tricks
A collection of HTML, CSS, PHP, JavaScript, and WordPress code snippets. Looks really useful.
webdesign  html  css  javascript  jquery  php  wordpress  engw3332 
december 2011 by warnick
Background Patterns in Web Design: 30 Beautiful Examples
A nice compilation of sites that use background patterns in unique ways.
webdesign  backgrounds  patterns  engw3332 
december 2011 by warnick
ANNOYING: The Article As A Slideshow
MG Siegler, on the ugly trend of reformatting articles as slideshows: "3 slides (of 12) in, I have no clue who wrote this. And the whole thing lacks the flow of great writing. It’s a bunch of mini-blurbs instead of one cohesive article making a strong case. Both the reader and the writer lose as a result of this nonsense. But Business Insider wins, I suppose."
mgsiegler  slideshows  journalism  writing  webdesign  engw3332 
december 2011 by warnick
Occupy Flash
From the Manifesto: "Flash Player is dead. Its time has passed. It's buggy. It crashes a lot. It requires constant security updates. It doesn't work on most mobile devices. It's a fossil, left over from the era of closed standards and unilateral corporate control of web technology."
flash  html5  webdesign  manifesto  engw3332 
november 2011 by warnick
Khoi Vinh: On the Grid
The Color Machine interviews Khoi Vinh. Nice video.
khoivinh  design  grids  video  webdesign  engw3332 
november 2011 by warnick
Our Solar System
"An experiment with CSS3 border-radius, transforms & animations." Another nail in Flash's coffin.
html5  css  animation  webdesign  inspiration  engw3332 
november 2011 by warnick
Linear Gradients
WestCiv's CSS3 gradient generator. Pretty slick.
webdesign  webapps  gradients  css  tools  engw3332 
october 2011 by warnick
Matt Legend Gemmell explains the only right way to do SEO
"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."
webdesign  seo  advice  engw3332 
september 2011 by warnick
ifttt
A web-based service that performs specific actions when *you* perform specific actions. "If this then that." Get it? Yeah, me neither.
webapps  tools  rollyourown  engw3332 
september 2011 by warnick
Best domain name registrar?
A good Ask MetaFilter thread on domain registrars. Long story short: Gandi seems to be the hip place to be these days.
webdesign  askmefi  domains  webhosting  engw3332 
september 2011 by warnick
The Shapes of CSS
A tutorial on creating non-rectilinear shapes using only CSS.
webdesign  css  engw3332 
august 2011 by warnick
Golden Grid System
A really nice framework for designing websites that adjust according to browser width.
webdesign  responsive  grids  framework  engw3332 
august 2011 by warnick
0to255
A fantastic tool that helps you find variations on any hexadecimal color. Hooray for monochromatic designs!
webdesign  color  css  webapps  engw3332 
august 2011 by warnick
Restaurant websites: Why are they so awful? Which ones are the absolute worst?
Farhad Manjoo, writing in Slate: "While lots of people have noted the general terribleness of restaurant sites, I haven't ever seen an explanation for why this industry's online presence is so singularly bruising. The rest of the Web long ago did away with auto-playing music, Flash buttons and menus, and elaborate intro pages, but restaurant sites seem stuck in 1999."
farhadmanjoo  webdesign  restaurants  engw3332 
august 2011 by warnick
Web Writing Style Guide Version 1.0
Great new collaborative project from the Writing Spaces folks. This might be useful next time I teach Writing Online.
webdesign  textbooks  engw3332 
july 2011 by warnick
Patternry
Patternry is a design pattern library aimed to help solve common interface design problems. It is also a tool for building and sharing pattern libraries privately.
webdesign  ui  inspiration  patterns  engw3332 
july 2011 by warnick
Web Copywriting Tips
Interesting AskMeFi post about writing for the web. Lots of conflicting advice here, as usual.
webdesign  writing  copywriting  contentstrategy  engw3332 
june 2011 by warnick
(More) Useful Web Usability Testing Tools
Nothing original here, but a decent list of links to usability-related websites and products.
usability  webdesign  engw3332 
june 2011 by warnick
Styling ordered list numbers
A cool implementation of some new CSS features. Of course, it breaks in IE 7 and earlier.
456bereastreet  css  lists  webdesign  engw3332 
may 2011 by warnick
How to Make a Web Site Part I: Understanding and Writing HTML
Nice Lifehacker tutorial on creating simple webpages, from choosing a plain text editor to creating headings and divs. Part of a larger series on web design.
html  webdesign  tutorials  engw3332 
april 2011 by warnick
jQuery Backstretch
Scott Robbin's very cool jQuery plugin that dynamically resizes background images.
jquery  background  images  webdesign  engw3332 
february 2011 by warnick
The HTML5 Test
Find out how well your browser supports HTML5. (Yes, I know that some of the criteria have nothing to do with HTML5, but it's still a handy tool.)
html5  webstandards  browsers  tools  engw3332 
february 2011 by warnick
HTML5 vs. HTML
As usual, Jeffrey Zeldman clears everything up.
html  html5  webdesign  w3c  webstandards  engw3332 
february 2011 by warnick
Personal Portfolio Sites Using WordPress
A nice collection of portfolios. Plenty of inspiration here.
portfolios  graphicdesign  webdesign  wordpress  inspiration  engw3332  engw2329 
february 2011 by warnick
Isotope
"An exquisite jQuery plugin for magical layouts." Indeed!
webdesign  jquery  layout  frameworks  engw3332 
february 2011 by warnick
10 Harsh Truths About Corporate Blogging
Nice list of realistic advice from Smashing Magazine: "The most successful blogs are more than a broadcast tool. They are a dialogue between the individuals within your organization and your users. It is important to listen, as well as speak. Unfortunately, the most corporate blogs fail to engage. Instead they focus on telling readers how great their products and services are. Rarely do they ask for feedback or ask questions."
corporate  blogging  weblogs  engw3335  engw3332 
january 2011 by warnick
"What Font Should I Use?": Five Principles for Choosing and Using Typefaces
Helpful introductory tutorial on combining typefaces, from Smashing Magazine.
typography  webdesign  fonts  engw3332 
january 2011 by warnick
Dive Into HTML5
Free, online edition of Mark Pilgrim's latest. "Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards."
html5  webdesign  engw3332  tutorials  books 
january 2011 by warnick
W3Fools – A W3Schools Intervention
Scathing indictment of W3Schools. I'm converted.
webdesign  w3c  reference  engw3332 
january 2011 by warnick
The Dark Side Of Usability
Interesting, counter-intuitive report on some usability tests: "People using the more difficult interfaces tended to perform better, were less fazed by distractions and were found more likely to transfer their skills to new interfaces or tasks."
usability  ux  ui  engw3332 
january 2011 by warnick
What's the difference between UI design and UX design?
Interesting Quora Q&A about distinctions between UI and UX.
ui  ux  design  usability  engw3332 
january 2011 by warnick
Using the WebFont Loader to Make Browsers Behave the Same
A great 24 Ways article by Richard Rutter: "Web fonts give us designers a whole new typographic palette with which to work. However, browsers handle the loading of web fonts in different ways, and this can lead to inconsistent user experiences.... The WebFont Loader is a JavaScript library that gives you extra control over font loading."
24ways  webdesign  typography  @font-face  engw3332  browsers 
december 2010 by warnick
Change Up Your Digital Writing
Awesome manifesto by Karl Stolley: "Baby steps are changes that change nothing, changes that teach nothing, changes that lull people into complacency by making them think they’ve done something new, when in fact they’ve just dressed up an ugly old habit in the form of a new plugin or tool. Real change in digital writing and design habits can only come by completely scrapping past habits and committing to new ones without hesitation or exception."
karlstolley  manifesto  coding  writing  software  bestpractices  engw3332 
november 2010 by warnick
« earlier      

related tags

3d ⊕  4chan ⊕  24ways ⊕  456bereastreet ⊕  @font-face ⊕  aarontgrogg ⊕  academia ⊕  advertising ⊕  advice ⊕  alignment ⊕  alistapart ⊕  andybaio ⊕  animation ⊕  anonymity ⊕  art ⊕  askmefi ⊕  atlanticmonthly ⊕  background ⊕  backgrounds ⊕  bestpractices ⊕  billwolff ⊕  bizcomm ⊕  blekko ⊕  blogging ⊕  boilerplate ⊕  books ⊕  bostonglobe ⊕  branding ⊕  brentsimmons ⊕  browsers ⊕  budget ⊕  business ⊕  cartoon ⊕  casestudy ⊕  childthemes ⊕  chooseyourownadventure ⊕  chrome ⊕  civilwar ⊕  clients ⊕  cms ⊕  code ⊕  coding ⊕  color ⊕  columns ⊕  consulting ⊕  contentstrategy ⊕  copywriting ⊕  corporate ⊕  css ⊕  dancederholm ⊕  dancohen ⊕  danfrommer ⊕  design ⊕  digitalliteracies ⊕  domains ⊕  ebook ⊕  ecommerce ⊕  editor ⊕  edtech ⊕  empathy ⊕  employment ⊕  engw2329 ⊕  engw3332 ⊖  engw3335 ⊕  ethanmarcotte ⊕  experiments ⊕  extensions ⊕  facebook ⊕  farhadmanjoo ⊕  fiction ⊕  flash ⊕  fonts ⊕  fontstacks ⊕  framework ⊕  frameworks ⊕  free ⊕  freelance ⊕  ftrain ⊕  gallery ⊕  godaddy ⊕  google ⊕  gradients ⊕  graphicdesign ⊕  grid ⊕  grids ⊕  highered ⊕  history ⊕  homepage ⊕  howto ⊕  html ⊕  html5 ⊕  humor ⊕  hyphenation ⊕  ie9 ⊕  images ⊕  infographics ⊕  inspiration ⊕  interface ⊕  internet ⊕  internetculture ⊕  internetexplorer ⊕  jakobnielsen ⊕  jaronlanier ⊕  jasonkottke ⊕  javascript ⊕  jeffepstein ⊕  jobmarket ⊕  jobs ⊕  journalism ⊕  jquery ⊕  juliandibbell ⊕  justification ⊕  karlstolley ⊕  khoivinh ⊕  latex ⊕  layout ⊕  lists ⊕  lukewroblewski ⊕  manifesto ⊕  markboulton ⊕  markdown ⊕  marketing ⊕  markzuckerberg ⊕  menus ⊕  mgsiegler ⊕  money ⊕  msword ⊕  navigation ⊕  news ⊕  nytimes ⊕  ommalik ⊕  onlineidentity ⊕  patterns ⊕  paulford ⊕  pedagogy ⊕  personalbranding ⊕  personalweb ⊕  persuasion ⊕  php ⊕  politics ⊕  portfolio ⊕  portfolios ⊕  privacy ⊕  process ⊕  publishing ⊕  reading ⊕  reference ⊕  research ⊕  resources ⊕  responsive ⊕  restaurants ⊕  resume ⊕  reviews ⊕  rollyourown ⊕  search ⊕  security ⊕  seo ⊕  simplicity ⊕  slate ⊕  slideshow ⊕  slideshows ⊕  smallbusiness ⊕  smashingmagazine ⊕  socialmedia ⊕  socialnetworking ⊕  software ⊕  standards ⊕  stevekrause ⊕  stewartmccoy ⊕  stories ⊕  storytelling ⊕  techcomm ⊕  technology ⊕  templates ⊕  textbooks ⊕  themes ⊕  tiled ⊕  timbernerslee ⊕  tips ⊕  tomjohnson ⊕  tool ⊕  tools ⊕  trends ⊕  trentwalton ⊕  tutorial ⊕  tutorials ⊕  twitter ⊕  typography ⊕  ui ⊕  unicorn ⊕  university ⊕  usability ⊕  ux ⊕  validator ⊕  video ⊕  w3c ⊕  webapp ⊕  webapps ⊕  webdesign ⊕  webhosting ⊕  weblogs ⊕  webstandards ⊕  webwriting ⊕  windows ⊕  wordpress ⊕  wow ⊕  writing ⊕  wsj ⊕  www ⊕  xhtml ⊕  xkcd ⊕  zadiesmith ⊕ 

Copy this bookmark:



description:


tags: