Initially presented during the Web 2.0 Expo in Berlin, this presentation takes typography beyond the surface layer. Structure, Process, Macro and Micro typography are all covered in detail to help you improve the typographic quality on your site, service or product.
This document discusses various concepts and techniques for designing effective user interfaces for web applications. It covers the differences between designing websites and web apps, why good UI design is important, characteristics of great interfaces, and specific techniques like affordances, feedback, grouping, and icons. The goal is to make interfaces intuitive, efficient and pleasant to use.
Webtech ’09 – Die Zukunft des Webs beginnt jetztEric Eggert
The document discusses the future of the web and HTML5. It summarizes that the WHATWG was founded in 2004 by Apple, Mozilla, and Opera in response to concerns about the W3C's direction with XHTML and lack of interest in HTML. It then outlines new features in HTML5 like semantic elements, multimedia elements, forms, browser APIs, and CSS3 features like fonts, borders, and new input types. It provides examples and links to demonstrate these new capabilities in HTML5.
Large hero images and simplified designs are replacing sliders and complex layouts. Flat designs inspired by iOS7 are becoming more popular. Typography with personality through unique fonts is trending over standard fonts. Videos are replacing text in places like hero sections. Simplified color schemes using only one or two colors are common. Content is presented in short, Twitter-like bursts. Menus are becoming hidden, vertical slideouts like in apps. Performance and speed will continue driving design decisions in 2015.
Covers frameworks, navigation patterns, preprocessors, responsive images, responsive data tables, polyfills. Presentation at the Cleveland Web Standards Association, October 30, 2012.
Better User Experience for WordPress Sitesaungstad
This document discusses improving user experience for WordPress sites. It defines user experience and outlines several methods for evaluating and improving UX, such as card sorting, personas and usability testing. The document then provides tips for good design practices like using tables and contrast to improve readability, implementing responsive and mobile-first design, and using stock images and fonts to enhance a site's visual design without reinventing elements. It stresses the importance of content, calls to action, and metadata like excerpts and contact details to create a high-quality user experience.
The document provides an overview of web page design and how to create a basic website. It discusses objectives like creating pages with titles, text, images and hyperlinks. It defines what a website is and how they work by being uploaded to an FTP server and accessed by users. It outlines the steps to design a site, including deciding the purpose, flowcharting content, designing interfaces and beginning creation. It also discusses using HTML and web design software to build pages and shares examples of effective and ineffective design practices.
This webinar is for our member libraries who have a Drupal website. This webinar covers how to keep with the design, writing for the web, wrestling with Drupal text manipulation, and briefly touches on databases and google analytics.
- The document discusses designing CSS layouts for flexible web design that adapt to different screen sizes and text sizes.
- It recommends avoiding fixed-width layouts and designs, irregular shapes defining text areas, images that don't scale with text, and enforcing horizontal alignment across columns.
- Solutions presented include using liquid/elastic/hybrid designs, tiling patterns, variable cropping/masking of images, scrollbars, and accepting some misalignment of content across columns on smaller screens.
Responsive Web Design: Clever Tips and TechniquesVitaly Friedman
Responsive Web design challenges Web designers to adapt a new mindset to their design and coding processes. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.
The document discusses principles of good user experience and interface design. It provides principles from experts like Schneiderman, Norman, and Krug on how to design intuitive and easy to use interfaces. Key principles include consistency, visibility of actions, clear feedback, and reducing cognitive load on users. The goal is to design interfaces that "don't make me think" and are obvious to use. It also discusses Kathy's rule of designing interfaces that are polite, self-explanatory, and allow users to easily understand where they are and navigate between pages.
This document provides an introduction to building a website using WordPress. It begins with introductions and explaining why WordPress is a good platform. It then covers choosing a domain name and hosting, installing WordPress, choosing and installing themes, and the anatomy of a website including sitemaps and wireframes. It also discusses blogs versus websites, setting up pages like the homepage, using plugins, basic HTML and CSS, and getting help. The document is a beginner's guide that aims to explain all of the essential steps for designing and building a basic WordPress website.
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting your user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
Embracing the heterogenous nature of the web—the myriad web-enabled devices with vastly different dimensions, screen sizes, networks, and capabilities in use by countless individuals, each with their own special needs—allows you to craft experiences that will work anywhere at any time. It also helps you build robust systems that adapt in ways far beyond aesthetics. This talk will cover a number of considerations that you should be aware of, beyond screen size and pixel density, and provide examples of how to adapt your interfaces so they rise to meet your users’ needs.
Responsive design is becoming increasingly important in modern (web)design. What's the best workflow to create a succesful online platform? We're not sure! But this is the one we use :)
In this session, Aaron Gustafson will explain the ins and outs of crafting rich Web experiences that adapt to the capabilities and peculiarities of our customers and their devices, while maintaining your sanity in the process.
You will learn:
* An understanding of the challenges (and possibilities) presented by the wide range of browsers and devices being used to access the web
* A fresh perspective on interface design, grounded in the progressive enhancement philosophy
* Ideas around how to tailor experiences based on device capabilities;
* Solid strategies for determining how common UI components can be re-imagined in an adaptive fashion
* A practical knowledge of how HTML, CSS, and JavaScript can be deployed in the service of adaptive user interfaces
The document provides tips for writing effectively for the web. Some key differences when writing for the web include web users scanning pages quickly looking for key points and moving on if they don't find the content they want. Good web writing is written for the users, not committees. When writing for the web, it is important to get to the point quickly, use clear simple language, write conversationally in an informal tone, ask questions, and provide context on each page without assuming the user viewed other pages. Content should be "chunked" into manageable pieces using lists, short paragraphs and potentially multiple pages. Headings, links, and search engine optimization are also discussed.
Responsive Web Design, as laid out by Ethan Marcotte, is about a whole lot more than just media queries. I look at the three elements of responsive web design, statistics about mobile web browsing, and offer tips on how to best design sites for responsiveness.
N.B.: Several slides are lifted wholesale from Bryan Rieger's excellent "Rethinking the Mobile Web" presentation, be sure to check it out!
This document summarizes upcoming web design trends for 2016. It discusses how trends are moving towards user experience (UX) and mobile-first design. Material design is highlighted as an alternative to flat design that incorporates layers and animation. Typography and imagery will continue advancing to improve readability on mobile. Content will be organized using cards instead of tiles to allow for interactivity. Sites will focus on dynamic storytelling and greater integration of social comments.
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media KomunikasiIrfan Toni H
Dokumen tersebut memberikan panduan desain materi komunikasi dengan menekankan pada kesederhanaan dan kemudahan dengan menggunakan elemen dasar desain seperti titik, garis, bentuk, bidang, ukuran, warna, tekstur, arah dan proporsi serta contoh ukuran kertas A4.
Project developed during the MFA in Graphic Design offered by Miami University. The presentation conveys concerning fact about the world and advocates social and sustainable design initiatives.
Dokumen tersebut membahas tentang tipografi, yang merupakan disiplin seni yang mempelajari pengetahuan mengenai huruf. Dokumen tersebut menjelaskan bahwa huruf berperan sebagai alat komunikasi visual dan memiliki anatomi tersendiri. Selanjutnya dokumen tersebut menjelaskan klasifikasi huruf yang terdiri dari huruf serif, sans serif, dan dekoratif beserta contoh-contoh jenisnya.
Dokumen tersebut membahas tentang tipografi dan penerapannya pada desain publikasi. Ia menjelaskan konsep tipografi untuk menggunakan huruf sebagai unsur grafis agar desain terlihat lebih elegan dan menarik. Dokumen ini juga menjelaskan anatomi huruf, jenis-jenis font, aturan tipografi, dan teknik untuk menciptakan tipografi yang menarik.
Dokumen ini membahas tentang tipografi dan anatomi huruf, jenis-jenis huruf seperti sans serif, serif, script, dan monospace serta karakteristik dan transformasi dasar huruf.
Dokumen tersebut membahas tentang industri kreatif di Indonesia, termasuk definisi, jenis, dan kontribusi industri kreatif. Industri kreatif didefinisikan sebagai industri yang mengandalkan kreativitas, keterampilan, dan bakat untuk meningkatkan kesejahteraan melalui karya intelektual. Jenis-jenis industri kreatif di Indonesia antara lain desain, mode, film, musik, seni pertunjukan, penerbitan, dan riset. Studi menunjukkan
Dokumen tersebut membahas tentang pergeseran nilai dalam desain produk akibat perubahan teknologi, perilaku masyarakat, dan nilai-nilai estetika. Desainer harus peka terhadap faktor-faktor tersebut agar dapat merancang produk yang sesuai dengan kebutuhan dan selera konsumen.
This document appears to be a transcript of a discussion on principles of design led by Peter Wood on April 1, 2009. Various participants in the discussion provide comments on topics like conditioning, consistency, repetition, simplicity versus boldness, chunking of information, and sharing ideas. At the end, the discussion leaders thank the participants.
Dokumen tersebut membahas strategi kreatif dalam pemasaran dan periklanan, termasuk penetapan target pasar, perencanaan media dan pesan kreatif, serta proses pembuatan iklan mulai dari menerima masukan klien, brainstorming ide, penyusunan proposal hingga evaluasi kampanye.
The document is a series of slides from a presentation on December 13, 2010 about becoming a freelancer. It discusses reasons for becoming a freelancer like low pay or unenjoyable work, how to get started by creating an online presence through social media and a personal website, different types of freelance work like photography, writing, and web design, and ways to find freelance jobs like contests and online marketplaces. It encourages the audience to pursue their passions as freelancers if they are motivated and have family support.
Proses perancangan desain grafis meliputi beberapa tahapan mulai dari menentukan konsep, memilih media, mengembangkan ide, mengumpulkan data, melakukan visualisasi, melakukan layout hingga produksi. Tahapan-tahapan tersebut bertujuan untuk menciptakan desain grafis yang efektif dalam menyampaikan pesan secara visual kepada audiens sasaran.
What's makes the difference between good and great design? Or for that matter, between good and great designers?
I don't pretend to know the answer. I've been designing for 10+ years and I still don't consider myself a great designer. What this presentation offers, however, are a few principles I've learned along the path to becoming a great designer.
This document summarizes the highlights from the FOWD 2009 conference, compressing 8 hours of talks into 25 minutes. It includes summaries of presentations on progressive enhancements with CSS3, designing for user feedback at Digg, the future of web design with new display technologies, actively designing community at Vimeo, getting work done without worrying, the future of markup languages, and creating art with technology. The document also notes that a panel debate on short form vs. long form content did not produce many clear answers.
Andy Kirk's Webinar for Tableau (July 2016)Andy Kirk
These are the slides from the talk given by Andy Kirk (@visualisingdata) on a webinar hosted by Tableau Software on 20th July 2016. The title is 'Bringing Method to the Madness' and concerns a demonstration of a data visualisation design workflow.
Running Great Design Reviews With Clients & PartnersCraig Peters
No matter how great your designs are, the way you communicate with your clients/business partners can make or break your engagement, especially as design challenges and organizations become more complex.
But what actually makes some meetings go well, and others not? We’ve heard “Be storytellers,” “Provide the right context,” and “Set expectations,” but what does that look like in practice?
I’ll provide real-life examples of how we’ve done this in our presentations for client engagements. We’ll include examples of our fundamental concepts we live by. No surprises. Over-communicate. Tell them how to be and what to do in the meeting. Design every slide of a presentation, not just the “designs.” Tell a story. Assume your clients have no idea what your meeting is all about (put yourself in their shoes).
It always goes better when you’re well prepared; we’ll help you get there.
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
Stocktwits & Responsive Web Design, social network meets flexible frameworkJohn Strott
The slides from our presentation on responsive web design using the StockTwits site as a case study. No audio, but feel free to contact us for more information regarding this deck.
Class 2: Setting the foundation for a successful website designDon Stanley
This document summarizes a lecture on web design and core principles. It discusses design as a problem solving process involving communication. Key aspects of design covered include contrast, repetition, alignment, and proximity to guide the eye and differentiate elements. The lecture also discusses thinking like users by considering how they scan pages and make satisficing choices rather than optimal ones. Homework involves redesigning an interface while considering the audience and their goals.
How To Integrate Prototyping Into The Design Process Using 3D PrintingDesign World
How do you define “prototyping”? How does your group include prototyping into your design methodology during the conceptualization, development and implementation phases of product and structural package design? Do you include brand and graphic communications? How should your group specifically leverage 3D printing along your process?
Join Kaleidoscope Global Managing Design Director Jim Warner for a 45–minute discussion on how to get the most out of using various 3D printing technologies throughout your process. We highlight our Iterative Design Thinking® approach to design under the auspices of a Co-Creation culture. This approach allows project stakeholders to gather and build on feedback to bring best practices to market and generate results.
A short talk on web performance given at Refresh Pittsburgh. Discusses how web performance fixes can be worked into a normal development workflow. Focuses on tweaks for responsive design sites.
The document summarizes a DSC MAIT Demo Day event focused on showcasing projects completed by core team members, including some with a Halloween theme. Five projects are described: [1] A fortune telling AI chatbot trained on Reddit and news data; [2] An AI-generated horror plot generator trained on movie plots; [3] A horror movie recommendation system; [4] A JavaScript chess engine; and [5] An Android/iOS app integrating machine learning models. The document provides technical overviews and lists collaborators for each project. It also announces the launch of the new DSC MAIT website.
The document outlines an agenda for a Team System Big Event hosted by Microsoft. The all day event includes sessions on development best practices, test driven development, closing the loop between development and testing, treating databases as first-class citizens, architecture without big design up front, and getting the most out of Team Foundation Server. Speakers are from Microsoft and partner organizations and will discuss topics related to application development, testing, and use of the Microsoft development tools and platforms.
Responsive Experience Design (RXD): A holistic approach to web - UXDEV SummitMike Donahue
This covers a holistic approach to web design that includes goals, strategies, and tactics to overcome today's web design challenges. Working from the content out we use the 3C's of mobile first to address the Content, Constraint, and Capabilities. To maintain accessibility and predictability of the experience we use progressive enhancement and adaptive design to round out a responsive website.
The document is a presentation on usability given by Jens Hoffmann. It introduces the topic of usability and human-computer interaction. It discusses best practices for usability including paper prototyping, testing interfaces, and making forms intuitive for users. It also speculates on future interfaces that could use technologies like neural interaction, motion detection and augmented reality.
Interaction Design for fast-paced StartupsGreg Hochmuth
Talk given at Web 2.0 Expo Berlin: Twice the Speed and Half the Cost - Basics of Interaction Design for Fast-Paced Startups, by Gregor Hochmuth (www.dotgrex.com)
Bridging the Gap - Designer Developer CollaborationJeremy Bierly
These are the slides from my presentation at Orlando Code Camp 2015.
The talk was about strategies for improving communication between design and development teams, and tools to help make that happen.
The document discusses "Z-shaped thinkers" and their approach to challenges. Z-shaped thinkers challenge assumptions, reframe problems, explore multiple perspectives, and synthesize information to envision new opportunities. They approach problems in different ways compared to traditional linear thinkers. The document provides examples of how z-shaped thinkers might reframe design problems from focusing solely on form and function to exploring user needs and experiences.
This document provides an overview of responsive design using HTML5, CSS3, JavaScript, and the Backbone.js framework. It discusses the rise of JavaScript frameworks like Backbone and how Backbone can be used for responsive design. It then explains the concepts of responsive design, including flexible grids, media queries, and avoiding fixed widths. It also discusses using HTML5 features like pushState to support responsive design goals. Finally, it gives a high-level overview of how to structure a Backbone application to support responsive design.
A New Toolbox: Artifact Providence 2013Kevin Sharon
Kevin and Sophie reveal Happy Cog’s design process through their experience building a responsive site from beginning to end, including: kicking off the project, the collaborative design process, and the tools they tweaked along the way. Find out what worked and what they learned. In the end, it should be clear that this is a time for experimentation and finding new approaches for new tasks.
El análisis del Patch Tuesday de Ivanti va más allá de la aplicación de parches a sus aplicaciones y le ofrece la inteligencia y orientación necesarias para priorizar dónde debes enfocarte. Consulta los últimos análisis en nuestro blog Ivanti y únete a los expertos del sector en el webinar de Patch Tuesday. En él profundizaremos en cada uno de los informes y ofreceremos orientación sobre los riesgos asociados a las vulnerabilidades más recientes.
Communications Mining Series - Zero to Hero - Session 3DianaGray10
This is a continuation to previous session focused on Model usage and adapting for Analytics and Automation usecases. We will understand how to use the Model for automation usecase with a demo.
• Model Usage and Maintenance
• Analytics Vs Automation Usecases
• Demo of Model usage
• Q/A
The History of Embeddings & Multimodal EmbeddingsZilliz
Frank Liu will walk through the history of embeddings and how we got to the cool embedding models used today. He'll end with a demo on how multimodal RAG is used.
How UiPath Discovery Suite supports identification of Agentic Process Automat...DianaGray10
📚 Understand the basics of the newly persona-based LLM-powered Agentic Process Automation and discover how existing UiPath Discovery Suite products like Communication Mining, Process Mining, and Task Mining can be leveraged to identify APA candidates.
Topics Covered:
💡 Idea Behind APA: Explore the innovative concept of Agentic Process Automation and its significance in modern workflows.
🔄 How APA is Different from RPA: Learn the key differences between Agentic Process Automation and Robotic Process Automation.
🚀 Discover the Advantages of APA: Uncover the unique benefits of implementing APA in your organization.
🔍 Identifying APA Candidates with UiPath Discovery Products: See how UiPath's Communication Mining, Process Mining, and Task Mining tools can help pinpoint potential APA candidates.
🔮 Discussion on Expected Future Impacts: Engage in a discussion on the potential future impacts of APA on various industries and business processes.
Enhance your knowledge on the forefront of automation technology and stay ahead with Agentic Process Automation. 🧠💼✨
Speakers:
Arun Kumar Asokan, Delivery Director (US) @ qBotica and UiPath MVP
Naveen Chatlapalli, Solution Architect @ Ashling Partners and UiPath MVP
The Impact of the Internet of Things (IoT) on Smart Homes and CitiesArpan Buwa
The Internet of Things (IoT) has revolutionized both smart homes and cities by interconnecting devices and systems, enabling automation, efficiency, and enhanced quality of life. In smart homes, IoT devices like smart thermostats, lights, and appliances offer remote control and energy management, while sensors provide security and monitoring. In smart cities, IoT facilitates traffic management, waste management, and environmental monitoring, optimizing resource usage and urban planning. Overall, IoT transforms traditional living spaces and urban landscapes into interconnected, efficient, and sustainable environments.
Uncharted Together- Navigating AI's New Frontiers in LibrariesBrian Pichman
Journey into the heart of innovation where the collaborative spirit between information professionals, technologists, and researchers illuminates the path forward through AI's uncharted territories. This opening keynote celebrates the unique potential of special libraries to spearhead AI-driven transformations. Join Brian Pichman as we saddle up to ride into the history of Artificial Intelligence, how its evolved over the years, and how its transforming today's frontiers. We will explore a variety of tools and strategies that leverage AI including some new ideas that may enhance cataloging, unlock personalized user experiences, or pioneer new ways to access specialized research. As with any frontier exploration, we will confront shared ethical challenges and explore how joint efforts can not only navigate but also shape AI's impact on equitable access and information integrity in special libraries. For the remainder of the conference, we will equip you with a "digital compass" where you can submit ideas and thoughts of what you've learned in sessions for a final reveal in the closing keynote.
Vulnerability Management: A Comprehensive OverviewSteven Carlson
This talk will break down a modern approach to vulnerability management. The main focus is to find the root cause of software risk that may expose your organization to reputation damage. The presentation will be broken down into 3 main area, potential risk, occurrence, and exploitable risk. Each segment will help professionals understand why vulnerability management programs are so important.
Retrieval Augmented Generation Evaluation with RagasZilliz
Retrieval Augmented Generation (RAG) enhances chatbots by incorporating custom data in the prompt. Using large language models (LLMs) as judge has gained prominence in modern RAG systems. This talk will demo Ragas, an open-source automation tool for RAG evaluations. Christy will talk about and demo evaluating a RAG pipeline using Milvus and RAG metrics like context F1-score and answer correctness.
Gen AI: Privacy Risks of Large Language Models (LLMs)Debmalya Biswas
In this presentation, we focus on the privacy risks of large language models (LLMs), with respect to their scaled deployment in enterprises.
We also see a growing (and worrisome) trend where enterprises are applying the privacy frameworks and controls that they had designed for their data science / predictive analytics pipelines — as-is to Gen AI / LLM use-cases.
This is clearly inefficient (and risky) and we need to adapt the enterprise privacy frameworks, checklists and tooling — to take into account the novel and differentiating privacy aspects of LLMs.
Sonkoloniya is a web-based realtime code editor with hosting functionality developed by Subham Mandal from ONEprojukti. Sonkoloniya enables users to write and run HTML, CSS, and JavaScript code in real-time. It features a user-friendly interface with separate code editing panes, live preview, console output, and file management capabilities.
Redefining Cybersecurity with AI CapabilitiesPriyanka Aash
In this comprehensive overview of Cisco's latest innovations in cybersecurity, the focus is squarely on resilience and adaptation in the face of evolving threats. The discussion covers the imperative of tackling Mal information, the increasing sophistication of insider attacks, and the expanding attack surfaces in a hybrid work environment. Emphasizing a shift towards integrated platforms over fragmented tools, Cisco introduces its Security Cloud, designed to provide end-to-end visibility and robust protection across user interactions, cloud environments, and breaches. AI emerges as a pivotal tool, from enhancing user experiences to predicting and defending against cyber threats. The blog underscores Cisco's commitment to simplifying security stacks while ensuring efficacy and economic feasibility, making a compelling case for their platform approach in safeguarding digital landscapes.
Use Cases & Benefits of RPA in Manufacturing in 2024.pptxSynapseIndia
SynapseIndia offers top-tier RPA software for the manufacturing industry, designed to automate workflows, enhance precision, and boost productivity. Experience the benefits of advanced robotic process automation in your manufacturing operations.
Types of Weaving loom machine & it's technologyldtexsolbl
Welcome to the presentation on the types of weaving loom machines, brought to you by LD Texsol, a leading manufacturer of electronic Jacquard machines. Weaving looms are pivotal in textile production, enabling the interlacing of warp and weft threads to create diverse fabrics. Our exploration begins with traditional handlooms, which have been in use since ancient times, preserving artisanal craftsmanship. We then move to frame and pit looms, simple yet effective tools for small-scale and traditional weaving.
Advancing to modern industrial applications, we discuss power looms, the backbone of high-speed textile manufacturing. These looms, integral to LD Texsol's product range, offer unmatched productivity and consistent quality, essential for large-scale apparel, home textiles, and technical fabrics. Rapier looms, another modern marvel, use rapier rods for versatile and rapid weaving of complex patterns.
Next, we explore air and water jet looms, known for their efficiency in lightweight fabric production. LD Texsol's state-of-the-art electronic Jacquard machines exemplify technological advancements, enabling intricate designs and patterns with precision control. Lastly, we examine dobby looms, ideal for medium-complexity patterns and versatile fabric production.
This presentation will deepen your understanding of weaving looms, their applications, and the innovations LD Texsol brings to the textile industry. Join us as we weave through the history, technology, and future of textile production. Visit our website www.ldtexsol.com for more information.
Finetuning GenAI For Hacking and DefendingPriyanka Aash
Generative AI, particularly through the lens of large language models (LLMs), represents a transformative leap in artificial intelligence. With advancements that have fundamentally altered our approach to AI, understanding and leveraging these technologies is crucial for innovators and practitioners alike. This comprehensive exploration delves into the intricacies of GenAI, from its foundational principles and historical evolution to its practical applications in security and beyond.
38. visual design
surface
skeleton information design
structure interaction design
scope requirements
strategy user needs / site
objectives
For a much better diagram go to: http://www.jjg.net/elements/pdf/elements.pdf
86. Sign in • Register • Read today’s paper • Jobs
comment is free... Search
Home This week Contributors Subjects A-Z Editor’s blog Dan Chung Steve Bell About us Audio Webfeeds Other blogs
Blogs Editor’s picks
Space cadets
Dan Kennedy
05:00pm: Is seeing a UFO any
more crazy than believing God
Created the universe in six days> It
is if you are running to be
president of the United States.
Comments
A bankrupt hotchpotch
Ed Vaizey Nov 06 07, 04:40pm
The Queen’s speech: Big on
short-term tricks, and lacking in
long-term vision just about sums
up the government’s new
legislation
Comments State of emergency by Steve Bell
If Ball wants better schools, he
End of mutual respect
Derek Wall Nov 06 07, 04:20pm
must scrap faith selection
As the Respect party splits in two
87. Sign in • Register • Read today’s paper • Jobs
comment is free... Search
Home This week Contributors Subjects A-Z Editor’s blog Dan Chung Steve Bell About us Audio Webfeeds Other blogs
Blogs Editor’s picks
Space cadets
Dan Kennedy
05:00pm: Is seeing a UFO any
more crazy than believing God
Created the universe in six days> It
is if you are running to be
president of the United States.
Comments
A bankrupt hotchpotch
Ed Vaizey Nov 06 07, 04:40pm
The Queen’s speech: Big on
short-term tricks, and lacking in
long-term vision just about sums
up the government’s new
legislation
Comments State of emergency by Steve Bell
If Ball wants better schools, he
End of mutual respect
Derek Wall Nov 06 07, 04:20pm
must scrap faith selection
As the Respect party splits in two
88. Sign in • Register • Read today’s paper • Jobs
comment is free... Search
Home This week Contributors Subjects A-Z Editor’s blog Dan Chung Steve Bell About us Audio Webfeeds Other blogs
Blogs Editor’s picks
Space cadets
Dan Kennedy
05:00pm: Is seeing a UFO any
more crazy than believing God
Created the universe in six days> It
is if you are running to be
president of the United States.
Comments
A bankrupt hotchpotch
Ed Vaizey Nov 06 07, 04:40pm
The Queen’s speech: Big on
short-term tricks, and lacking in
long-term vision just about sums
up the government’s new
legislation
Comments State of emergency by Steve Bell
If Ball wants better schools, he
End of mutual respect
Derek Wall Nov 06 07, 04:20pm
must scrap faith selection
As the Respect party splits in two
100. - hyphen Müller-Brockmann
– en dash 3–6 April; 25–30 mm
a phrase marker – thus – with spaces
— em dash a phrase marker—thus—with no spaces
— Doesn’t sound much like a bee to me.
— It’s a bloody aardvark!
− minus 4−1=3
107. {HOME} NOTEBOOK WORK PUBLICATIONS ICON SHOP ABOUT CONTACT
LATEST FEATURED WORK
Hand-crafted pixels & text. MTV.com
SimpleBits is a tiny web design studio founded by XHTML/CSS development
designer and author Dan Cederholm. We create simple,
Cork’d
readable interfaces balanced with a standards-based
Creative Director
methodology. Learn more
TravelPost.com
Logo + interface design
RECENT NOTEBOOK ARTICLES & QUICKBITS
SPEAKING EVENTS
Planet Microformats
A giant master feed of anything and everything tagged with “microformats” SXSW Interactive
from Brian Suda. {02.20.07} March 9-13, 2007 ~ Austin, TX
An Event Apart Boston
March 26-27, 2007 ~ Boston
Web Directions North @media 2007 (America)
May 24-25, 2007 ~ San Francisco
I’ve returned from several days in Vancouver, and the first-ever Web
@media 2007 (Europe)
Directions North. It was a great trip, a great conference, and my second
June 7-8, 2007 ~ London
attempt at snowboarding in the last 20 years.
I’ll first say congrats to Maxine, John, Dave and
Derek for putting on what was an oustanding
www.simplebits.com
118. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
119. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
120. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
121. Text numerals like these—23, 48,
192 and 2096—belong in text
Lining numerals like these—23, 48,
192 and 2096—are better in tables.
122. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
123. Barry Island 0533 0600
0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0620 0648
0552
124. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
125. Barry Island 0533 0600 0600
Rhoose 0540 0610 0612
Llantwit Major 0550 0612 0622
Bridgend 0552 0620 0648
126. 1. Structure
Language; Conceptual models; Content Presentation.
2. Process
Greybox wireframes; Typography earlier in the process.
3. Macro typography
The big stuff. Composition Grids.
4. Micro typography
The little stuff. Typesetting.
128. ‘...It is not surface, it is not the last thing that
needs to be considered, it is the thing itself’
Stephen Fry
129. Thank you
Slides and resources at : http://www.markboulton.co.uk/present/web2berlin/