24 ways: Make Your Mockup in Markup - The Diigo Meta page

• 23 Feb 15
  

  alexbea

  web design development

• 22 Jul 13
  

  Vince Aggrippino

• 15 Nov 12
  

  Jasmala K

  webdesign Megan Fisher

• 23 Sep 12
  

  Ashlie Williams
• 30 May 12
  

  Juha Franssila

  webdesign design css mockup

• 24 May 12
  

  William Wright

  webdesign design mockup web html webdev css

• 12 May 12
  

  moonflowerdragon

  Impressive site design, this specific article on ditching Photoshop and the beauty of producing prototypes from the content up rather than design down.

  webdesign_favourites webdesign_samples webdesign

• 07 May 12
  

  Hope Kay

  mockup html

• 06 May 12
  

  Rana Chakrabarti

  prototyping on the browser

• 10 Apr 12
  

  Alejandro Romero

  via Read it Later

  ifttt readitlater

• 14 Mar 12
  

  Thierry Henrio

  design html

• 05 Mar 12
  

  Ady Gould

  I used to think the best place to design a website was in an image editor. I’d create a pixel-perfect PSD filled with generic content, send it off to the client, go through several rounds of revisions, and eventually create the markup. Does this process sound familiar? You’re not alone. In a very scientific and official survey I conducted, close to 90% of respondents said they design in Photoshop before the browser.

  webdesign design css #delicious

• 13 Feb 12
  

  anthony hartnell

  mockup wireframe wordpress web design 960

• 03 Jan 12
  

  Matteo Menapace

  We aren’t designing copies of web pages, we’re designing web pages.
  Creating a pixel-perfect PSD copy of a webpage filled with generic content is a flawed process, for you and your clients: you fail to see the complexity of interactions and behaviours wi

  mockup html tutorial photoshop css3 webdesign

• 14 Dec 11
  

  thomascsolomon
• 09 Nov 11
  

  Håkan Silfvernagel

  mockup in markup

• 07 Nov 11
  

  Tips on web design. How to design a web page layout.

  webdesign

  • Using CSS3’s text-shadow on headlines and box-shadow on content modules is another quick way to add depth.
  • Work in imagery and texture, using PNGs with an alpha channel so you can layer images and still tweak the color later on.
  • The design with grungy textures, a noisy diagonal stripe pattern, and some old transportation images layered behind the text. Because the colors are rendered using RGBA, these images bleed through the content, giving the design a layered feel.
  • The mockup with rounded corners, created using border-radius. If you’re not sure how to implement border-radius, check out CSS3.info‘s quick how-to.
  • if you’ve done your mockup in markup with RGBA and semi-transparent PNGs, making changes to your color is as easy as updating the body background and a few font colors.
  • The design won’t be broken for IE people, they’re just missing out on a few visual treats that other users will see.

  4 more annotations...

• 25 Oct 11
  

  Brandon Blank

  Designing in the browser.

  webdesign css design mockup web

• 04 Oct 11
  

  Marcos Frutos

  los pasos para hacer el mockup directo en el navegador. Chau photoshop.

  webdesign

• 02 Oct 11
  

  Greg Linch

  Make your mockup in markup: http://t.co/eVfMX7Oc #sndstl

  sndstl twitterfavorite

• 01 Oct 11
  

  Alessandro Astarita

  Yes, yes, a million times yes: http://24ways.org/2009/make-your-mockup-in-markup

• 

  css html

• 29 Sep 11
  

  mario64

  mockup in markup, forget photoshop

  mockup webdesign 24ways

• 28 Sep 11
  

  movingahead

  24ways mockup webdesign css3 delicious

• 27 Sep 11
  

  dave treagust

  webdesign tutorial development design css blogs _blogs

• 

  maber38

  design mockup prototyping

• 26 Sep 11
  

  Stu Congdon

  webdesign css design mockup

• 01 Sep 11
  

  Miguel Angel Luis

  Mockup usando html y css en lugar de photoshop

  webdesign css3 mockup browser html

• 08 Aug 11
  

  Rachel Murray

  mockups prototyping

• 18 Jul 11
  

  Emile Holmewood

  Mocking up in browsers as opposed to photoshop

  webdesign css

• 15 Jul 11
  

  Kyle Murley

  webdesign

• 08 Jul 11
  

  Spread Over

  webdesign mockup prototyping

• 23 Jun 11
  

  Randy Burgess

  Slammer

  graphic design

• 16 Jun 11
  

  jimheru

  webdesign css design

• 05 May 11
  

  Tim Robb

  webdesign

• 19 Apr 11
  

  djlittle

  webdesign css

• 

  kidbombay
• 11 Apr 11
  

  Kashif Aziz

  mockup UI

• 04 Apr 11
  

  Michael Whiteside

  webdesign Web_Tools photoshop css

• 31 Mar 11
  

  Sean Biehle

  Great post by Meagan Fisher. "Recently, thanks in large part to the influence of design hero Dan Cederholm, I’ve come to the conclusion that a website’s design should begin where it’s going to live: in the browser."

  cd webdesign markup photoshop

• 19 Mar 11
  

  Elle H
• 21 Jan 11
  

  Syl Aube

  webdesign mockup css photoshop design-in-the-browser source:delicious

• 20 Jan 11
  

  Kati Davis

  css webdesign grid

• 24 Dec 10
  

  Yann LECHEVALLIER

  wireframe

• 21 Dec 10
  

  Francois Lamotte

  webdesign css design html web mockups markup

• 19 Dec 10
  

  Nikola Obradovic

  webdesign mockup

• 30 Nov 10
  

  carol_guilherme

  design tutorials webdesign mockup

• 28 Nov 10
  

  andreys
• 

  Dennis Becton

  webdev:design-techniques

• 

  Daniel Ionescu

  css webdesign design mockup

• 

  John Louis Del Rosario

  web design html css tutorials articles

• 

  Milton Diaz

  creative css design howto photoshop webdesign

• 27 Nov 10
  

  Talat Fakhri

  webdesign

• 

  Abdul Qabiz

  markup mockup html mockups prototyping tutorial webdesign

• 25 Nov 10
  

  Dany S.

  webdesign css design web2.0 web

• 23 Nov 10
  

  Anselm Christophersen

  webdesign delicious_import

• 20 Nov 10
  

  Lay the groundwork for your markup order, and ensure that your design will be useable with styles and images turned off. This is great for prioritizing the content, and puts you on the right path for accessibility and search engine optimization.

  WebDesign

• 15 Nov 10
  

  stevelamo

  webdesign mockup

• 03 Nov 10
  

  Viktor Szűcs

  webdesign design photoshop fireworks

• 01 Nov 10
  

  nadassor

  css design web tutorials

• 31 Oct 10
  

  kamyar

  webdesign css

• 29 Oct 10
  

  thedevshow 5by5

  webdesign episode7 mockup web

• 

  Bertrand Cachet

  mn webdesign mockup

• 19 Oct 10
  

• 12 Oct 10
  

  Dominik eS

  webdesign design

• 07 Oct 10
  

  Tonda Bone

  24Ways Meagan Fisher css3 css webdesign mockup design webdev html

• 

  Olivier Ffrench

  css design development html prototyping webdesign

• 06 Oct 10
  

  Indra Schlachter

  Beschreibung, wie man ein Mockup direkt im Browser macht.

  my-library webdesign mockup html css design

• 30 Sep 10
  

  jlewsader

  Web_Dev

• 26 Sep 10
  

  pau g
  • Content precedes design. Design in the absence of content is not design, it’s decoration
  • ensure that your design will be useable with styles and images turned off
  • Introducing color is easy with RGBA
  • Write down a general description of the qualities of the message you are trying to convey, and then look for typefaces that embody those qualities

  2 more annotations...

• 23 Sep 10
  

  Sarab Pannu

  html-tutorial

• 14 Sep 10
  

  Christian Bovine

  webdesign css design

• 10 Sep 10
  

  Andy Carter

  webdesign css3 css html

• 31 Aug 10
  

  Karla Starr

  web css pinboard

• 25 Aug 10
  

  Valéry-Xavier Lentz
  • Die Photoshop, die

  • Get started by getting naked

      

     

    Content precedes design. Design in the absence of content is not design, it’s decoration.

     

    Jeffrey Zeldman
  • Flush out the layout
  • Start your styling
  • Let’s get sexy
  • I believe we shouldn’t have to design for the lowest common denominator (cough, IE6 users, cough); instead we should create designs that are beautiful in modern browsers, but still degrade nicely for the other guy.

  4 more annotations...

• 17 Aug 10
  

  Doug Belshaw

  A guide by Meagan Fisher on going from no CSS to awesomeness.

  CSS howto meaganfisher guide TILTW34 webdesign

• 12 Aug 10
  

  G Wilkerson

  web websites

• 09 Aug 10
  

  craigmolloy

  webdesign css design web mockup web2.0 webdev html font-face open-font

• 29 Jul 10
  

  dingodingo

  webdesign css design webdev howto code html stylesheet tutorial

• 

  Jeff Blake

  webdesign css design mockup html web webdev photoshop

• 

  Chris Burbridge

  webdesign delicious

• 

  web design mockups examples

• 28 Jul 10
  

  Ronny Orbach

  מדריך css

• 27 Jul 10
  

  mebaskin
  • Make Your Mockup in Markup
• 21 Jul 10
  

  benmcnelly

  Been doing this for a while, but I really need to play with @fontface moar

  nice webdev photoshop web html mockup design webdesign css

• 19 Jul 10
  

  wayhome

  webdesign webdev tutorial mockup

• 12 Jul 10
  

  article css3 design css web webdev webdesign tips tutorial photoshop markup process prototype html 24ways mockup prototyping

• 09 Jul 10
  

  doodlz

  webdesign webdev mockup

• 07 Jul 10
  

  article css photoshop process webdesign resource 24ways prototyping

• 01 Jul 10
  

  mustafa tulu

  webdesign

• 

  Andrey Agra de Andrade

  visualweb

• 30 Jun 10
  

  Deborah Edwards-Onoro

  neatwebsite

• 23 Jun 10
  

  jose miguel

  webdesign css

• 16 Jun 10
  

  Albert Zablit

  24ways css tips tutorials webdesign html markup grid creative article

• 15 Jun 10
  

  Art Straub

  webdesign webdev

• 13 Jun 10
  

  oscar peters

  webdesign web_application mockup html

• 11 Jun 10
  

  ulf treger

  webdesign css mockup

• 01 Jun 10
  

  webdev mockup articles

• 21 May 10
  

  Sandra Kallmeyer

  webdesign css design mockup photoshop html import

• 

  justin_knoll

  browser nophotoshop design webdesign fromdelicious

Page Comments

• 
  Kristoffer Svendsen on 2010-01-01
  like it :D

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.