recentpopularlog in

garrettc : webdevelopment   2117

« earlier  
Historical Browser Bugs
"A complete list and demonstrations of more than 1000 browser bugs, plus a bug table, Netscape bugs, CSS and HTML guides and much much more"
browser  bugs  compatibility  css  html  webdevelopment  webdesign  history 
4 days ago by garrettc
Rendering on the Web  |  Google Developers
“As developers, we are often faced with decisions that will affect the entire architecture of our applications. One of the core decisions web developers must make is where to implement logic and rendering in their application. This can be a difficult, since there are a number of different ways to build a website.”
webdevelopment  progressiveenhancement  performance 
7 days ago by garrettc
The Click-Away Pound Survey 2019 - Home Page
Click-Away Pound is a research survey designed to explore the online shopping experience of people with disabilities and examine the cost to business of ignoring disabled shoppers.
accessibility  webdevelopment  webdesign  society  inclusivity  retail  business 
10 days ago by garrettc
CO2 emissions on the web
"I’ve spent the last month trying to reduce the carbon footprint of the websites I have (some) control over. When talking about this with other people they often look at me blankly before asking “aren’t you taking this a little too far?”."
webdevelopment  webdesign  environment  carbon  society 
12 days ago by garrettc
Setup GDPR Cookie Consent Notification with Google Tag Manager
"Learn how to install and configure a GDPR Cookie Consent Notification with Google Tag Manager and update your marketing tags accordingly"
guide  howto  privacy  cookies  webdevelopment  business  marketing  google 
14 days ago by garrettc
The CSS Cascade
"We style our websites using CSS, which stands for Cascading Style Sheets, but what does Cascading really mean? To save ourselves from future angst, let’s take a step back and learn this thing for real."
browser  css  webdesign  webdevelopment 
20 days ago by garrettc
Mozilla Observatory
The Mozilla Observatory is a project designed to help developers, system administrators, and security professionals configure their sites safely and securely.
security  ssl  https  tool  webdevelopment  tls 
5 weeks ago by garrettc
Illustrated.dev
Illustrated web development & javascript tutorials
javascript  webdevelopment  programming  learning  tutorial 
5 weeks ago by garrettc
302 Found
UI tests are obviously very important. There are some things you can only validate by actually rendering the UI — Browser compatibility, visual logic, colors, animations, etc. UI tests are also very easy to write.
IFTTT  Pocket  testing  webdevelopment  api 
6 weeks ago by garrettc
Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
"Let’s make 2020... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences on the web today."
checklist  performance  programming  webdevelopment  webdesign  accessibility 
6 weeks ago by garrettc
Http2 in practice
Slides from Velocity 2019 tutorial on HTTP/2. Covers prioritization in the browser, network and server and tuning of HTTP/2.
performance  presentation  http2  webdevelopment  http 
10 weeks ago by garrettc
Scaling SVG Elements
Interactive demo of how viewbox works.
css  webdesign  webdevelopment  svg  demo  interactive 
12 weeks ago by garrettc
Scrapy
An open source and collaborative framework for extracting the data you need from websites. In a fast, simple, yet extensible way.
python  scraping  webdevelopment  data  programming  datamining 
november 2019 by garrettc
Uncommon Use Cases For Pseudo Elements
"Pseudo-elements are in use for a long time. However, there are some uses cases that I feel they are not entirely known across developers."
css  webdesign  webdevelopment 
november 2019 by garrettc
Building
Jeremy Keith’s talk on pace layers and the building materials of the web.
webdevelopment  architecture  pacelayers 
october 2019 by garrettc
Where to put buttons on forms
Button placement can make or break a form. Find out the best place to put them in this article.
webdesign  webdevelopment  userexperience  forms  bestpractice 
october 2019 by garrettc
Create a semantic “breakout” button to make an entire element clickable
"…using the magic of CSS to give us the desired fully clickable element effect, while also using proper semantic elements and JavaScript and as an enhancement."
webdevelopment  buttons  interaction  accessibility  html  css  javascript  userinterface 
october 2019 by garrettc
Bringing PWABuilder to VSCode
Hi! I’m Amrutha Srinivasan, and I was an intern at Microsoft this summer. My intern project involved designing and developing a Visual Studio Code (VS Code) extension for PWABuilder. Progressive Web…
webdevelopment  programming  javascript  userexperience  offlinefirst  progressivewebapps  tool  vscode 
october 2019 by garrettc
Create App - your tool for starting a new webpack or Parcel project
Create your own webpack config or Parcel app with React, Vue, Typescript, CSS, SCSS, SASS, less, codesplitting, etc, with this online tool
webpack  builder  tool  webdevelopment  programming  workflow 
september 2019 by garrettc
How to Use Airtable for Content Audits, Part 1 | Think Company
Airtable is a web-based tool that makes it easy to build relational databases and spreadsheets. This is part one of two posts about using Airtable for content audits.
webdevelopment  userexperience  tool  contentstrategy  contentdesign  con 
september 2019 by garrettc
Going offline with microformats
The h-entry microformat and the Cache API are a perfect pairing for offline pages.
api  javascript  microformats  offline  caching  webdevelopment  html 
september 2019 by garrettc
The Open Guide to Amazon Web Services
"This guide is by and for engineers who use AWS. It aims to be a useful, living reference that consolidates links, tips, gotchas, and best practices. It arose from discussion and editing over beers by several engineers who have used AWS extensively."
aws  programming  webdevelopment  cloud  amazon  service  guide  bestpractice 
september 2019 by garrettc
Awesome Vue.js
"A curated list of awesome things related to Vue.js'
javascript  programming  webdevelopment  vuejs  resource 
september 2019 by garrettc
Moltin | eCommerce API for developers
The eCommerce API for developers & innovative brands, empowering you to rapidly build custom commerce experiences with headless, API-first microservices. Unlike traditional eCommerce platforms Moltin provides unmatched flexibility, speed, and control.
api  ecommerce  webdevelopment  programming  business 
september 2019 by garrettc
Even more about how Flexbox works — explained in big, colorful, animated gifs
"Even more about how Flexbox works — explained in big, colorful, animated gifs"
css  webdesign  webdevelopment  flexbox  layout 
september 2019 by garrettc
Magic Numbers in CSS
"Despite the super fun sounding name, magic numbers are a bad thing. It is an old school programming term for "unnamed numerical constant". As in, just some number plunked into the code that is probably vital to things working correctly but are very difficult for anyone not intimately familiar with the code to understand what it is for. CSS is loaded with unnamed numerical constants, but they are usually paired with properties and in the context of a selector so there is little mystery. There are magic numbers in CSS though, and they are still bad."
css  webdesign  webdevelopment  bestpractice 
september 2019 by garrettc
Form design: from zero to hero all in one blog post
"90% of the problems found in forms solved in a few hundred precious words."
webdesign  webdevelopment  forms  userexperience  bestpractice 
august 2019 by garrettc
Useful Pens for Everyday Front End Development
"This collection is a way of bookmarking some techniques that will be useful in practice in everyday dev."
css  html  javascript  webdesign  webdevelopment 
august 2019 by garrettc
Inspired Design Decisions: Ernest Journal
"In this third instalment of Inspired Design Decisions, Andy Clarke will teach you how to use frameworks to create layouts as engaging as in the well-known Ernest Journal. All it takes is an understanding of layout design and imagination."
webdesign  webdevelopment  inspiration  grid  layout  css 
august 2019 by garrettc
CSS Filters
A little playground for CSS filters....
css  webdesign  webdevelopment  filters  tool 
august 2019 by garrettc
Storybook: UI component explorer for frontend developers
Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
javascript  react  webdevelopment  vuejs  html  css  designsystems  designpatterns  component  webdesign 
august 2019 by garrettc
How to fix CORS problems
"You've probably already seen errors like the following one in the JavaScript console of your browser, when trying to execute AJAX requests: At first sight, it's difficult to understand what's happening and find out where the problem is coming from."
javascript  ajax  cors  security  webdevelopment  debugging  http  https 
august 2019 by garrettc
SMASHTEST
"Greatly speed up your automated testing by writing tests in a tree-like format.

