Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged design-patterns

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Laura Reed

Dark Patterns - User Interfaces Designed to Trick People - 4 views

darkpatterns.org

web development dark patterns web developer webdesign responsive design ux anti-patterns

shared by Laura Reed on 31 Jul 16 - Cached
  • Laura Reed on 31 Jul 16
     
    "A Dark Pattern is a user interface that has been carefully crafted to trick users into doing things, such as buying insurance with their purchase or signing up for recurring bills. Normally when you think of "bad design", you think of the creator as being sloppy or lazy but with no ill intent. This type of bad design is known as a "UI anti-pattern". Dark Patterns are different - they are not mistakes, they are carefully crafted with a solid understanding of human psychology, and they do not have the user's interests in mind. We as designers, founders, UX & UI professionals and creators need to take a stance against Dark Patterns."
  • anonymous on 26 Oct 18
Laura Reed

Responsive Web Design Patterns | This Is Responsive - 0 views

bradfrost.github.io/...patterns.html

web development developing web developer responsive webdesign responsive design

shared by Laura Reed on 22 Jul 16 - Cached
  • Laura Reed on 22 Jul 16
     
    "Responsive Patterns A collection of patterns and modules for responsive designs."
  • Laura Reed on 22 Jul 16
     
    "Responsive Patterns A collection of patterns and modules for responsive designs."
  • anonymous on 26 Oct 18
htmlslicemate.com

Design Patterns in WordPress: We're Just Getting Started - 0 views

wp.tutsplus.com/...ress-were-just-getting-started

design webdesign website web design

shared by htmlslicemate.com on 31 May 13 - No Cached
  • htmlslicemate.com on 31 May 13
     
    The thing about design patterns is that there is a wide variety of them and it would be near impossible to do justice to each of the patterns in a series here on the blog. Nonetheless, hopefully taking a look at these three have helped kickstart your interest in using design patterns in your work.
Whizark on Diigo

whizark/php-patterns - 0 views

github.com/php-patterns

php designpattern

shared by Whizark on Diigo on 04 Jul 13 - No Cached
  • Whizark on Diigo on 04 Jul 13
     
    "A PHP 5.4+ pattern collection that covers design patterns, anti-patterns, closure patterns, refactoring patterns."
Vernon Fowler

A design process revealed | stopdesign - 1 views

stopdesign.com/...design-process.html

NED12 design process webdesign css

shared by Vernon Fowler on 09 Sep 12 - Cached
  • I began by studying the content (text) of the existing page, making a model in my head of the document flow and hierarchy. I aggregated the sections of the page into logical groupings and assigned each a priority. I also spent time thinking about the purpose of the project, along with the ideas and concepts Dave Shea was trying to communicate when he created the Garden space and opened it up for other designers to contribute.
  • Showing off advanced CSS trickery is not the goal of this project. Instead, it attempts to demonstrate the beauty and flexibility achievable when designers grasp all the potential of CSS, using it as a tool to create a well-designed aesthetically-pleasing page which remains accessible, well-structured, and efficiently coded.
  • My Garden lists contained groupings of words and thoughts related to gardening, plants and flowers found in a garden, zen-like qualities, beauty and beautiful things, and characteristics of page design. I also created lists of all the elements, IDs, and classes used in Dave’s HTML, some of which made subtle appearances in the final design.
  • ...11 more annotations...
  • Once I exhausted the idea branching, I started drawing thumbnail sketches
  • Once I had a few rough compositions I liked, I began studying typefaces and letterforms.
  • In addition to my affinity for the letterforms, the pronounced medieval style of the headline type created a perfect contrast with the sans-serif modernity of supporting keywords and titles which I set in Helvetica.
  • My next step in the process was to research imagery which could be used as the foundation for background texture, and act as supporting visual content.
  • I tend to keep imagery confined to a particular region of the layout, or reserve it for a specific purpose. In my opinion, the overuse of photography or illustration can quickly create a crowded, chaotic design which just obscures the intention or message of the piece. Contrast is an element of design which I love to work with when creating anything visual. This comes just as much into play with use of imagery in a composition as it does within the image itself. Effectively integrating imagery into a design requires an awareness of balance and tension. Compact areas of motion and activity, countered with spaces for the eye to rest and relax.
  • When designing outside HTML and CSS, I focus on constructing the language and guidelines of the page, determining proportions, widths and heights, gutters and white space, specifying complementing typefaces, choosing relative type size and leading, and the application of color as a means of both obvious and subtle accent.
  • I started writing the CSS for the design at a high-level, focusing on the layout structure, major backgrounds, and large regions of the page.
  • Groups of elements were positioned in correct locations. Then I applied the necessary detail to each element, from the top of the page, down.
  • The addition of a background pattern to the left and right of the primary image was an added benefit of discovering I couldn’t position the header as I originally intended.
  • The vertical alignment wasn’t refined until after each column was already positioned on the page.
  • This unity of thought at the final stage of the process is a strong reason the designer and person responsible for generating the HTML and/or CSS need should be working together as closely as possible, if the two are not already the same person.
Vernon Fowler

A List Apart: Articles: Design Patterns: Faceted Navigation - 0 views

www.alistapart.com/...gn-patterns-faceted-navigation

navigation search faceted design usability patterns UI webdesign

shared by Vernon Fowler on 11 Aug 11 - Cached
  • Vernon Fowler on 11 Aug 11
     
    Faceted navigation addresses the universal need to narrow. Consequently, this pattern has become nearly ubiquitous in e-commerce, given the availability of structured metadata and the clear business value of improving product findability. Faceted navigation is being deployed rapidly across an impressively wide variety of contexts and platforms. In the world of search, faceted navigation is everywhere.
Saurabh Mehta

Ultimate 2015 Web Design Trends Guide (+Predictions) | JUST™ Creative - 0 views

justcreative.com/...design-trends-predictions-2015

Web Design Web Development web Web Design Trends

shared by Saurabh Mehta on 08 Oct 15 - No Cached
  • Saurabh Mehta on 08 Oct 15
     
    The top best 2015 web design trends & predictions guide that will shape how web designers work throughout the year. New technologies, practices & patterns!
dennisvdb

Learning JavaScript Design Patterns - 0 views

addyosmani.com/...book

programming javascript patterns tutorials book

shared by dennisvdb on 04 Jun 19 - No Cached
  • dennisvdb on 04 Jun 19
     
    "Learning JavaScript Design Patterns"
alecanderpotter

10 Website Development Trends That Will Shape The Future of The IT Industry in 2018 - F... - 0 views

medium.com/...-industry-in-2018-a0daf716b150

Offshore web development company Software Development Company Mobile application development E-commerce development company Android application development company iPhone app development company Responsive website design company Wordpress development comp

shared by alecanderpotter on 05 Mar 18 - No Cached
  • alecanderpotter on 05 Mar 18
     
    We are living in the 21st century and it is a period of innovation and developments. The same applies to the IT business where in case you're working in a Web Design Agency, however, you're not mindful of the most recent advances that are in the market, you will toss out of the market within the near future. Similarly as with consistently, this year Additionally, the new pattern will rise into the market and that engineer or fashioner who knows about the most recent patterns ahead of time will surge ahead. Hire web developer at https://goo.gl/X2PT4g Read more at https://goo.gl/6kntHA
Redesign Unit

Benefits of a Web Site Re Resign, Website Re Design - 0 views

websitesredesign.wordpress.com/...te-re-resign-website-re-design

Web Re Design reading left or down from there in an "F" "Z" pattern. By organizing your webpage material accordingly you can make certain aspects of site more prominent.

shared by Redesign Unit on 27 Jul 10 - Cached
  • Redesign Unit on 27 Jul 10
     
    Web Site Re Design reading left or down from there in an "F" or "Z" pattern. By organizing your webpage material accordingly, you can make certain aspects of your site more prominent.
Vernon Fowler

LukeW | Multi-Device Layout Patterns - 1 views

www.lukew.com/entry.asp

responsive design patterns mobile webdesign layout responsive design UX

shared by Vernon Fowler on 13 Mar 13 - No Cached
  • The general idea behind the Off Canvas pattern is that on small screens, additional elements are a click away, and as screen size expands, they become visible until no clicks are required to access these components.
  • The Off Canvas pattern is a interesting one for me because it doesn't force people to scroll long pages of content and navigation on small screens.1 Instead sections can be separated, labeled, and accessed when needed.
awqi zar

ava7 patterns /// 967 free seamless background patterns - 1 views

patterns.ava7.com

patterns webdesign design resources backgrounds graphics textures ava7

shared by awqi zar on 18 Jan 09 - Cached
  • anonymous on 25 Sep 13
     
    Like this http://cheaptravelbooker.com Like this http://cheaptravelbooker.com like this http://killdo.de.gg travel,hotel,fun,hotel new,new offer,hotel best,best hotel,hotel travel,seo,backlinks,edu,gov,ads,indexing,bookmark,killgoggle,gogglesuck,goggle bookmark,kill goggle,yahoo,bing,indexing,quality links,linkwell,traffic boster,index best
Vernon Fowler

Accordion Pattern - Design Pattern Library - YDN - 2 views

developer.yahoo.com/...accordion.html

accordion pattern library design webdesign web design

shared by Vernon Fowler on 29 Oct 14 - No Cached
  • Have the most important panel open by default
  • Accordions may be configured to require that there is always a single panel open or to allow for more flexible possibilities (all panels closed, multiple panels open). Some practitioners consider it a best practice to permit only one panel to be open at a time, but others disagree.
  • For keyboard users an accordion usually ends up behaving either as a tree view or as a tab view.
  • ...2 more annotations...
  • An accordion should degrade into something useful when Javacript is off, perhaps opening all panels.
  • Display none shouldn’t be used as this might hide the content from a screen reader. Instead consider setting a height of 0.
Sova Infotech

Strategies to Maintain the Design Pattern of a Website - 0 views

ezinearticles.com/?Strategies-to-Maintain-the-Design-Pattern-of-a-Website&id=9112688

website design

shared by Sova Infotech on 29 Jul 15 - No Cached
  • Sova Infotech on 29 Jul 15
     
    You shall be catered your destination of business growth by an effective medium of website. A captivating image is useful enough in a website to capture customer's attention towards the provided products. Design acts as an impartial role to motivate the online visitor's mind and a website needs very unique look to grab the visitors' attention.
Moses Aaron

Mobile Devices & Responsive Design Patterns - Play Significant Role in Your Business - 0 views

mobiletechforce.blogspot.in/...devices-responsive-design.html

Mobile Website design

shared by Moses Aaron on 01 Dec 14 - No Cached
  • Moses Aaron on 01 Dec 14
     
    When it comes to any kind of website development, responsive web design becomes a must to adopt thing as it is an essential step for all the businesses. If you wanted to maintain a great experience for your high-end users, you need to understand the importance of a responsive web design as it plays a crucial role in running your business successfully.
awqi zar

Open Source Design Pattern Library - 18 views

www.uidesignpatterns.org

design patterns usability pattern opensource webdesign ux freeware

shared by awqi zar on 14 Dec 10 - Cached
  • anderseninc on 06 Sep 22
     
    Andersen is a leading provider of custom financial services. We provide a wide range of services to meet the needs of our clients, and our team of experts are dedicated to providing the highest quality of service. Contact us today to learn more about how we can help you achieve your financial goals. https://andersenlab.com/industries/financial-services
sumudra printers

web development and visual consistency - 0 views

sumudrabtech.blogspot.in/...nt-and-visual-consistency.html

web development services in Hyderabad

shared by sumudra printers on 14 Mar 13 - No Cached
  • sumudra printers on 14 Mar 13
     
    When planning a website it is ideal to ensure that the website is built around usability. No matter whether it is the website layout, colors schema of the website, the pattern and other design used pep up site's design.
1 - 20 of 44 Next › Last »
Showing 20▼ items per page