The Best of AEA's Quick Clicks

Total Page:16

File Type:pdf, Size:1020Kb

The Best of AEA's Quick Clicks aneventapart.com Our favorite Quick Clicks from last year’s AEA Digest, plus some cherished deep cuts. CC oo dd ee Heading levels are still important, especially for assistive technology like speaking browsers. webdesign.tutsplus.com/articles/the-importance-of-heading-levels-for-assistive-technology--cms-31753 Tantek Çelik and An Event Apart’s Jeffrey Zeldman talk about the secret history of web standards, healing the rift between CSS lovers and toolchain fans, and whether the #indieweb can save us from the downsides of social media on The Big Web Show podcast, № 186. 5by5.tv/bigwebshow/186 James Nash explores the wonders of the cascade for component styling in A Tale of Two Buttons. medium.com/buildit/a- tale-of-two-buttons-e63185aefd5f The web’s drowning in a sea of JavaScript, awash with needless bloat, inaccessible cruft, and unsustainable patterns. A List Apart’s Jeremy Wagner shares how to build the right things the right way, using the web platform the way it was meant to be used, in Responsible JavaScript: Part I. alistapart.com/article/responsible-javascript-part-1 AEA co-founder Eric Meyer shares a small hack for showing breakpoint information on-screen during development. meyerweb.com/eric/thoughts/2018/02/21/displaying-css-breakpoint-information-with-generated-content CSS keyloggers are just the start: Jake Archibald demonstrates why Third party CSS is not safe. jakearchibald.com/2018 /third-party-css-is-not-safe In this Layout Land video, AEA speaker Jen Simmons shows exactly how to create a common card layout by nesting a Flexbox layout inside a Grid layout, all while thinking through accessibility and using zero media queries. www.youtube.com/watch?v=dQHtT47eH0M&feature=youtu.be CSS Basics: Fallback Font Stacks for More Robust Web Typography by Chris Coyier. css-tricks.com/css-basics-fallback-font- stacks-robust-web-typography Styling Empty Cells with Generated Content and CSS Grid Layout by Rachel Andrew. www.smashingmagazine.com/2018 /02/generated-content-grid-layout Discover what runs a website: whatruns is “a free browser extension that helps you identify technologies used on any website at the click of a button.” www.whatruns.com The Multi-Grid One-Page Layout: An experiment using Flexbox & CSS Grid with HTML5 Sections by Nikki Pantony. medium.com/nikkipantony/multi-grid-one-page-layout-css-grid-6efefd537404 Hugo Giraudel shows how to leverage CSS counters to create automatic, accessible footnotes. www.sitepoint.com/accessible-footnotes-css A curated collection of useful Javascript snippets that you can understand in 30 seconds or less. github.com/Chalarangelo/30-seconds-of-code Is your site’s footer ready for next year? Get some common code snippets to do it automatically. updateyourfooter.com You’ve just been onboarded to an existing project to replace a departing developer. Or maybe you just opened that old project of yours from a few years ago. You are faced with dread and horror when looking at the code. You can do only one thing: Clean up the mess! Hugo Giraudel shows how. www.sitepoint.com/cleaning-up-a-css-codebase DD e e s s i i gg nn Just like it says: How to design a payment form your customers will actually complete by Dilem Akıner Akışık. medium.com/swlh/how-to-design-a-payment-form-your-customers-will-actually-complete-55a986fe3ada “This is where a distinct design system can be helpful: to solve your organization’s unique problems in a way a generic tool isn’t designed to help with.” – Dan Mall, Distinct Design Systems danmall.me/articles/distinct-design-systems Using Type: Typesetting in the new United States Web Design System 2.0 means understanding the relationship between font family, font size, and line-height. Font normalization FTW! v2.designsystem.digital.gov/design-tokens /typesetting/overview We are Colorblind provides helpful tips to make sure your design works for the more than 300 million people who have some form of colorblindness. wearecolorblind.com Variable Fonts is a simple resource for finding and trying variable fonts. Enjoy! v-fonts.com Making CSS Animations Feel More Natural by Brandon Gregory. css-tricks.com/making-css-animations-feel-natural V6: Color—A new approach to one of my biggest design weaknesses, using basic color theory, HSL, and Sass by Rob Weychert. v6.robweychert.com/blog/2018/02/v6-color Adam Wathan and Steve Schoger share seven rock-solid design “cheats”—worth reading even if you're a pro. medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886 If you want to support emoji in your design but don’t want to run afoul of copyrighted sets like Apple’s, EmojiOne is for you! www.emojione.com/emoji/v3 In Who Should Pay? Aaron Gustafson discusses the importance of putting the user experience ahead of our own convenience, even when that means changing how we work. aaron-gustafson.com/notebook/who-should-pay Three takeaways for web developers after two weeks of painfully slow internet. medium.com/@GaborLenard/three-takeaways- for-web-developers-after-two-weeks-of-painfully-slow-internet-9e7f6d47726e MailChimp has done it again—their complete style guide is online and free for all to see. Use it as a template or to spark ideas of your own. styleguide.mailchimp.com Check out this great visualization of Crayola’s color history. www.datapointed.net/2010/01/crayola-crayon-color-chart A comprehensive guide to font loading strategies. And he means comprehensive! Zach Leatherman shares the joys, sorrows, and especially the trade-offs of getting real type onto the web. www.zachleat.com/web/comprehensive-webfonts A curated collection of the The 40 Best Google Fonts according to Typewolf, who keeps it updated. (We used it to pick the fonts for this collection!) www.typewolf.com/google-fonts Happy three-year anniversary to Design for Real Life, by Sara Wachter-Boettcher and An Event Apart’s own Eric Meyer. abookapart.com/blogs/press/happy-bookiversary-to-design-for-real-life PP r r oo cc ee s s s s How fast is AMP, really? Tim Kadlec is on the case. timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really Vapid is an intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML. It’s great for small teams and cleanly structured websites. www.vapid.com “Presenting our work with a realistic desktop environment challenged the way we thought about desktop interfaces.” Desktop Prototyping by Zach Johnston of Dropbox Design. medium.com/dropbox-design/desktop-prototyping-a6004fb5598a Deque System’s aXe (The Accessibility Engine) open source library is a lightweight (~100 KB), fast, portable JavaScript library that executes automated accessibility testing inside your testing framework or browser of choice. www.deque.com/products/axe Speaking of accessibility, how about a “visual screen reader?” Nathan Smith’s ‘construct.css’ is here to deliver just that. css-tricks.com/introducing-trashy-css Colorable v1.0.5 is a web color combination contrast tester for WCAG 2 compliance. jxnblk.com/colorable/demos/text Little Things I Like to Do with Git. From Harry Roberts at CSS Wizardry. csswizardry.com/2017/05/little-things-i-like-to-do- with-git Brad Frost built an interactive Performance Budgeting Builder just for you. codepen.io/bradfrost/full/EPQVBp Sagi Shrieber shares a simple, five-step method to convert any web page to an editable vector Sketch document. hackingui.com/design/website-to-sketch II mmaaggeess Explore in ultra-high resolution you can use on your website, and another 34,000+ high-res artworks you can also use. www.artic.edu/collection & www.clevelandart.org/art/collection/search?only-open-access=1 The internet company as an old, ruined, brick-and-mortar storefront. An art project by Andrei Lacatusu. www.behance.net/gallery/52646779/Social-Decay Swapping Images with the Sizes Attribute, from the filament group. www.filamentgroup.com/lab/sizes-swap Retina, non-Retina, 1X, 2X, 3X, and more—designer Peter Nowell explains how pixel density works and how it affects your designs. medium.com/@pnowelldesign/pixel-density-demystified-a4db63ba2922 Are you familiar with chroma subsampling? Neither were we, but it turns out it can get you close to 20 percent reduction in image sizes. Fairly technical, but well worth the read. calendar.perfplanet.com/2015/why-arent-your-images- using-chroma-subsampling Thanks for reading!.
Recommended publications
  • Bibliography of Erik Wilde
    dretbiblio dretbiblio Erik Wilde's Bibliography References [1] AFIPS Fall Joint Computer Conference, San Francisco, California, December 1968. [2] Seventeenth IEEE Conference on Computer Communication Networks, Washington, D.C., 1978. [3] ACM SIGACT-SIGMOD Symposium on Principles of Database Systems, Los Angeles, Cal- ifornia, March 1982. ACM Press. [4] First Conference on Computer-Supported Cooperative Work, 1986. [5] 1987 ACM Conference on Hypertext, Chapel Hill, North Carolina, November 1987. ACM Press. [6] 18th IEEE International Symposium on Fault-Tolerant Computing, Tokyo, Japan, 1988. IEEE Computer Society Press. [7] Conference on Computer-Supported Cooperative Work, Portland, Oregon, 1988. ACM Press. [8] Conference on Office Information Systems, Palo Alto, California, March 1988. [9] 1989 ACM Conference on Hypertext, Pittsburgh, Pennsylvania, November 1989. ACM Press. [10] UNIX | The Legend Evolves. Summer 1990 UKUUG Conference, Buntingford, UK, 1990. UKUUG. [11] Fourth ACM Symposium on User Interface Software and Technology, Hilton Head, South Carolina, November 1991. [12] GLOBECOM'91 Conference, Phoenix, Arizona, 1991. IEEE Computer Society Press. [13] IEEE INFOCOM '91 Conference on Computer Communications, Bal Harbour, Florida, 1991. IEEE Computer Society Press. [14] IEEE International Conference on Communications, Denver, Colorado, June 1991. [15] International Workshop on CSCW, Berlin, Germany, April 1991. [16] Third ACM Conference on Hypertext, San Antonio, Texas, December 1991. ACM Press. [17] 11th Symposium on Reliable Distributed Systems, Houston, Texas, 1992. IEEE Computer Society Press. [18] 3rd Joint European Networking Conference, Innsbruck, Austria, May 1992. [19] Fourth ACM Conference on Hypertext, Milano, Italy, November 1992. ACM Press. [20] GLOBECOM'92 Conference, Orlando, Florida, December 1992. IEEE Computer Society Press. http://github.com/dret/biblio (August 29, 2018) 1 dretbiblio [21] IEEE INFOCOM '92 Conference on Computer Communications, Florence, Italy, 1992.
    [Show full text]
  • Front 01: HTML Y
    HTML Y CSS FRONT PRIMERA PARTE Guía para directivos y técnicos V.1 Front HTML y CSS Este documento forma parte de las guías de onboarding de Autentia. Si te apasiona el desarrollo de software de calidad ayúdanos a difundirlas y anímate a unirte al equipo. Este es un documento vivo y puedes encontrar la última versión, así como el resto de partes que completan este documento, en nuestra web. https://www.autentia.com/libros/ Esta obra está licenciada bajo la licencia Creative Commons Attribution ShareAlike 4.0 International (CC BY-SA 4.0) FRONT - HTML Y CSS Hoy en día el negocio está en la que se publican y organizan los red. Es en el mercado on-line contenidos, además del grado donde se producen la mayor parte de usabilidad y accesibilidad de de los intercambios comerciales los mismos, influye directamente entre clientes y proveedores. en el posicionamiento que los El primer contacto de nuestros motores de búsqueda asignan a usuarios con nuestro negocio, y las aplicaciones. en muchos casos el único, es a través de una aplicación web o móvil. No disponer de un diseño atractivo, una experiencia de usuario agradable, accesible y que se adapte de manera adecuada para ser usada en diferentes dispositivos (Responsive), es garantía de una pérdida masiva de potenciales clientes. De la misma manera, la forma en la FRONT - HTML Y CSS “No hay una segunda oportunidad para una primera impresión” Alcanzar la habilidad de realizar diseños profesionales y usables no es algo baladí y se necesita un conocimiento profundo en marketing digital, experiencia de usuario y en tecnologías front-end.
    [Show full text]
  • CSS Containers: Making Websites Accessible to Disabled Users
    CSS containers: making websites accessible to disabled users John R Hudson 1 May 2020∗ 1 Personal background I first became interested in page design as a student journalist at university. When I first started using a micro-computer, I was interested in how much time it could save me; when I discovered vector graphics in the mid 1980s, I realised that I could save time and produce quality output by using a computer. In the 1990s I worked with a blind student and learned how I could use my computing skills to make life easier for him. After 30 years of using my understanding to create quality printed documents and more recently PDF files, in 2010 I was inspired by a talk from David Fisher to put these principles to work in maintaining and developing websites. 2 The wider context Cascading style sheets (CSS), proposed in 1994 by Håkon Wium Lie, who worked at CERN, were first adopted by Microsoft in Internet Explorer 3 and then by Netscape and Opera. These separate the presentation of material on a website from its content and structure as defined by HTML. At the turn of the century, they went out of favour for a number of reasons and development focused on XHTML. But, a few years later, Mozilla, Apple and Opera began working on a new specification for HTML which would meet the needs of modern devices and which would rely on CSS for presentation. This was published in 2011 as a rolling release and work began on a series of rolling updates to CSS to cope with the needs of the new version of HTML and the demands of modern devices.
    [Show full text]
  • Introduction to Modern CSS
    Introduction to modern CSS Emmanuel Aina @horlah_codes Frontend Dev, BuyCoins This talk is basically about the new technologies that have been introduced into CSS, with the aim for faster development process and accessibility Modern CSS is simply how we have chosen to write CSS as a standard, utilizing the technologies being introduced and making sure they’re being used as expected for the purpose at which they are being created Technologies being introduced ● CSS Flexbox ● CSS pre- and post-processors ● CSS Grid ● Feature Queries ● CSS Variables ● CSS Animation ● CSS Functions ● New Units - e.g. vw, vh, vmin, vmax ● CSS Methodologies Let’s pick them one after the other CSS Flexbox m avu... CSS Flexbox CSS Flexbox was proposed in 2009 but did not get implemented in browser spread adoption until 2015. Flexbox was designed to define how space is distributed across a single column or row, which makes it a better candidate for defining layout compared to using floats - Peter Jang, Dean of Instruction @Actualize Using Flexbox for the first the first time Structure of our html Basic CSS without Flexbox Expected output Basic CSS with Flexbox Output Default properties: flex-direction : row; flex-wrap: nowrap; justify-content : flex-start; Understanding Flexbox The container The items Understanding Flexbox .container { display: flex; } Understanding Flexbox .container { display: flex; justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly; } Understanding Flexbox .container { display: flex; flex-wrap: nowrap | wrap | wrap-reverse; } Understanding Flexbox .container { display: flex; align-items: stretch | flex-start | flex-end | center | baseline;. } Understanding Flexbox .container { display: flex; align-content : flex-start | flex-end | center | space-between | space-around | stretch; } Understanding Flexbox .items { align-self: auto | flex-start | flex-end | center | baseline | stretch; } Understanding Flexbox .items { flex-grow: <number>; } CSS Grid The s..
    [Show full text]
  • CSS Responsive Design Web Engineering 188.951 2VU SS20
    L4: CSS Responsive Design Web Engineering 188.951 2VU SS20 Jürgen Cito L4: CSS Responsive Design • Media Queries • Responsive and Adaptive Images and Fonts • Flexible Box Layouts (Flexbox) • Grid Layouts Learning Goals • Differentiate between different options to achieve responsive layouts • Understand how images and fonts can be made responsive • Properly use media queries for responsive design • Understand the role of Flexbox and Grid layouts Responsive Design is a way of implementing web layouts Web Layout Approaches based on current standards, HTML5 and CSS3. Graceful degradation Interface A Interface B Mobile-first / Progressive enhancement Interface A Interface B Responsive design Interface A Interface B Slides by Michael Nebeling and the work by Michael Nebeling and Moira C. Norrie: Responsive Design and Development: Methods, Technologies and Current Issues, In: Proc. 13th Intl. Conf. on Web Engineering (ICWE 2013), LNCS, vol. 7977, pp. 510-513. Springer, 2013. Responsive Design Let content fill the container and define min/max constraints Use relative units to specify position and size of text and media Techniques ▪ Media Queries ▪ Fluid, Grid-based Layout ▪ Responsive Images ▪ Font Scaling ▪ … Required Reading: http://alistapart.com/article/responsive-web-design/ Media Queries ▪ Previously only media types (screen, print, braille, handheld …) ▪ @media rule ▪ Additional features ▪ color ▪ aspect-ratio ▪ max-width ▪ orientation ▪ resolution ▪ scan ▪ … ▪ Build complex queries using logical operators (not, and, only) @media only screen
    [Show full text]
  • Grid Layout Website Template
    Grid Layout Website Template Paltry and flexed Huntington think, but Gershon temporarily moan her iambics. Ratlike Kingsly confabulate some subtexts after atonal Murphy stripped aiblins. Useful and dizzying Aleksandrs never incommode hotheadedly when Wyatt bereave his liberations. Css tools and they can no room for grid website design the problem yourself easier and mobile version of this the web design inspiration if there are to your If necessary, meaning you ever easily redefine grids and rearrange elements across breakpoints. Ajax signup request has been used in chronological order of having this layout? An easy ways on websites as simple css grid layout methods, does ppc cost? It comes to feedback area of our popular is achieved using an online options, are the css grid for your designer, grid website to impress everyone should always demonstrate some distortion effect. Maybe han will add it in place future. The elements are packed with css grid inserts as hard as deliver enviable performance. Unify Responsive Website Template by htmlstream. Save and name, are, we actually earn some affiliate commission. Single navbar example with a bottom navbar along with some additional content. Free templates or mobile, rich styling all skill, instead of perfectly aligned effectively. Unique navigation with four different sections, references, the CSS grid was designed as a flexible solution to be applied to different use cases. Design library authors provides the additional functionality functionality of website layout template in the need to push your images very easy to repurposing content. Both parts are nicely sprinkled with prominent examples. Never miss standing on learning about the next crucial thing.
    [Show full text]
  • Professor Emerita Harper College 10Th Edition Web Development and Design Foundations
    10th Edition Web Development and Design Foundations with HTML5 Terry Ann Felke-Morris, Ed.D. Professor Emerita Harper College 330 Hudson Street, NY NY 10013 A01_FELK9996_10_SE_FM.indd 3 18/09/19 5:26 PM Contents 1.7 Uniform Resource Identifiers and Domain CHAPTER 1 Names 13 URIs and URLs 13 Introduction to the Internet and Domain Names 13 World Wide Web 1 1.8 Markup Languages 16 1.1 The Internet and the Web 2 Standard Generalized Markup Language The Internet 2 (SGML) 16 Birth of the Internet 2 Hypertext Markup Language Growth of the Internet 2 (HTML) 16 Birth of the Web 2 Extensible Markup Language The First Graphical Browser 2 (XML) 16 Convergence of Technologies 3 Extensible Hypertext Markup Language (XHTML) 17 Who Runs the Internet? 3 HTML5—the Newest Version Intranets and Extranets 4 of HTML 17 1.2 Web Standards and Accessibility 4 1.9 Popular Uses of the Web 17 W3C Recommendations 4 E-Commerce 17 Web Standards and Accessibility 5 Mobile Access 18 Accessibility and the Law 5 Blogs 18 Universal Design for the Web 5 Wikis 18 1.3 Information on the Web 6 Social Networking 18 Reliability and Information on the Web 6 Cloud Computing 19 Ethical Use of Information on the Web 7 RSS 19 1.4 Network Overview 8 Podcasts 19 Constant Change 19 1.5 The Client/Server Model 9 1.6 Internet Protocols 10 Chapter Summary 20 File Transfer Protocol (FTP) 10 Key Terms 20 E-mail Protocols 11 Review Questions 20 Hypertext Transfer Protocol (HTTP) 11 Hands-On Exercise 21 Hypertext Transfer Protocol Secure (HTTPS) 11 Web Research 22 Transmission Control Protocol/Internet
    [Show full text]
  • Peter Gasston — «The Modern
    AA GUIDEGUIDE TOTO MODERNMODERN WEBWEB DEVELOPMENTDEVELOPMENT THE MODERN WEB THE MODERN WEB THETHE MODERNMODERN WEBWEB MULTI-DEVICE WEB DEVELOPMENT Today’s web technologies are evolving at near–light speed, • Incorporate cross-platform audio and video without WITH HTML5, CSS3, AND JAVASCRIPT bringing the promise of a seamless Internet ever closer to using troublesome plug-ins reality. When users can browse the Web on a three-inch • Make images and graphics scalable on high-resolution phone screen as easily as on a fifty-inch HDTV, what’s a devices with SVG developer to do? • Use powerful HTML5 elements to design better forms Peter Gasston’s The Modern Web will guide you through PETER GASSTON the latest and most important tools of device-agnostic web Turn outdated websites into flexible, user-friendly ones development, including HTML5, CSS3, and JavaScript. that take full advantage of the unique capabilities of any His plain-English explanations and practical examples device or browser. With the help of The Modern Web, emphasize the techniques, principles, and practices that you’ll be ready to navigate the front lines of device- you’ll need to easily transcend individual browser quirks independent development. and stay relevant as these technologies are updated. Learn how to: A B O U T T H E AUTHOR • Plan your content so that it displays fluidly across Peter Gasston has been a web developer for more than multiple devices 12 years in both agency and corporate settings. The author of The Book of CSS3, Gasston has also been published • Design websites to interact with devices using the most in Smashing Magazine, A List Apart, and .net magazine.
    [Show full text]
  • Building Sites for an Anywhere, Everywhere Web
    IMPLEMENTING RESPONSIVE DESIGN Building sites for an anywhere, everywhere web Tim Kadlec IMPLEMENTING RESPONSIVE DESIGN: NOTICE OF RIGHTS BUILDING SITES FOR AN ANYWHERE, All rights reserved. No part of this book may be EVERYWHERE WEB reproduced or transmitted in any form by any Tim Kadlec means, electronic, mechanical, photocopying, recording, or otherwise, without the prior writ- NEW RIDERS ten permission of the publisher. For information 1249 Eighth Street on getting permission for reprints and excerpts, Berkeley, CA 94710 contact [email protected]. 510/524-2178 510/524-2221 (fax) NOTICE OF LIABILITY The information in this book is distributed on Find us on the Web at: www.newriders.com an “As Is” basis without warranty. While every To report errors, please send a note to precaution has been taken in the preparation of the [email protected] book, neither the author nor Peachpit shall have any liability to any person or entity with respect to New Riders is an imprint of Peachpit, a division of any loss or damage caused or alleged to be caused Pearson Education. directly or indirectly by the instructions contained in this book or by the computer software and Copyright © 2013 by Tim Kadlec hardware products described in it. Project Editor: Michael J. Nolan TRADEMARKS Development Editor: Margaret S. Anderson/ Many of the designations used by manufacturers Stellarvisions and sellers to distinguish their products are claimed Technical Editor: Jason Grigsby as trademarks. Where those designations appear in Production Editor: Rebecca Winter this book, and Peachpit was aware of a trademark Copyeditor: Gretchen Dykstra claim, the designations appear as requested by the Indexer: Joy Dean Lee owner of the trademark.
    [Show full text]
  • Introducing Constraints Into Web Layouts
    Introducing Constraints into Web Layouts: Evaluating the Intuitiveness of Current Approaches for Designers MASTER’S THESIS by William Clear, 11101906 submitted to obtain the degree of MASTER OF SCIENCE (M.SC.) at TH KÖLN – UNIVERSITY OF APPLIED SCIENCES INSTITUTE OF INFORMATICS Course of Studies WEB SCIENCE First supervisor: Prof. Dr. Kristian Fischer TH Köln - University of Applied Sciences Second supervisor: Prof. Christian Noss TH Köln - University of Applied Sciences Cologne, July 2016 Contact Details: William Clear [email protected] Prof. Dr. Kristian Fischer TH Köln – University of Applied Sciences Institute of Informatics Steinmüllerallee 1 51643 Gummersbach [email protected] Prof. Christian Noss TH Köln – University of Applied Sciences Institute of Informatics Steinmüllerallee 1 51643 Gummersbach [email protected] 2 Abstract When it comes to web applications and their dynamic content, one seemingly common trouble area is that of layouts. Frequently, web designers resort to frameworks or JavaScript- based solutions to achieve various layouts where the capabilities of Cascading Style Sheets (CSS) fall short. Although the World Wide Web Consortium (W3C) is attempting to address the demand for more robust and concise layout solutions to handle dynamic content with the recent and upcoming specifications, a generic approach to creating layouts using constraint syntax has been proposed and implementations have been created. Yet, the introduction of constraint syntax would change the CSS paradigm in a fundamental way, demanding further analysis to determine the viability of its inclusion in core web standards. This thesis focuses on one particular aspect of the introduction of constraint syntax: how intuitive constraint syntax will be for designers.
    [Show full text]
  • Web for Everyone Web on Everything Knowledge Base Trust And
    newsletter http://www.w3c.nl Nieuwsbrief maart 2012 Editorial Al jarenlang pleit W3C en met name Tim Bernes Lee voor het openbaar maken van gegevens via Edithet web. Steeds meer overheden geven gehoor aan deze oproep en stellen Open Data via het web beschikbaar. "Onze" vicevoorzitter van de Europese Commissie Neelie Kroes noemt drie redenen waarom open data belangrijk is: het bevordert de ontwikkeling van nieuwe bedrijven, bevordert transparantie van de overheid en leidt tot meer evidence-based beleid. In juni zal een workshop plaatsvinden waar de aandacht gericht is op het gebruik van al deze gegevens (zie "W3C Workshop - Using Open Data: policy modeling, citizen empowerment, data journalism"). Via het web vindt veel uitwisseling van media plaats. Vaak is dat in de vorm van video. Niet altijd is daarbij het gehele bestand nodig, maar is er interesse in slechts een deel van het mediabestand. Media files zijn in het algemeen grote tot zeer grote bestanden. Door fragmenten daarvan aan te kunnen vragen wordt de interactiviteit van applicaties verbeterd en het dataverkeer efficiënt gebruikt (zie "Call for Review: Media Fragments URI 1.0 (basic)"). De komende maand vindt, dit keer in Lyon, de jaarlijkse World Wide Web conferentie plaats. Uiteraard een aanrader voor iedereen die professioneel of vanuit persoonlijke belangstelling met het web te maken heeft (zie "W3C breidt aanwezigheid op WWW 2012 uit"). Fons Kuijk Nieuwsbrieven worden met regelmaat door het W3C Benelux Kantoor uitgegeven. Ze bevatten het laatste nieuws over W3C activiteiten en evenementen die door of in samenwerking met het W3C Benelux Kantoor worden georganiseerd. Aanmelden of afmelden voor deze nieuwsbrief kan via een bericht naar: [email protected].
    [Show full text]
  • International Conference on Information Technologies (Infotech-2018) 20-21 September 2018, Bulgaria
    20-21 September 2018, BULGARIA 1 Proceedings of the International Conference on Information Technologies (InfoTech-2018) 20-21 September 2018, Bulgaria EXPLORE MODERN RESPONSIVE WEB DESIGN TECHNIQUES Elena Parvanova Technical University of Sofia, CEE, Botevgrad e-mail(s): [email protected] Bulgaria Abstract: In the short history of web design development have long been used table web design and fluid web design. Responsive Web Design corresponds to the needs of modern devices. The modern web design uses Flexible Box Layout and Grid Layout. Grid Layout is considered to be the most appropriate technique for full page layouts. Flexbox is ideal for styling components on a page, controlling how groups of elements relate to each other. Key words: responsive web design, frameworks, flexbox, grid layout, networking. 1. INTRODUCTION In the early days of World Wide Web (WWW), most websites were built and managed by IT departments. The first websites have belonged to large companies, scientific and government organizations. Today, anyone with basic computer skills can build their own web site. With the help of an online platform, each user quickly gets а web space. Step by step using CMS, it's easy to create a blog and even an online store. Nowadays, website design has become an industry that is growing. Great web designs have lead some businesses to grow and prosper. The opposite side of а badly built web sites lead to failure. There are some recommended tips for designing a web site: good content layout, simple site navigation, appropriate color scheme, user- friendly design compatible with any devices and visible to any screen resolution.
    [Show full text]