warnick + webdesign   491

Naming Things
Jenny Bryan explains why and how to name your digital files. Required reading for academics.
filenames  naming  ia  webdesign  4814  standards  editing 
4 days ago by warnick
Building a static website with Jekyll and GitHub Pages
Helpful tutorial by Amanda Visconti: "This lesson is for you if you’d like an entirely free, easy-to-maintain, preservation-friendly, secure website over which you have full control, such as a scholarly blog, project website, or online portfolio. At the end of this lesson, you’ll have a basic live website where you can publish content that other people can visit ... and you’ll also have some resources to explore if you want to further customize the site."
github  jekyll  portfolios  digitalself  static  webdesign  4814 
11 weeks ago by warnick
Putting Web Accessbility First
Interesting summary of the early efforts to improve accessibilty, from the History of the Web.
webdesign  accessibility  history 
12 weeks ago by warnick
Responsive Grid System
"The Responsive Grid System isn't a framework. It's not a boilerplate either. It's a quick, easy & flexible way to create a responsive web site."
css  webdesign  grid  framework  responsive 
january 2017 by warnick
Gridlover
"Establish a typographic system with modular scale & vertical rhythm."
css  webdesign  grid  webapp  framework 
january 2017 by warnick
A Simple Web Developer's Guide To Color
Laura Elizabeth, in Smashing Magazine: "I’ve never been a fan of color theory. I think it’s because I’ve always been a bit hopeless at it.... That’s why, in this article, you won’t see a single color wheel. Instead I’m going to show you a simple color workflow that you can use in your next web project."
webdesign  color  smashingmagazine  4814 
december 2016 by warnick
InVision
Interesting web and mobile protoyping tool: "Get high-fidelity in under 5 minutes. Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes."
design  webdesign  app  collaboration  prototyping  software 
december 2016 by warnick
Christopher Kimball’s Milk Street
New venture from the (ousted, I think?) founder of America's Test Kitchen. Also a fantastic example of responsive web design. (Check out those recipe pages!)
cooking  webdesign  responsive 
december 2016 by warnick
CSS Reference
"Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples."
webdesign  css  reference  4814 
november 2016 by warnick
Pixabay
"Over 780,000 free stock photos, vectors, and art illustrations."
photography  images  stock  free  creativecommons  webdesign 
october 2016 by warnick
Variable fonts, a new kind of font for flexible design
Apple, Google, Microsoft, and Adobe collaborated to improve the OpenType font file spec: "Imagine a single font file gaining an infinite flexibility of weight, width, and other attributes without also gaining file size — and imagine what this means for design."
typography  design  adobe  font  webdesign 
september 2016 by warnick
Image Accessibility, Part I: Beyond alt Attributes
Karl Stolley: "Over a series of two posts, I’m going to present two complementary approaches to delivering accessible images on the Web, based on recent advancements in the HTML5 specification. In this post, I’ll cover methods attending to the longstanding accessibility problem that alt attributes only partly solve: presenting images with text-based descriptions and enhancements that serve all users. The next post will focus on device- and layout-sensitive image delivery now native to HTML in order to address the overlooked problem of the accessibility of images themselves."
karlstolley  accessibility  images  webdesign 
july 2016 by warnick
Emails From A CEO Who Just Has A Few Changes To The Website
Amanda Rosenberg nails it: "You know what? Scrap the words altogether. Words are cliché. You know who hated words? Hemingway."
webdesign  bizcomm 
july 2016 by warnick
WAVE Web Accessibility Tool
Enter one of your URLs and discover just how much work you still need to do.
accessibility  usability  webdesign  webapp  4814 
july 2016 by warnick
Elementor
WYSIWYG page builder for WordPress. Like Cornerstone, but free and open source. Might be worth trying out.
wordpress  wysiwyg  webdesign 
july 2016 by warnick
Web Platform
Promising project for documenting the technologies (HTML, CSS, JavaScript, etc.) that power the web.
webdesign  webdevelopment  4818  html  css  javascript  reference 
july 2016 by warnick
Complete Beginner's Guide to Content Strategy
Good introductory article from UX Booth: "For many people, content seems to begin and end with publishing. But for a content strategist, content begins with defining requirements, and identifying user needs. Before writing a word, content strategists outline the brand’s message, and the organization’s goals. If the project is a site redesign, they might inventory and review the pages currently on the site. If the project includes a new site backend, they might research and develop a migration plan for a content management system. The ultimate goal? To have flexible, searchable content that appears to the right people, in the right places, at the right time."
contentstrategy  webdesign  4814 
july 2016 by warnick
Design Better Forms
Lots of great examples in this piece by Andew Coyle: "Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common dos and don’ts of form design."
forms  ux  webdesign  usability 
july 2016 by warnick
Milligram
Interesting minimalist CSS framework. A Bootstrap replacement, perhaps?
webdesign  css  framework  bootstrap 
july 2016 by warnick
“Learn More” Links: You Can Do Better
Katie Sherwin, of the Nielsen Norman Group: "The phrase is most dangerous when used alone because of its ambiguity and poor information scent. It creates uncertainty, because users don’t know what to expect if they click, or whether it will be worthwhile to wait for a new page to load. That feeling of uncertainty can cause users to hesitate and shift into a state of cognitive strain."
webdesign  ux  accessibility  links  usability 
july 2016 by warnick
When It Comes to UX Design, Simplicity Is Overrated
Robert Hoekman, Jr., in Wired: "So what are we talking about when we talk about simplicity? Clarity. Not everything can be simple. Not everything can be easy to use. Many apps and services are necessarily complex. Massive eProcurement systems, for example, or enterprise management systems can be incredibly complex. Even iPhone apps can be deviantly hard to use. But one thing they can all be is clear."
ux  webdesign  simplicity  wiredmagazine 
july 2016 by warnick
Introducing HyperDev
Cool new platform from Joel Spolsky and company: "HyperDev is going to be the fastest way to bang out code and get it running on the internet. We want to eliminate 100% of the complicated administrative details around getting code up and running on a website."
webhosting  webdevelopment  webdesign  hosting 
june 2016 by warnick
Hey Look, It's Every Bootstrap Website Ever
It's funny because it's true: "Take a look around at the same f***ing bootstrap page you've seen ten million times before! Featuring all the same things as those pages!"
bootstrap  humor  satire  webdesign 
march 2016 by warnick
How to Do a UX Review
Joe Leech: "A UX review is where an expert goes through a website looking for usability and experience problems and makes recommendations on how to fix them. I’ve completed a number of UX reviews over my twelve years working as a user experience consultant and I thought I’d share my approach."
ux  webdesign  24ways 
march 2016 by warnick
The New Favicon
Craig Hockenberry dives deep on vector-based favicons for Safari: "It may seem a little crazy to go to these lengths, but it’s our business to make products look the best they can. We hope the experiences shared above help you with your own work."
favicon  webdesign  icons 
march 2016 by warnick
Lingo
From the people behind the Noun Project: "Lingo is the best way to organize, share and use all your visual assets in one place – all on your desktop."
graphicdesign  graphics  icons  webdesign  software 
march 2016 by warnick
Parakeet Primaries
Lovely icons for app and web development.
icons  stock  webdesign 
march 2016 by warnick
Freelance Rate Explorer
Interactive tool for helping developers and designers know whether they're charging the right amount for their services.
freelancing  consulting  webdesign  webdevelopment 
march 2016 by warnick
Evolution of Webdesign
Great interactive tool for exploring how the web has changed since 1991.
internet  webdesign  history  timeline  4814 
february 2016 by warnick
Amber
The internet just got a little better: "Amber is an open source tool for websites to provide their visitors persistent routes to information. It automatically preserves a snapshot of every page linked to on a website, giving visitors a fallback option if links become inaccessible."
wordpress  webdesign  webdevelopment  plugin  archive 
january 2016 by warnick
The Website Obesity Crisis
Maciej Ceglowski's talk at Web Directions 2015: "Let me start by saying that beautiful websites come in all sizes and page weights. I love big websites packed with images. I love high-resolution video. I love sprawling Javascript experiments or well-designed web apps. This talk isn't about any of those. It's about mostly-text sites that, for unfathomable reasons, are growing bigger with every passing year."
maciejceglowski  webdesign  internet  advertising  mediumdotcom  google  facebook 
january 2016 by warnick
Hugo
Another static site generator. Looks promising.
cms  generator  static  webdesign 
december 2015 by warnick
Hate Facebook Events? Soon It'll Actually Be Useful—Really Useful
Wired reports on the importance of simple UX adjustments: "When Facebook replaced 'Decline' with 'Can’t Go,' a funny thing happened: People actually started using it."
ux  facebook  webdesign  4814 
november 2015 by warnick
Simple Icons
Free SVG icons for just about every web-based service you can imagine.
icons  webdesign  free  branding  vector 
november 2015 by warnick
UsabilityHub
"Quick and simple user testing to help you make data-driven design decisions."
ux  usability  webdesign  webapp 
november 2015 by warnick
Redesigning The Toast
An incredibly thorough case study of The Toast's redesign, by Karen McGrane, Ethan Marcotte, and company.
webdesign  responsive  casestudy  contentstrategy  ux 
november 2015 by warnick
Why Great UX Starts Between Your Ears (Not on the Screen)
Joe Natoli: "Great UX isn’t a product of the tools you use, and it isn’t what you build or design on screen. It’s how you think about those things."
webdesign  ux  4814 
september 2015 by warnick
U.S. Web Design Standards
Web design for government sites has come a LONG way: "Built and maintained by U.S. Digital Service and 18F designers and developers, this resource follows industry-standard web accessibility guidelines and reuses the best practices of existing style libraries and modern web design. It provides a guide for creating beautiful and easy-to-use online experiences for the American people."
webdesign  webdevelopment  standards  styleguide  government  4814 
september 2015 by warnick
A rallying cry for the Weird Wild Web
Jonas Downey, on Signal v. Noise: "Web tech is as sophisticated, diverse, and powerful as it’s ever been. (Granted, we’re abusing it for bandwidth-munching ads and gratuitous effects — but that’s on us. We can stop. We should stop. Please, stop.)"
signalvnoise  internet  history  webdevelopment  webdesign  4814 
september 2015 by warnick
Material Design Lite
"Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible."
webdesign  framework  google  css  templates 
august 2015 by warnick
Web Design: The First 100 Years
Another fantastic talk by Maciej Ceglowski: "The hardware is still improving, but it's improving along other dimensions, ones where we are already up against hard physical limits and can't use the trick of miniaturization that won us all that exponential growth.... And as designers, you should be jumping up and down with relief, because hard constraints are the midwife to good design."
maciejceglowski  webdesign  technology  4814 
august 2015 by warnick
Unsplash It
Handy service for inserting placeholder images into prototype websites.
webdesign  images  4814 
august 2015 by warnick
Three takeaways for web developers after two weeks of painfully slow internet
Gabor Lenard reminds us how users on slow networks experience the web: "While most sites worked slowly but otherwise okay, there were some pages that simply never loaded. I couldn’t believe it so I tried many times and left the phone loading for several minutes but all in vain. Nothing appeared on those pages."
webdesign  webdevelopment  responsive  4814 
july 2015 by warnick
Pattern Lab
"Pattern Lab is a custom static site generator that constructs an interface by stitching atoms, molecules, and organisms together to form templates and pages."
webdesign  css  templates  framework  responsive  patterns 
june 2015 by warnick
In Pieces
Bryan James's impressive demonstration of what can be done with CSS polygons.
css  webdesign  inspiration 
june 2015 by warnick
The Best CSS Reset Stylesheets
Jacob Gube: "If you’re looking for a stylesheet to help you reset your CSS, in my opinion, these are your top options right now."
sixrevisions  webdesign  css  resources  4814 
june 2015 by warnick
Tools don’t solve the web’s problems, they ARE the problem
Peter-Paul Koch: "The movement toward toolchains and ever more libraries to do ever less useful things has become hysterical, and with every day that passes I’m more happy with my 2006 decision to ignore tools and just carry on. Tools don’t solve problems any more, they have become the problem. There’s just too many of them and they all include an incredible amount of features that you don’t use on your site — but that users are still required to download and execute."
webdesign  webdevelopment  javascript 
may 2015 by warnick
Web Developer Reading List: JavaScript Fundamentals
"There are many possible applications and development paths for JavaScript, but this reading list builds the language on the foundations of HTML and CSS, and assumes that you have a good working knowledge of both. Completing this reading list will allow you to start on your first pieces of code, debug code effectively, and understand the causes of errors when they occur."
webdesign  javascript  4814 
may 2015 by warnick
Building Nonlinear Narratives for the Web
Senongo Akpem, on A List Apart: "The web operates in ways that can conflict with our traditional view of what a 'story'—with a set start, middle, and end—is. Content is chunked, spread across various channels, devices, and formats. How do we define story lines, characters, interactions, and the role of the audience, given this information sprawl?"
alistapart  webdesign  digitalstorytelling  3844 
may 2015 by warnick
Professional Web Typography
New book/website by Donny Truong: "Unlike the old days of web design when all you had to work with were a handful of default system fonts ... now you have thousands of fonts to choose from. However, with too many choices at your disposal, the process of selecting and combining typefaces can be time-consuming, overwhelming, and intimidating."
webdesign  typography  design  ebook  4814 
may 2015 by warnick
HTML Arrows: HTML Symbol Codes and Entities
Great resource. "[W]e wanted a clean and colorful place for all the html symbol codes we could never seem to remember."
webdesign  typography  html  resource  4814 
may 2015 by warnick
3 Quick Yet Practical Tips for Choosing the Right WordPress Theme
John Saddington: "There is a growing number of WordPress themes that are attempting to become the metaphorical Swiss Army Knife – an attempt to be your one-stop-shop solution, handle everything, and a bag of chips to boot. This may feel 'strategic' and wise, at first, but, you have to remember that the person who will be doing most of the management is you! And, if you do not feel comfortable with the complexity of the WordPress theme, then you’re probably looking at the wrong one."
wordpress  themes  webdesign  4814 
may 2015 by warnick
Code Guide
"Standards for developing flexible, durable, and sustainable HTML and CSS." (Some of this advice is debatable, but it's a good place to start.)
styleguide  webdesign  html  markup  css  reference  4814 
may 2015 by warnick
18F
"18F builds effective, user-centric digital services focused on the interaction between government and the people and businesses it serves. We help agencies deliver on their mission through the development of digital and web services. Our newly formed organization, within the General Services Administration, encompasses the Presidential Innovation Fellows program and an in-house digital delivery team."
webdesign  government 
april 2015 by warnick
The UX of Onboarding
Mike McLeod: "I’ve been collecting readings related to onboarding for several months while working on other tasks and have been taking notes in advance of creating any actual designs. What I’ve assembled here are the best practices I’ve gathered while reading that I’ll use to inform my design decisions."
mikemcleod  ux  onboarding  webdesign  4814 
april 2015 by warnick
+300 Awesome Free Things for Entrepreneurs and Startups
Kudos to Ali Mese for compiling this: "A Massive List of Free Stuff Made by Awesome People."
webdesign  entrepreneurship  startup  resources  free  opensource  design 
february 2015 by warnick
UI, UX: Who Does What? A Designer's Guide To The Tech Industry
Helpful breakdown of the subtle differences between user experience design, user interface design, graphic design, etc...
webdesign  webdevelopment  ui  ux  usability  graphicdesign  jobs  4814 
february 2015 by warnick
Can I use... ?
Great tool for determining which properties and tools work in which web browsers.
webdesign  browsers  html5  css  4814 
february 2015 by warnick
BuiltWith
Fantastic tool for finding out what software, tools, platforms, etc., are powering a website.
webdesign  webdevelopment  server  webapp  tool  4814 
january 2015 by warnick
Interactive JavaScript Tutorials
Jacob Gube, on Six Revisions: "Learning the fundamentals of JavaScript can be easier and more fun through interactive tutorials. Interactive tutorials are immersive, letting you write and experience code immediately. Here are three free interactive JavaScript tutorials that will get you started programming with JavaScript in no time."
sixrevisions  webdesign  javascript  tutorial 
january 2015 by warnick
StaticGen
"Top Open-Source Static Site Generators"
webdesign  cms  static  generators 
january 2015 by warnick
Five Simple Steps
Nice collection of books on web design, UX, content strategy, etc...
webdesign  ux  contentstrategy  ebooks  4814 
january 2015 by warnick
Introduction to CSS Colors
Jacob Gube's simple, but thorough, review of the various ways to declare colors in CSS.
sixrevisions  webdesign  css  color  4814 
january 2015 by warnick
The Art of alt: Writing Great Descriptive Text For Images
"The web gains its strength through diversification: the more accessible it is to everyone, the better the results. The alt attribute was an early example of this, but writing good, accurate descriptive text for your images takes knowing a few rules."
webdesign  images  accessibility  4814 
january 2015 by warnick
A mile wide, an inch deep
Ev Williams explains why most web metrics are meaningless: "At Medium, we don’t really want anyone’s time. We want to create a platform that enables people to make an impression on others. To make them think. To change their minds. To teach them something or connect emotionally. It’s hard to measure any of that."
medium  evwilliams  twitter  instagram  facebook  metrics  webdesign 
january 2015 by warnick
What To Consider When Choosing A WordPress Theme
Rather than creating yet another list of great themes, Smashing Magazine tries to teach a man to fish: "With a nearly unlimited pool of WordPress themes to choose from, it becomes so easy to feel overwhelmed and resort to inaction or choosing a low-quality theme. In cases where you have a lot of options, it pays to know exactly what you need."
webdesign  wordpress  themes  4814 
december 2014 by warnick
State of Web Type
"Up-to-date data on support for type and typographic features on the web."
webdesign  typography  resource  4814 
december 2014 by warnick
Plain Pattern
Nifty tool for creating custom background images: "An SVG based seamless pattern maker."
webdesign  backgrounds  web  4814  patterns 
december 2014 by warnick
wysihtml editor
"It’s an open source, community developed wysiwyg html rich text editor. Any web developer can grab it and use it in her projects."
webdesign  wysiwyg  editor 
december 2014 by warnick
The QA Mindset
Michael Lopp on the importance of hiring good people to do quality assurance: "Traditionally, they are known as the folks who break things, who find bugs, but QA’s role is far more important. It’s not that QA can discover what is wrong, they intimately understand what is right and they unfailingly strive to push the product in that direction. I believe these are humans you want in the building."
software  testing  usability  qa  webdesign 
december 2014 by warnick
There is no fold
Luke Wroblewski's Tumblr site reminds us that the concept of a "fold" in web design is a little silly in 2014.
webdesign  ux  4814  browsers 
december 2014 by warnick
Tables Generator
Nifty online tool that generates the markup for tables in LaTeX, HTML, Markdown, MediaWiki, etc...
webdesign  tables  markup  markdown  latex  4814 
december 2014 by warnick
A brief history of web design for designers
Sandijs Ruluks: "[I]nstead of debating whether designers should learn code or developers should learn design, let's set some common ground on how design for the web evolved and how we could bridge the gap between code and design."
webdesign  history  4814 
december 2014 by warnick
Brad Frost
Really nice professional portfolio site. Something for budding web designers to aspire to.
webdesign  bradfrost  eportfolio  4814  inspiration 
november 2014 by warnick
Training the CMS
Eileen Webb explains how to customize a content management system to improve the quality of the content that goes in it.
webdesign  cms  contentstrategy  4814 
november 2014 by warnick
The UX Reader
"At MailChimp, we love to show our work - in part because it helps us get better at what we do. This book is a collection of the most popular articles from our UX Newsletter, along with some content exclusive to the book. It's the embodiment of our quest to reflect, refine, and grow. We made it in hopes it’ll help you do the same."
ux  webdesign  4814  ebook 
november 2014 by warnick
« earlier      
per page:    204080120160

related tags

3d  24ways  456bereastreet  @font-face  aarontgrogg  academia  accessibility  adobe  advertising  advice  algorithms  alignment  alistapart  amazon  animation  annotation  app  appengine  archive  art  askmefi  avatar  background  backgrounds  baseball  basecamp  bestpractices  bizcomm  blind  blogging  blueprint  bluetrip  boilerplate  book  books  bootstrap  bostonglobe  boxmodel  bradfrost  branding  breadcrumbs  brentsimmons  browser  browsers  budget  business  cards  cardsorting  carousel  cartoon  casestudy  charts  cheatsheet  childthemes  chrome  clients  clipart  cms  code  coding  collaboration  color  columns  comebacks  comics  consulting  contentstrategy  converter  cooking  copywriting  creativecommons  critique  css  curriculum  dancederholm  dancohen  dataviz  davidfosterwallace  decode  dereksivers  design  designmodo  development  digitalhumanities  digitalliteracies  digitalrhetoric  digitalself  digitalstorytelling  doctype  documentation  domains  download  drawing  dribbble  dropbox  drupal  ebook  ebooks  ecommerce  editing  editor  edtech  education  embedded  empathy  encode  engine  english314  engw2329  engw3332  entrepreneurship  eportfolio  eportfolios  essays  ethanmarcotte  ethos  evernote  evwilliams  extensions  facebook  faq  farhadmanjoo  favicon  filenames  film  firefox  flash  flickr  float  flowchart  fluid  font  fonts  fontstacks  footnotes  forms  foundation  framework  frameworks  frankchimero  free  freelance  freelancing  ftrain  gallery  generator  generators  geocities  git  github  godaddy  google  government  gradients  grantcuster  graphicdesign  graphics  grid  grids  guardian  gui  guidelines  handdrawn  header  highered  history  homepage  hosting  howto  html  html5  humor  hyphenation  ia  ibm  icons  identity  ie9  image  images  infographics  inspector  inspiration  instagram  interactiondesign  interface  internet  internetculture  internetexplorer  ios  iterations  jakobnielsen  jasonfried  jasonkottke  jasonsantamaria  javascript  jekyll  jenterysayers  jeremykeith  jerkstore  jobmarket  jobs  johngruber  johnsteinberg  journalism  jquery  justification  karenmcgrane  karlstolley  khoivinh  landingpage  latex  lawrencelessig  layout  leehoneycutt  library  lifestream  links  lists  lobbying  loremipsum  lukewroblewski  mac  maciejceglowski  magazine  manifesto  maps  marcdrummond  markboulton  markdown  marketing  markup  mechanicalturk  medium  mediumdotcom  menus  metrics  mgsiegler  mikemcleod  minimalism  mobile  mockup  money  mozilla  msword  multiliteracies  multimedia  myths  naming  nathancford  navigation  newmedia  noahstokes  nostalgia  npr  nytimes  olympics  omeka  onboarding  onlineadvocacy  onlineeducation  onlineidentity  opensource  opera  optimization  pagefold  parallax  patterns  paulford  pdf  pedagogy  peerreview  performance  personalbranding  personalweb  personas  persuasion  photography  photoshop  php  pixel  planetmoney  plugin  plugins  podcast  politics  polygon  portfolio  portfolios  powerpoint  presentation  presentations  privacy  process  profhacker  programming  prototypes  prototyping  psychology  publicdomain  punctuation  qa  qrcode  quirksmode  readability  reading  reference  republicofletters  research  resize  resource  resources  responsive  restaurants  retina  rgb  robglazebrook  rss  ruby  satire  saveforweb  screen  screenreader  screenshots  scrolling  search  searchengine  security  semantics  seo  server  seufolios  shopping  showcase  sidenotes  signalvnoise  simplicity  simpsons  sixrevisions  slider  slides  slideshow  slideshows  smallbusiness  smashingmagazine  snowfall  socialsoftware  software  sports  standards  startup  static  stealthiscode  stevekrause  stewartmccoy  stock  storytelling  strictmode  stripes  style  styleguide  stylesheets  syllabus  tables  teaching  techcomm  technology  templates  testing  textbooks  themes  thomasfuchs  tiled  timbrown  time  timeline  tips  tool  toread  trends  trentwalton  tricks  tripoli  trust  tutorial  tutorials  twitter  typography  ui  unicorn  university  usability  userexperience  ux  validation  validator  vector  verlee  video  visualization  visualrhetoric  w3c  wcag  web  web2.0  webapp  webdesign  webdevelopment  webfonts  webhosting  webstandards  webwriting  wedding  whatwg  whitehouse  width  windows  wiredmagazine  wireframes  wordpress  writing  wysiwyg  xhtml  xkcd  xml  zeldman  zurb 

Copy this bookmark:



description:


tags: