🔗 Catalog of Refactoring and Design Patterns

Catalog of Refactoring Refactoring.Guru makes it easy for you to discover everything you need to know about refactoring, design patterns, SOLID principles, and other smart programming topics. See also: The Catalog of Refactoring The Catalog of Design Patterns

May 5, 2024 · 1 min · 38 words

🔗 Site Structure

Site Structure | Web Style Guide 3 The success of the organization of your web site will be determined largely by how well your site’s information architecture matches your users’ expectations. A logical, consistently named site organization allows users to make successful predictions about where to find things. Figure 3.2 — Examples of the “Goldilocks problem” in getting the site structure “just right.” Too shallow a structure (left) forces menus to become too long....

August 15, 2023 · 1 min · 188 words

🔗 The 5 Basic Principles Of Design – Maddison Designs

Good design, much like anything, starts with understanding the basics. Applying the following design principles will help you avoid design disasters and allow you to communicate your key theme. You’ll find that it’s rare to see only one principle being used at a time as they all work in conjunction with each other. Alignment Repetition Contrast Proximity Balance Source: The 5 Basic Principles Of Design – Maddison Designs

October 8, 2015 · 1 min · 68 words

🏞 The Writing Process

{width=“598” height=“337” srcset=“tumblr_nk2ojojvBA1qz82meo1_1280.jpg 598w, tumblr_nk2ojojvBA1qz82meo1_1280-300x169.jpg 300w” sizes="(max-width: 598px) 100vw, 598px"} Nice illustration of the writing process, or any other creative/development endeavor, for that matter. Original Tweet: I love this illustration of this writing process. From Nicely Said book. pic.twitter.com/w5ccIVsrNX — ★ Sean Johnson (@seanuk) February 20, 2015 TODO: Link to the book source?

February 20, 2015 · 1 min · 53 words

🔗 7 Rules for Creating Gorgeous UI

7 Rules for Creating Gorgeous UI The Rules: Light comes from the sky Black and white first Double your whitespace Learn the methods of overlaying text on images (see Part 2 ) Make text pop— and un-pop (see Part 2 ) Only use good fonts (see Part 2 ) Steal like an artist (see Part 2 )

January 2, 2015 · 1 min · 57 words

🏞 HSL Color

With practice, this new mental map of color will become instinctive: you’ll likely find that it is much easier to create and manipulate color specified in HSL in your stylesheet code than hex or RGB. See also Three Ways You Should Be Using HSL Color In Your Site Today.

January 2, 2015 · 1 min · 49 words

🏞 (image)

(via iPhone 6 Screens Demystified | PaintCode ) See also The Curious Case of iPhone 6+ 1080p Display

September 11, 2014 · 1 min · 18 words

🏞 (image)

Not all technical debt is born the same, because A Mess is not a Technical Debt . (via TechnicalDebtQuadrant )

August 16, 2014 · 1 min · 20 words

🔗 Foundation | The Most Advanced Responsive Front-end Framework from ZURB

Foundation | The Most Advanced Responsive Front-end Framework from ZURB Responsive design gets a whole lot faster for users. It’s now crazy fast for designers and engineers to code and learn too.

August 15, 2014 · 1 min · 32 words

🏞 (image)

The way to mitigate these unintended effects is to replace Personas with models that enable cohesive stories. These models are called Characters . What would make sense for the brain is a believable story which explains that purchase. This is what we can use Characters for. A Character is someone who: Has anxieties & motivations. Experiences purchase-progress events. Encounters purchase-progress situations. (via Replacing Personas With Characters — Medium )

August 13, 2014 · 1 min · 69 words

🏞 (image)

Size templates for Twitter images. (via Baixe modelos de imagens para o Twitter )

July 28, 2014 · 1 min · 14 words

🏞 (image)

“UI design starts with words.” (via How Do You Design Interaction? | Smashing Magazine )

July 28, 2014 · 1 min · 15 words

🏞 (image)

(via Copa do Mundo e sua relação com Design. | Leandro Soler )

June 25, 2014 · 1 min · 13 words

🏞 (image)

(via Logo da copa do Mundo no Brasil em 2014. Como e quando foi criado. | Matutando )

June 25, 2014 · 1 min · 18 words

🔗 Codrops

Codrops Tutorials In this section you will find in-depth how-tos involving common web development and web design techniques. Playground In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and inspiration for solving problems and tackling challenges around web development. Blueprints The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration....

April 12, 2014 · 1 min · 80 words
Examples of a sketch, wireframe and mockup, side by side

💭 UI/UX design artefacts

Compare and contrast different design artefacts (sketch, wireframe, mockup, and prototype) in terms of their fidelity, speed, cost and use cases.

March 27, 2014 · 1 min · 134 words

🏞 (image)

(via Why It’s Important to Sketch Before You Wireframe – UX Movement ) Where by “Code” you should really read “Prototype”.

March 27, 2014 · 1 min · 21 words

🏞 (image)

uxdtoday: “When you don’t consider UX /UI in design: These pencils were withdrawn from US schools” – @raju

March 26, 2014 · 1 min · 18 words

🏞 (image)

userexperiencehub: Design Process Diagram by Todd Warfel

March 18, 2014 · 1 min · 7 words

🏞 (image)

At Realmac we went this route with Ember, but we built in a slight twist. We try and guide the customer so they can get help or make a feature request rather than leaving a review on the App Store that we can’t respond to. If they are unhappy or confused we want to know about it and help them, if they are happy they can let us know and perhaps more importantly leave a review....

March 16, 2014 · 1 min · 85 words