Web Design
- Review—The Elements Of Logo Design: Design Thinking, Branding, and Making Marks
- A Renewed Passion For Design And Development
- The Growing Complexity Of Developing Websites and the Growing Ease Of Using Site Builders
- Review—About Design: Insights and Provocations for Graphic Design Enthusiasts
- Tips To Help You Write Faster MySQL Queries
- How To Find Slow SQL Queries
- Book Review—Citizen Designer: Perspectives on Design Responsibility
- How To Create And Add Indexes To MySQL Tables
- The Types of Indexes You Can Add To MySQL Tables
- The Benefit Of Using Indexes In Database Tables
- The End of View Source?
- MySQL Configuration Tweaks To Improve Site Performance
- An Introduction to MySQL Database Performance
- Improve Your PHP Performance By Upgrading To PHP 7
- Tips for Writing Better Performing PHP Code
- An Introduction To Performance And Dynamic Websites
- Performance Testing—Speed Index And Time To First Byte
- Server Response Times—A Comparison Of A Single Website On Two Different Web Hosts
- LiteSpeed Web Server (LSWS)—A Drop-In Replacement For Apache Sever Software
- Internet Information Services—Server Software With Request-Processing Architecture
- NGINX—Server Software With Event-Driven Architecture
- Apache—Server Software With Process-Based Architecture
- Server Hardware—How Important Are CPU, RAM, and I/O Speed To Performance?
- Website Performance—Does Your Hosting Plan Matter?
- How You Can Train Yourself To Think Like A Designer
- Design Concepts—How To Use The Principles Of Design To Communicate Your Concept
- Design Concepts—Creative Thinking And Exploration To Develop And Select Ideas
- Design Concepts—Gathering Information And Inspiration
- Design Concepts—An Overview
- DNS And HTTP Performance Case Study For This Site
- How HTTP/2 Solves The Performance Issues Of HTTP/1.1
- HTTP Caching And Cache Validation Over HTTP/1.1
- The Performance Of HTTP Requests Over HTTP/1.1
- How To Leverage DNS Caching
- How DNS Lookups Affect Website Performance
- Time To First Byte (TTFB)
- Performance Testing—Tools And Waterfall Diagrams
- What Are Performance Budgets And Why You Should Use One
- What Happens When Your Browser Requests a Web Page?
- An Introduction To The Performance Of Websites
- Add Bevel And Emboss Effects With The feConvolveMatrix Filter Primitive
- Add Warping Or Ripping Effects With The feDisplacementMap Filter Primitive
- The feMorphology And feTurbulence Filter Primitives
- Create SVG Lighting Effects With The feSpecularLighting Filter Primitive
- Create SVG Lighting Effects With The feDiffuseLighting Filter Primitive
- An Introduction To SVG Lighting Filters And Light Sources
- Modify RGBA Color Channels With The feComponentTransfer Filter Primitive
- Modify The Color Values Of An Image With The feColorMatrix Filter Primitive
- SVG Blend Modes With The feBlend Filter Primitive
- Combine Input Images With The feComposite Filter Primitive
- Combine The Results of SVG Filter Primitives with feMerge
- SVG Filter Primitives for Working with External Images and SVG Fragments
- SVG Filter Effects—3 Simple Filter Primitives
- SVG Filter Primitives—Input and Output
- The SVG Filter Element
- An Introduction To SVG Filters
- SVG Masking Examples — Text And Image Masks
- SVG Masking Examples — Paths, Gradients, And Patterns
- More About SVG Masking — Properties And Attributes
- SVG Masking
- SVG Clipping Path Examples — Multiple Shapes and Images
- SVG Clipping Path Examples — Using Paths And Text
- More About SVG Clipping Paths
- SVG Clipping Paths
- Syntagms and Paradigms — Telling A Story With Signs
- Denotation And Connotation — Literal And Implied Meaning
- Icon, Index, and Symbol — Three Categories of Signs
- An Introduction To Semiotics — Signifier And Signified
- The Hamburger Icon Debate
- Why You Should Start Learning More About Icons
- SVG Text On Path—Part 2
- SVG Text On A Path — Part 1
- How To Work With The SVG Text Spacing Properties
- How To Use SVG Font Properties
- How To Adjust The Baseline Alignment Of SVG Text
- SVG Text Layout And Alignment
- How To Reuse SVG Text With The tref Element
- How To Style and Position SVG Text With The tspan Element
- How To Manipulate SVG Text
- How To Work With SVG Text
- 5 Rules For Using ARIA Roles, States, And Properties
- Why You Should Improve Your Artistic Skills, If You Want To Keep Your Design Job
- The ARIA Roles Model Part 2
- Web Design Has As Much Soul Now As It Did Before
- The ARIA Roles Model Part 1
- An Introduction To WAI-ARIA’s Roles, States, And Properties
- This Week Only 59% Discount — CSS Animations And Transitions
- WCAG 2.0 — Criteria And Techniques For Successful Accessibility Conformance
- WCAG 2.0 — Accessibility Principles And Guidelines
- What Does It Mean To Develop Accessible Websites?
- A Journey Into Web Accessibility
- How Important Is Art Direction To The Success Of A Website?
- How To Apply SVG Radial Gradients To A Fill Or Stroke
- Art Direction And Design
- How To Apply SVG Linear Gradients To A Fill Or Stroke
- SVG Patterns — Build More Complex Patterns With Images, Attributes, And Nesting
- How To Work With SVG Patterns
- What Does It Really Mean To Design In The Browser?
- How To Create SVG Arrowheads and Polymarkers — The marker Element
- How To Define SVG Content for Reuse — The defs, symbol, And use Elements
- How To Structure Your SVG Code — The <g>, <title> And <desc> Elements
- Thoughts About Choosing And Working on Priorities
- How To Prevent Your SVG Graphics From Deforming With preserveAspectRatio
- Success Comes To Those Who Sustain A Consistent Effort
- Move And Scale SVG Graphics With The viewBox Attribute
- Why Constraints Are A Fundamental Part Of Design
- The SVG Canvas, Coordinate System, And Viewport
- Why The Value and Perception of Design Don’t Match
- HTML5 Structural Elements — Series Wrap Up
- HTML5 Structural Elements — How I Built This Demo: Part 2
- HTML5 Structural Elements — How I Built This Demo: Part 1
- HTML5 Structural Elements—Non-Sectioning Elements
- HTML5 Structural Elements—Sectioning Elements
- How We’ll Design and Develop Websites In A Few Years
- The HTML5 Document Outline
- Stop Calling It Responsive Design—It’s Web Design
- HTML Structural Elements And The Document Outline
- SVG Basics—Creating Paths With Curve Commands
- SVG Basics—Creating Paths With Line Commands
- SVG Basics—Fills And Strokes
- SVG Basics—How To Create Simple Shapes And Lines
- SVG Basics—How to Work with Scalable Vector Graphics
- Twas the Night Before…Flat Design
- Learn More About Color By Working In Grayscale
- Thoughts About HTML5 Structural Elements
- The Effect Of Luminance and Contrast Ratio On Accessibility
- Your Design Skills Could Lift Humanity To New Heights
- Why Luminance Is The Key Component Of Color
- Thoughts About Responsive Navigation On Mobile Devices
- Responsive Images Demo—Srcset, Picture, and Image-Set
- Responsive Images Revisited—High Resolution Images
- Personal Taste And Why Appreciating Different Perspectives Is Important
- Responsive Images Revisited—The Picture Element
- Responsive Images Revisited—The Srcset Attribute
- Why Can’t The Boring Designer Have Style?
- “Type on Screen” Review
- Is Everyone A Designer?
- Passion For Design Will Improve Your Skills And Make Your Work More Enjoyable
- What Chess Can Teach You About Making Decisions
- Mea Culpa — How A Lapse In Focus Helped Me Write A Book
- Subjective And Objective Design Choices
- Why Understanding Design History Will Make You A Better Designer Today
- What I’d Tell My Younger Self To Offer Context For Learning Web Design And Development
- What I’d Tell My Younger Self About Learning Development As A Web Designer
- Why People Love And Hate Responsive Design
- What I’d Tell My Younger Self About Learning HTML/CSS
- What I’d Tell My Younger Self About Learning Web Design
- Does Your Age Determine How Well You Can Design And Develop Websites?
- Opinionated Design — Make More Decisions And Leave Fewer Options
- You Don’t Need To Learn Each And Every New Thing
- The Perception That Design Is How Something Looks
- Write, Code, Design, Every Day
- The Art To Becoming A Better Designer — Learning To Trust Your Judgement
- Why Do So Many Responsive Sites Look The Same?
- Why Developers Should Learn More About Design
- Iterate Your Current Design Process To Find A Better One
- Pull Up To The Next Window For Your Website
- The Importance Of Context
- Style and Substance
- Make Me Think, Or Else
- Can Your Design Process Handle The Uniqueness Of Each Project And Client?
- Responsive Design Signals A Much Larger Change
- The Golden Section Revisited — Magic Or Myth?
- Underlined Links — When Is It Ok To Break From Convention?
- Visual Perception — Series Wrap Up And Key Ideas
- Why It’s Still Important To Design “Above The Fold”
- Use The Efficient Power Of Emotional Design To Connect With Your Audience
- How To Make Visually Complex Information Easy To Understand
- Using Graphics to Make Abstract Concepts Concrete
- When Is A Design Finished?
- Communicate Efficiently By Reducing Realism
- The Web Is A Rectangle
- How To Direct A Viewer’s Eye Through Your Design
- Why I Design
- How To Organize Information for Early Visual Perception
- Top-Down Visual Perception: How You Can Tap Memory To Direct Eye Movement
- Thoughts About Design And Art
- Bottom-Up Visual Perception: What Saccadic Eye Movements Suggest For Designers
- Color Systems — Part 2
- Color Systems — Part 1
- Design is Decision-Making
- How I Start A Design Project — Problem Definition
- Simplicity — A Thoughtful Approach To Better Design
- What Role Do Aesthetics Play In The Design Of A Website?
- What Does It Mean To Design Websites Responsively?
- How To Be More Confident In Your Design Decisions
- Good Design Is Subjective
- The Connection Between Aesthetics And Usability
- Keeping Up With Technology And Learning New Subjects
- Designing Unknown Content In 2 Dimensions
- Design Fundamentals: Download Your Free Sample From The Book
- How Design Patterns And Component Libraries Create Unity And Context
- Components, Design Patterns, and Creative Solutions To Custom Problems
- Thoughts For The Future Of Responsive Images
- Responsive Images — Solutions To Our Problems
- What Role Do Ethics Play In Your Choice Of Projects?
- Responsive Images — The Issues We Want To Solve
- The Tension Between Creativity And Productivity
- How Important Is It To Have Always Visible Navigation?
- How To Choose The Best Responsive Table Solution
- Mobile Up, Widescreen Down, or Somewhere In-Between?
- Content Choreography — Why Our Float Based Approach To Layout Should Evolve
- Should Designers Code?
- Responsive Design — Beyond The Minimum
- How Perception Alters Reality And Design Influences Content
- My Design Process — Deployment & Improving The Overall Process
- My Design Process — Design and Development (Prototypes as Deliverables)
- Responsive Design Interview Series — My Answers To Some Responsive Questions
- My Design Process —Defining The Problem And Planning A Solution
- Introducing “Design Fundamentals: Elements, Attributes, & Principles”
- How Does Flat Design Damage and Improve Usability?
- 7 Things You Can Do to Improve Your Confidence the Right Way
- How Much Navigation Can Responsive Patterns Hold?
- How Working in a Browser Shapes Your Design
- What Will We Build on a Foundation of Flat Design?
- So, Don’t Do That
- Swiss (International) Style Of Design: The Guiding Principles That Influence Flat Design
- Learning To Solve Design Problems When They Have No Absolute Solution
- Flat Design As A New Foundation For The Web
- Flat Design Done Wrong
- Why You Shouldn’t Evaluate Your Design Skills Through Comparison With Others
- Why Designers Use And Overuse Skeuomorphism
- HSL Color Tool Now On GitHub
- Grid Construction — How To Choose Constraints From Within Your Content
- Design In The Browser Means An Iterative Workflow
- Developing An Eye For Color Through Exercise
- 4 Reasons Why You Should Design With A Grid
- The Line Between Inspired By And Copied From And How To Stay On Its Right Side
- Develop Better Color Palettes Using Different Aspects Of Color
- A Simple Color Tool Built For Learning [Screencast]
- The Fundamentals of Color: Hue, Saturation, And Lightness
- Are Compressive Images A Good Solution For High Resolution Displays?
- Communication — The Connection Between Graphic Design and Writing
- Responsive Design Is Easier Than You Think
- Visual Design Systems (Maintaining Consistency Across Devices)
- Is A Dedicated Mobile Design Ever Appropriate?
- Become A Better Designer Through Critical Thinking
- How To Learn Design When You Feel Overwhelmed
- SOLID Object Oriented Principles And CSS: Part 2
- How Design Principles Help You Make Design Decisions
- SOLID Object Oriented Principles And CSS: Part 1
- Responsive Design Is Always Appropriate
- Responsive Navigation And Flexbox — Some Articles I’ve Written Elsewhere
- Can Object Oriented Principles Be Applied To Web Design?
- Is Responsive Design Soulless?
- Thoughts On Developing Visual Voice Through Modular Design
- Do HTML And CSS Limit Photoshop Creativity?
- Design Patterns, Components, And Frameworks
- 3 Types of Breakpoints In Responsive Designs
- Reusable Divisions Of Space: Grids And Modular Design
- The Benefits Of Modular Design
- 14 Questions With Smashing Magazine’s Vitaly Friedman
- The Five Elements Of Modular And Adaptive Content
- Does The Web Design Industry Have A Conceptual Core?
- Is Web Design A Noble Profession?
- 4 Principles That Lead To Better Design Decisions
- Thoughts For Turning Vague Descriptions Into A Concept And Context For Your Design
- Statistics Speak — Improved Design Leads To More Visitor Engagement
- Twas The Night Before Responsive
- Review Of The New Mobile Book From Smashing Magazine
- Are Baseline Grids Useful In The Flexible Canvas Of The Web?
- Is It More Important To Know How Or To Know Why?
- Does Your Design Set The Right Context For Your Content?
- What Should You Learn Next?
- 7 Websites That Incorporate Rhythm In Their Design
- Does Having Techniques Inhibit Your Creativity?
- Rhythm And Proportion In Grids And Type
- Where Does This Design Succeed And Fail?
- 3 Types Of Rhythm You Can Create Visually
- My Thought Process For Creating This Logo
- Lessons Learned From A Responsive Design
- Direct Your Audience To Important Content Through Visual Hierarchy
- Thoughts On Developing Your Unique Visual Language
- How Do You Choose A Color Scheme When Your Color Skills Are Lacking?
- How I Chose A Grid Framework
- How To Choose The Right Grid
- How Constraints, A Concept, And The Principle Of Unity Help You Make Design Decisions
- Your Most Important Typographic Choices
- Does Creativity Suffer With Responsive Workflows?
- Style Guide To Prototype — Design Iteration In The Browser
- What Should You Know About Content Before You Design?
- Responsive Design: Sensors, Systems, And Actuators
- Goals, Constraints, And Concept In A Redesign
- Workflows In A Responsive World: From Waterfall To Agile
- The Thought Process That Shaped This Design
- Where And How To Set Breakpoints In Media Queries
- Maintaining Image Hierarchy And Aspect Ratio In Responsive Design
- This Redesign Isn’t Finished
- How To Create Simple Shapes With Scalable Vector Graphics (SVG)
- Why And How To Use Icon Fonts
- 3 Types Of Solutions To Work With Responsive Images
- Where Does Advertising Fit In A Responsive World?
- How To Maintain Readable Type In Responsive Design
- Modular And Flexible Content In Responsive Design
- 7 Responsive Navigation Patterns
- 5 Patterns To Rearrange Responsive Layouts
- 12 Designs That Inspire Me To Do Better
- Why Responsive Design?
- Design Critique: La Tapisserie Au Point
- Design Critique: Recipes Next
- Style Guides, Mood Boards, And Style Tiles: 3 Tools To Keep Design Projects On Track
- Design Critique: Josh Dick’s Portfolio Site
- Design Critique: Cantigas
- Design Critique: Barton Web Designs
- Design Critique: Nox Requiem
- How Critiquing Others Can Help Improve Your Designs
- How Do You Manage The Overwhelming Pace of Web Design?
- The Ingredients Of Effective Communication
- Design Advice From Jony Ive
- Does Your Design Follow The Right Story?
- Do You Design In The Browser?
- 9 Ways To Keep Your Creative Juices Flowing
- More Thoughts About Paragraph Styling
- How To Design In An Unknowable Canvas
- Is Design A Machine?
- Is There A Better Way To Style Paragraphs?
- Where Is Web Design Heading In 2012 And Beyond?
- How To Create Visual Tension in Your Designs
- 11 Ways To Add Depth To A Design
- How To Avoid Imitation When Being Inspired
- What Elements Are Necessary In The Design Of A Blog Post?
- How To Achieve Simplicity In Design
- 10 Principles Of Good Design: Dieter Rams
- What Visual Impression Can You Convey In An Instant?
- How To Make Forms More Usable With HTML5
- 26 Development (And Design) Books You Might Enjoy
- Are You Solving Design Problems Or Forcing Solutions On Them?
- How To Add Non-Textual Elements To A Baseline Grid
- 22 Examples Of Different Grid Types On The Web
- Tips For Setting Up A Baseline Grid
- A New Flexible Solution To A Responsive Layout Problem
- How To Design the AIDA Sales Process
- An Attempted Solution To A Real Responsive Layout Problem
- Rearranging Boxes — Why You Should Structure Your HTML To Be Flexible
- Why You Need To Keep Up With New Technologies
- Thoughts About Responsive Design
- Why (And How) You Should Use HTML5 Microdata
- How To Design Headlines and Subheadings
- Keep People On Your Site With A Strong Information Scent
- How To Develop Using HTML5: Demo Part 2
- How To Develop Using HTML5: Demo Part 1
- Understanding HTML5 Content Models
- Learning To Use HTML5 Semantic Elements
- 9 Steps To Improve Your Design Confidence
- Thoughts On Developing A Responsive Design Workflow
- Does Your Audience Care About Design?
- 23 Books About Design You Ought To Read
- Is Content Necessary Prior To Web Design?
- How To Steal Like A Designer And Produce Better Work
- 4 Types of Grids And When Each Works Best
- Anatomy of a Modular Typographic Grid
- How Important Is Semantic HTML?
- How to Use Golden Section Proportions In Your Designs
- Why Minimalism is the Most Important Design Style to Master
- How To Create Designs You Know To Be Good
- 5 Design Decision Making Styles
- Thoughts On Building A Web Design Community
- How A Limited Palette Can Make You A Better Designer
- 3 Representational Models That Affect Usability
- How Design Is The Body Language Of The Web
- What Designers Should Know About Visual Perception and Memory
- 11 Things That Influence Your Designs
- 10 Things You Can Do To Become A Better Web Designer
- Do You Know When To Communicate Verbally And When To Communicate Visually?
- The Two Functions Of Type: Readability And Legibility
- 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern
- Counterpart and Counterpoint in Typographic Hierarchy
- 23 Examples Of Active Space In Web Design and Logos
- Why Craigslist Has A Near Perfect Design…For Craigslist
- Do You Know Why Validating Your Code Is Important?
- Can Productivity And Creativity Coexist?
- The Inverted Pyramid Of Visual Design
- Thoughts on Developing A Design Concept
- 19 Factors That Impact Compositional Balance
- How To Gather Inspiration and Generate Ideas
- How To Activate Space In A Design
- Designing Meaningful Aesthetics
- Are Your Designs Pixel Perfect? – My Design Process
- Should Web Designers Know How To Code?
- How To Design A Sticky Site: Stickiness Part I
- Priming Your Audience To Do What You Want
- How I Structure Site Content
- Are You An Ethical Designer?
- Will Mobile Apps Put You Out Of Work?
- Why You Need Design
- 4 More Principles Of Information Architecture
- 4 Principles of Information Architecture
- Why You’re More Creative Than You Realize
- Contour Bias And The Uncanny Valley: Anthropomorphic Forms Part II
- Building An Emotional Connection With Your Audience: Anthropomorphic Forms Part I
- How To Prevent And Minimize Errors: Part III
- How To Improve Design Usability: Minimizing Errors Part II
- How To Minimize Errors And Create More Usable Websites: Part I
- Thoughts About Redundancy In Web Design
- How To Use Size, Scale, And Proportion In Web Design
- Is Design A Commodity?
- Structures As Patterns and Textures: The Elements Of Design Part IV
- Forms: Surfaces And Planes, Volumes And Mass: The Elements Of Design Part III
- Points, Dots, And Lines: The Elements Of Design Part II
- The Elements Of Design Part I: Introduction
- Visual Grammar: How To Communicate Without Words
- How To Use Space In Design
- Do You Know Why It’s Important To Understand Design Principles?
- Progressive Disclosure: Presenting Information On A Need To Know Basis
- The Framing Effect: Influence Your Audience By Setting The Context
- Are In-Content Links Destroying Our Ability To Think?
- Legibility And Readability In Typographic Design
- Wabi Sabi: Natural Simplicity In Web Design
- Biophilia Effect: Improving Your Designs With Nature
- Symmetry And Asymmetry In Web Design
- What’s The Signal to Noise Ratio Of Your Design?
- Propositional Density: Adding Meaning To Your Designs
- 3 Design Principles To Help Your Audience Remember You
- The Meaning Of Shapes: Developing Visual Grammar
- The Meaning of Lines: Developing A Visual Grammar
- How To Improve Usability With Fitts’ and Hick’s Laws
- How To Organize Information And Improve Your Design
- Desire Lines: Let Your Audience Shape Your Design
- Images Of Faces: What Do They Communicate?
- Cognitive Dissonance: How Contradictory Ideas Affect Design
- How To Use Color To Enhance Your Designs
- Color Theory, The Color Wheel And Color Schemes
- Dominance: Creating Focal Points In Your Design
- Gestalt Principles: How Are Your Designs Perceived?
- Unity In Design: Creating Harmony Between Design Elements
- The 7 Components Of Design
- How To Design An Effective Home Page
- Visual Hierarchy: How Well Does Your Design Communicate?
- What Is A Web Designer Responsible For?
- Web Design Harmony: Concept, Conveyance and Theme
- Microformats: What, How, and Why
- Is Your Web Design Balanced?
- How To Land Your First Few Design Clients
- Whitespace: Less Is More In Web Design
- Do Web Designers Need To Innovate More?
- Does Your Design Flow?
- Cropping Images For Maximum Impact
- Design Basics: Proximity To Know What Belongs With What
- Design Basics: Contrast To Stand Apart And Call Attention
- Design Basics: Repetition To Create Visual Themes
- Design Basics: Alignment To Add Order To Your Design
- Take Your Web Design Skills From Amateur To Professional
- How to Design your Posts to Guarantee they get Read
- Text vs Graphics In Design
- Is Your Website In Harmony With Itself?
- Do Ugly Websites Sell More?
- Choosing Fonts In Web Design
- A Tale Of Two Design Philosophies: Consistency Vs Wow
- Fixed Or Liquid Design
- Content Is King
- Usability And Convention
- Web Design Usability
- Choosing Colors For Your Website
- The Importance of Web Design
- Designing with C.R.A.P.
CSS
- How To Use CSS Custom Properties With Transitions, Transforms, and Animations
- CSS Custom Properties—Dynamic Changes With And Without Javascript
- CSS Custom Properties, Media Queries, And Responsive Design
- How To Use CSS Custom Properties To Write More Readable Code
- How To Define And Use CSS Custom Properties
- CSS Filters To Adjust Brightness, Contrast, Opacity, And Inversion
- 4 CSS Filters For Adjusting Color
- How To Add A Drop Shadow With A CSS Filter
- An Introduction To CSS Filters
- How To Write Your Own Custom Sass Functions
- Loop Through Sass Code Using Control Directives
- Add Conditional Logic To Sass With Control Directives
- Building Better Data Structures With Sass Maps
- Manipulate And Retrieve Data With Sass List Functions
- How To Store Data In Sass Lists
- Manipulating Sass Colors With HSL And Opacity Functions
- Manipulating Sass Colors With Operators And RGB Functions
- Working With Strings In Sass
- Working With Numbers In Sass
- An Introduction To Sass Data Types, Operators, and Functions
- Sass: When To Use @mixin And When To Use @extend
- Sass: The @mixin Directive
- Sass: Placeholders and @extend-Only Selectors
- Sass: The @extend Directive
- Sass: Directory Structures That Help You Maintain Your Code
- Sass: The @import Directive
- Sass: The @media Directive
- Sass: @-Rules and Directives
- How To Use Sass Variables
- The Pros and Cons of Nesting Your Sass Code
- How To Nest Selectors And Properties In Sass
- Introduction to Sass — Part 2
- Introduction to Sass — Part 1
- Why Your HTML And CSS Mastery Are Not Enough
- Why Native CSS Variables Will Be A Good Addition
- CSS Variables — How To Use Custom Properties For Cascading Variables
- REMs And Viewport Measurements — Why You Shouldn’t Use Them Yet
- An Introduction to CSS Custom Filters — Shader Basics
- CSS Filter Primitives — SVG Filters on HTML Elements
- CSS Named Filter Effects — Non-Destructive Effects for Images and Elements
- CSS Clipping and Masking: Examples and Observations
- CSS Clipping and Masking — Show and Hide Parts of Images and Elements with Code
- CSS Grids: Examples and Code for Common Layouts
- The CSS Grid Layout Module — Flexible Structures for Content
- The CSS Regions Module — Control Where Content Flows
- When Can You Use New HTML and CSS in Production?
- The CSS Exclusions Module — Letting Your Content Flow
- The CSS Shapes Module — Breaking Out of the Box
- Thoughts For Better Variable Organization In SASS
- Thoughts On Modular Design: Click Events And Depth Of Applicability
- How To Generate CSS Click Events And Thoughts About Whether You Should
- Can I Still Use Px?
- How Does Auto Positioning Work In CSS?
- How To Work With Transparent Colors And Images In CSS
- How To Add Realism With CSS Box Shadow And Text Shadow
- Classes Vs. IDs And Descendent Selectors [Audio]
- How To Work With Linear, Radial, And Repeating CSS Gradients
- Flexbox Revisited: The New Syntax For Flexible Boxes
- Should You Use Inline-Blocks As A Substitute For Floats?
- How To Vertically Center Unknown Rows Of Content Inside A Fixed Container
- BEM: The Block, Element, Modifier Approach To Decoupling HTML And CSS
- Some Practical Guidelines For Writing CSS
- DRY CSS: Don’t Repeat Your CSS
- Sass And LESS: An Introduction To CSS Preprocessors
- How To Develop Scalable And Maintainable CSS
- How Should You Format Your CSS?
- An Introduction To SMACSS Guidelines For Writing CSS
- The 2 Principles Of Object Oriented CSS
- Why Abstraction Can Improve Your CSS
- Is It Time To Change Our CSS Practices?
- What’s All The Fuss About Vendor Prefixes?
- Design Centric And Layered CSS Files
- Animation With CSS: It’s Easier Than You Think
- CSS3 Transforms: Adding 2D and 3D Effects To Web Pages
- CSS Transitions: A Simple Way To Delight Your Visitors
- How To Add Images To Your CSS Borders
- CSS Borders: The Basics And Rounded Corners
- CSS Background: There’s More To Know Than You Think
- Are CSS Tables Better Than HTML Tables?
- The CSS Display Property — Reintroducing A Familiar Friend
- CSS Selectors: Should You Optimize Them To Perform Better?
- How To Use Structural Pseudo Classes and Pseudo Element Selectors
- How To Use CSS Combinators and Simple Pseudo Class Selectors
- Do You Use These 7 Attribute Selectors In Your CSS?
- Create Columns Easily With The CSS3 Multi-Column Layout Module
- CSS3 Flexible Box Model
- 6 Methods For Vertical Centering With CSS
- How To Use Media Queries For Device Targeting
- How To Create Flexible Images And Media In CSS Layouts
- How To Develop Elastic Grid Layouts In CSS
- 4 Methods For Creating Equal Height Columns In CSS
- 2 Methods For Developing Hybrid CSS Layouts
- 2 And 3 Column Fluid CSS Layouts
- 3 Column CSS Layout: Fixed Width And Centered
- 2 Column CSS Layout: Fixed Width And Centered
- Pros And Cons Of 6 CSS Layout Patterns: Part 2
- Pros And Cons Of 6 CSS Layout Patterns: Part 1
- The Pros And Cons Of CSS Frameworks
- The Pros And Cons Of CSS Resets
- Thoughts On Building A Typographic Stylesheet
- Z-Index And The CSS Stack: Which Element Displays First?
- How Well Do You Understand CSS Positioning?
- CSS Backgrounds: 12 Solutions To Common Questions
- Understanding CSS Floats
- Cross Browser Web Development
- CSS vs Tables: The Debate That Won’t Die
- Visibility vs Display in CSS
- How To Create Stylish Navigation Buttons With CSS
- Understanding Style Precedence in CSS: Specificity, Inheritance, and the Cascade
- How To Organize CSS Files?
- CSS Q&A 1: Answers To Your CSS Questions
- CSS Q&A
- 100 Free CSS Resources
- CSS As Art: The CSS House
- Using Conditional Comments to Fix IE Bugs
- Creating Shapes With CSS Borders
- Centering With CSS: Web Pages And Block Level Elements
- My Development With CSS
- 5 Tips To Improved CSS
- Simple Navigation Bar With CSS And (x)HTML
- Simple Menus With (x)HTML Lists And CSS
- CSS Layout Or Table Layout
- 3 Column CSS Layout
- 2 Column CSS Layout
- The Benefits Of Cascading Style Sheets
Freelance
- Establishing Stability In 2021 After A Chaotic 2020
- My Goals For 2020—This Object In Motion Wants To Keep Moving
- 2019 Goals Review—An Unexpected Change Of Plans Taught Me A Lot
- Thoughts On Closing My Freelance Business
- Sometimes Productivity Means Working On Other Things
- My Goals for 2019—I Must Be Crazy To Think I Can Do This Much In One Year
- 2018 Goals Review—A Surprisingly Productive Year
- Think Longer Term to Be More Productive With Creative Work
- How I Manage My Creative Projects and Tasks
- How To Productively Manage Your Creative Work
- Can Creative Work Be Managed By A Productivity System?
- My Return to Productivity—The 3 Keys To Being Productive
- My Productivity Gone Awry
- My Goals for 2018—Let’s Get Those Priorities In Order
- 2017 Goals Review—Looking Back On The Year That Was
- My Goals For 2017—It’s All About Creating Assets
- Grading My 2016 Goals—Even A Curve Won’t Help This Year
- My Goals for 2016 — Reworking My Business Model
- Grading My 2015 Goals — I Passed Thanks To The Curve
- How To Make Creativity and Productivity Play Well Together
- Why Your Creativity Insists You Break Out Of Your Routines
- Be More Productive Using Routines as Automation
- Why Your Creativity Wants You To Waste More Of Your Time
- Work Smarter — Be More Productive With Your Time
- Why Your Freelance Web Design Clients No Longer Need You And What You Can Do About It
- Schedule Your Work Over Longer Time Frames To Get More Done
- When Expectations Lead To Complaints About Your Price
- My Transition From Services To Informational Products
- Adding Value To Your Freelance Business Through Scarcity
- Adding Value To Your Freelance Business Through Scale
- The Lesson Of The Smiling Curve—How To Add Value To Your Freelance Design Business
- The Shrinking Market For Freelance Web Design Services
- My 2015 Goals—In the Middle Of A Transition
- My 2014 Goals—Always Keep Your Hands Busy
- How To Fit Creative Work Into A Productivity System Like Getting Things Done (GTD)
- How I Use Things To Set Up A GTD Workflow
- The Difficulty Including Creative Work in Productivity Systems Like Getting Things Done (GTD)
- Getting Things Done (GTD)—An Overview Of The System
- The Importance Of Focus And The Difficulty Achieving It
- The Good And Bad Of Minimum Viable Products
- Which Revenue Model Should You Use For Your Business?
- Do Your Products And Services Help To Sell Themselves
- How To Make Your Client’s Budget Work For You
- Why Freelance Web Designers Need To Adjust To A Changing Market For Their Services
- Working From Home
- Is Your Best Work For Yourself Or For Your Clients?
- Increase Your Productivity With A Weekly Review
- Choosing Context — Knowing Which Advice To Apply
- My Design Process — Communicating And Collaborating With Clients
- How Do You Define Success?
- Design as Commodity — Sometimes Good Enough Is Good Enough
- My 2014 Goals — A Continuation Of Journey Started In 2013
- My 2013 Goals — An Unexpectedly Successful Year
- There Are Only 3 Things You Absolutely Must Have
- How To Price Freelance Services — Improving Cash Flow
- How To Price Freelance Services — Reducing Your Costs
- How To Price Freelance Services — What Should You Charge?
- How To Price Freelance Services — Understanding Your Costs
- Finding the Balance Between Craft and Automation
- Why A Sense Of Purpose Motivates Better Work
- How To Recognize When An Opportunity Is Right For You
- Procrastinate Your Way To A Successful Business
- How We Limit Our Chances For Success, And How We Can Stop
- How Do You Find Your Passion?
- What I Want To Achieve In 2013
- 2012 Was A Reasonably Successful Year
- Why Following Your Passion Is The Best Path To Success
- Is It Smarter To Focus On Your Strengths Or Your Weaknesses?
- Why Quality Impacts Your Bottom Line
- Advice For Starting A Successful Freelance Business
- My Goals for 2012
- Why 2011 Was A Complete Failure (And A Complete Success)
- 8 Tips To Work With Better Freelance Clients
- 5 Questions Your Freelance Business Needs To Answer
- 7 Tips For Freelance Success That I Didn’t Follow
- My Taoist Approach To Freelance Business
- Do You Know How You Limit Your Success
- Do You Know Why It’s Important To Collect A Deposit For Design Work?
- How Your Brand Chooses Your Clients
- How To Differentiate Your Freelance Design Business
- How To Scale Your Freelance Business
- Tips For Growing Your Freelance Business
- Thoughts On Starting A Freelance Business
- Do You Have Goals For Your Business? Part II
- Do You Have Goals For Your Business? Part I
- Earn More By Becoming An Efficient Web Designer
- 8 Tips For Getting Information From Clients
- Late Night Creativity And Freeing Inhibitions As A Step Towards Success
- What Baseball Can Teach You About Business
- Are You Sure You Own Your Domain?
- Is It Time To Re-evaluate Your Business?
- The Importance Of Understanding Cultural Differences
- Every Failure Takes You One Step Closer To Success
- Do You Compete On Price Or Value?
- Need Money? Now You Can Beg For It
- Building Trust Through Transparency
- The 5 Step Sales Process Online
Blogging
- What To Do When You Fall Out Of Love With Your Creativity
- Why I Always Have Ideas and How You Can Have Them Too
- Podcasting Without A Net
- Change for the Sake of Change
- Multipurposing — Get More Done Without Doing More Work
- Take A Step Toward Growth By Leaving Your Comfort Zone
- The Space Between 140 Characters And 3,000 Words
- Does The Language You Use Reveal Or Alter Your Thinking?
- It’s Time To Take This Blog In A Different Direction
- Is RSS Still A Useful Way To Keep Up With Technology?
- 7 Reasons For Why I Blog
- Simple Steps To Visually Increase Interest In Your Blog Posts
- How To Turn Your Rough Draft Into A Finished Blog Post
- Thoughts On Writing A Draft For A Blog Post
- 3 Ways To Fill The Blank Page And Overcome Writer’s Block
- How To Generate Ideas And Feed Your Blog For The Long Haul
- An Introduction To A Process For More Productive Blogging
- Thoughts On Using Copyrighted Images
- How To Use Categories And Tags To Organize Your Content
- 8 Questions You Should Answer To Have A Successful Blog
- 8 Things I Learned Working On A Book
- Thoughts On Grammar And Communication
- How Blogging Makes You A Better Designer
- Why Posting Less Can Improve Your Blog
- How To Write Better Blog Posts
- Walking A Path Toward Heightened Creativity
- Spontaneous Blogging From Within The Factory
- Efficient Writing Through Assembly Line Blogging
- How To Improve The ROI Of Your Guest Posts
- Your Content On Another Blog May Be The Key To Your Success
- Grow Your Blog By Giving Away Your Content
- Picture Frames, Bank Accounts, and Your Blog
- Do You Have A Blogging Mentor?
- Blog Critique: Jack Robinson’s Blog On College Cram
- Blog Critique: Rudy’s Blog On College Cram
- What M*A*S*H Can Teach You About Blogging
- The Secret To More Subscribers: Go Back To High School
- How Critiquing A Blog Can Improve Your Writing
- 5 Step Process To Consistently Improve Your Blog
- Can Your Personal Blog Hurt Your Career?
- Borrowing Innovation And Thinking Laterally
- Improve Your Writing With A Simple Exercise
- Safe Is Not Remarkable
- What Makes Your Blog Remarkable?
- 3 Tips To Improve Your Blog
- Why I Read These 9 Magazines
- Why I Blog
- Improve Your Writing With An Active Voice
- 5 Things You Didn’t Know About Steven Bradley
- What Is The Sound Of Your Blogging Voice?
- Where Do Blogging Ideas Come From?
- How Important Is Proper Grammar And Word Usage To Effective Communication?
Whatever
- Happy Thanksgiving—Window Displays, MOMA, and Central Park Images
- Happy Thanksgiving—Images Of My Walk Through Manhattan
- Happy Thanksgiving From An Overcast Day New York City
- Apple AirPods Review
- How You Can Gain Confidence And Trust Your Ideas
- Observation Is The Key To Finding Inspiration
- How And Where To Find Inspiration And New Ideas
- Happy Thanksgiving From Manhattan’s High Line
- Happy Thanksgiving — Holiday Images Of New York
- Cycles of Inspiration — How To Regain Passion For Your Work
- Build A Process That Works For You By Stealing From Others
- Expand Beyond Your Limits — How Podcasting Makes Me A Better Writer
- How You Can Recognize Good Ideas And Shape Them Into Something More
- Learning Is More Than Where You Get An Education
- Happy Thanksgiving—Don’t Take Things For Granted
- It’s Not My Fault—Taking Responsibility For Yourself
- Make Mistakes—The Importance Of Failure
- If You Think You Can…
- How Good Habits Become Craft And How You Can Use Them To Create A Better You
- Creativity Is In The Journey
- One Thing You Should Do To Improve Your Confidence
- This I Believe — Principles And Values That Guide Me
- Happy Thanksgiving — Images, Art, And Lego In New York
- How Do You Prepare For Inevitable Change?
- The Art of Problem Solving and Learning from Your Effort
- Learning Through Exercise — The Bridge Between Theory And Real World Practice
- Book Review — Subliminal: How Your Unconscious Mind Rules Your Behavior
- Happy Thanksgiving — Normalcy In New York
- Is It Better To Be A Generalist Or A Specialist?
- Design And Tech Podcasts I Enjoy
- 27 Pictures Of New York: My Thought Process For Composing Images
- The Value of Theoretical And Practical Knowledge
- 30 iPhone Images of New York: Happy Thanksgiving
- Why I’m Keeping My New MacBook Air
- My New MacBook Air
- 30 Images Of New York: Happy Thanksgiving!
- Happy Thanksgiving!
SEO
- What Does Google’s Page Layout Algorithm Mean For Web Designers?
- My Holiday Traffic Blues
- 4 Steps For Designers To Build A Solid SEO Foundation
- The Value Of Links: Part II
- How To Determine The Value Of A Link: Part I
- Common Sense Guide To Link Building
- Why Patience Is Often The Best SEO Strategy
- How To Help Search Engines Understand Your Content
- How To Help Search Engines Find Your Content
- Bogus Referrer Stats In Google Analytics
- The Year in Review: 2007 Stats
- Should SEOs Work For Commission?
- Link Building Opportunities Are Everywhere If You’re Paying Attention
- Do You Really Need Search Traffic?
- Why Coding Is The Most Important SEO Skill
- What Do You Think Is The Most Important SEO Skill?
- The Year In Review: 2006 Stats
- Signs Of A Quality Link
- Using Keyword Themes To Structure Your Site Content
- SEO Basics Tutorial: Summary And Thoughts
- Tips For Getting Backlinks
- Link Building
- On Page SEO
- Site Building For SEO
- Keyword Discovery and Keyword Selection
- SEO Basics Tutorial
- 301 Redirects For Improved SEO
Vanseo News
- Announcing 3 New Books On Web Design And Development
- The Only Constant Is Change
- Taking A Break
- Welcome To iTunes
- The Year To Come: Looking Ahead To 2011
- The Year That Was: Looking Back At 2010
- Other Sites Where I’ve Posted Recently
- Van SEO Design News: Update On Site Move
- Van SEO Design News: Hosting Issues And Moving Again
- Looking Back At 2008 And Ahead To 2009 – Part II
- Looking Back At 2008 And Ahead To 2009 – Part I
- The Months that Weren’t
- Who’s Up For Guest Posting?
- Why Moving To A New Domain Makes Sense
- Welcome to Van SEO Design
- Update On Domain Move
- Moving To A New Domain In A Few Days
- A Short Break
- Looking Ahead In 2008
- Computer Problems
- Happy Thanksgiving
- Introducing van SEO design
Marketing
- How Tell A Story Through Design: Stickiness Part VI
- The Power Of Emotion To Make People Act: Stickiness Part V
- How To Build A Credible Site: Stickiness Part IV
- How To Communicate Ideas That Are Understood: Stickiness Part III
- How To Attract Attention To Your Ideas: Stickiness Part II
- Why You Need A Content Strategy And How You Can Create One
- The Perception Of Value And The Decision To Buy
- Practicing Good Customer Service Is The Best Way To Market It