Trees represent how we think when we're testing. They allow us to list all the permutations that branch off from any given point."
automation  javascript  language  library  testing  webdevelopment 
august 2019 by garrettc
CSS Box Alignment
"The CSS Box Alignment module specifies CSS features that relate to the alignment of boxes in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. The module aims to create a consistent method of alignment across all of CSS. This document details the general concepts found in the specification."
css  grid  webdevelopment  flexbox  standards  layout  reference  examples 
august 2019 by garrettc
Everything You Need To Know About Alignment In Flexbox
"In this article, we take a look at the alignment properties in Flexbox while discovering some basic rules to help remember how alignment on both the main and cross axis works."
css  flexbox  layout  webdesign  webdevelopment 
august 2019 by garrettc
Intrinsically Responsive CSS Grid with minmax() and min()
"CSS Grid is now widely supported across modern browsers, and there are lots of folks doing great work with it! But unfortunately, one of the most useful features of the specification doesn’t quite work as advertised. Specifically, it’s not possible to create an “intrinsically responsive grid” — that is, a grid that is responsive based on the size of its container, without the use of media queries. But thanks to some standards that are now available in some browsers and on their way to others, we can fix that!"
css  grid  layout  responsivedesign  webdesign  webdevelopment 
july 2019 by garrettc
HTML & CSS Is Hard
A free web development tutorial for complete beginners
html  css  tutorial  education  learning  webdevelopment  webdesign 
july 2019 by garrettc
Add a contact form to a static website
A step by step visual guide for sending contact forms from static websites, via Zapier, to virtually anywhere.
webdevelopment  programming  javascript  zapier  automation  forms  static 
july 2019 by garrettc
Start Performance Budgeting
"If you're building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets and learn to live within them. Network & CPU limits on mobile can require asking hard questions like, "what is really important to my users?"
javascript  webdevelopment  performance  css  html  images  network  internet  worldwideweb  architecture 
july 2019 by garrettc
The Periodic Table of SEO Factors (updated for 2019)
"Since it first debuted in 2011, Search Engine Land’s Periodic Table of SEO has become a globally recognized tool that search professionals have relied on to help them understand the elements essential to a winning SEO strategy."
seo  marketing  webdevelopment  searchengine  resource 
july 2019 by garrettc
Responsive design ground rules
"Creating a responsive design can be intimidating. There are many moving parts, things might lay out in ways you didn't expect and keeping all various viewports in mind when laying out a design can be daunting. With these ground rules, your responsive designs will be more robust and predictable."
css  tutorial  bestpractice  grid  webdesign  webdevelopment 
july 2019 by garrettc
Better Search UX Through Microcopy — Smashing Magazine
For large-scale and e-commerce sites, the search experience is an increasingly critical tool. You can vastly improve the experience for users with thoughtful microcopy and the right contextualization.
webdevelopment  webdesign  search  userexperience  microcopy  copywriting  contentstrategy  contentdesign 
july 2019 by garrettc
Organising around outcomes
In the pre-internet era, technology projects were defined up-front with a huge specification document, a formal business case and maybe a Prince 2 Project Initiation Document. In the internet era, technology projects got smaller as teams were able to release more regularly and deliver iterative value, and governance got lighter. Today, a team is more…
webdevelopment  webdesign  appdevelopment  userexperience  usercentereddesign  userjourney  business 
july 2019 by garrettc
Starlette
The little ASGI library that shines.
python  async  framework  asgi  asynchronous  flask  webdevelopment 
july 2019 by garrettc
Baseline Grid
Baseline Grid To celebrate the 100th anniversary of the German design school Bauhaus, we published a story at The New York Times featuring some of its buildings outside Europe. Designed by Rebecca Lieberman, Eden Weingart and I, it featured a small detail for the design-history aficionados: a baseline grid. Baseline grids are horizontal lines evenly spaced where text should align to. Aligning type based on its bottom, or baseline, was a common practice in movable type. Its founding publication, the Gutenber
typography  css  grid  webdesign  webdevelopment  layout 
july 2019 by garrettc
Inspired Design Decisions: Avaunt Magazine
This is the first edition of Inspired Design Decisions in which Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS.
css  webdesign  webdevelopment  layout  magazine  inspiration 
june 2019 by garrettc
Indicating focus to improve accessibility
"Focus indicators make the difference between day and night for people who rely on them. Focus is something that happens between the interactive elements on a page."
keyboard  accessibility  userexperience  usability  css  webdesign  webdevelopment 
june 2019 by garrettc
The CSS Mindset
CSS can be difficult to grasp if you think about it in terms of a "traditional" programming language. There is a certain mindset involved that helps to understand why it works the way it does.
webdevelopment  webdesign  css  programming 
june 2019 by garrettc
Using the Grid Shepherd Technique to Order Data with CSS
"When dealing with data, programmers often don't know if it is correctly filtered or sorted. This is especially painful when iterating over an array then displaying the data on a site without knowing the locations of each element receiving it. The Grid Shepherd is a technique that helps position and sort items where you want them to be, using CSS Grid instead of JavaScript."
grid  css  accessibility  webdesign  webdevelopment  data 
june 2019 by garrettc
4 reasons your z-index isn’t working (and how to fix it)
"Z-index is a CSS property that allows you to position elements in layers on top of one another. It’s super useful, and honestly a very important tool to know how to use in CSS. Unfortunately, z-index is one of those properties that doesn’t always behave in an intuitive way."
webdesign  webdevelopment  css  layout 
june 2019 by garrettc
What the Heck is Sign In with Apple?
Sign In with Apple is based on OAuth 2.0 and OpenID Connect, and provides a privacy-friendly way for users to sign in to websites and apps
webdevelopment  programming  identity  oauth  apple  privacy 
june 2019 by garrettc
SVG symbol viewer
An online, no-upload drag-and-drop SVG file symbol extractor and viewer.
webdevelopment  webdesign  svg  images  graphics  tool 
june 2019 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:





to read