What’s On TAP? – Strategies for keeping pace with rapid changes in mobile technology Charles Moad and Rob Stein, Indianapolis Museum of Art, United States Abstract In 2011, the New York Times published an article that reinforces what many museums are feeling as they scramble to keep pace with changes in technology. Entitled, “Software Progress Beats Moore’s Law”, the article cites a White House advisory report detailing the changes in hardware and software innovation in the past 15 years. Perhaps most challenging for museums today are the changes occurring in the mobile industry. As described in (Stein 2011), the Indianapolis Museum of Art (IMA) proposed a platform called TAP that envisioned a modular software framework in addition to a formal description of mobile tour content called TourML. Keywords: mobile content, sustainability, open source, standards 1. Perhaps most challenging for museums today are the changes occurring in the mobile industry. 2. 3. Assets Any piece of content that is vital to a tour is considered an asset. Stops 4. 5.
An Introduction To Object Oriented CSS (OOCSS) - Smashing Coding Advertisement Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site. From a Web developer’s perspective, however, some may argue that speed is king. Unfortunately, CSS seems to get somewhat overlooked in this area while many developers (for good reason) focus largely on JavaScript performance and other areas. In this post, I’ll deal with this often overlooked area by introducing you to the concept of object oriented CSS and how it can help improve both the performance and maintainability of your Web pages. The Principles Of OOCSS As with any object-based coding method, the purpose of OOCSS is to encourage code reuse and, ultimately, faster and more efficient stylesheets that are easier to add to and maintain. As described on the OOCSS GitHub repo’s Wiki page, OOCSS is based on two main principles. Conclusion
TourML (in progress) : MuseumMobile Wiki See also 5 reasons why TAP should be your museum’s next mobile platform TourML (pronounced “turmoil”) from the Indianapolis Museum of Art is an attempt to standardize the data of museum tours. By exposing your tour content in TourML, you should be able to leverage the work of others and expose your tour on many platforms. Fundamentally, TourML should only represent the content of your tour while leaving the presentation decisions to individual applications. See the latest TourML.xsd schema and sample instance on the TAP Google Code project. In thinking about how to support the Information Architecture described by Nancy in her post, as well as support for a more traditional stop-based tour as described in the TAP application. The architecture looks a little something like this: TOURSETS: (not currently in schema) A TourSet is a container for multiple Tours which may be present on a single device. This TourML XMLSchema is currently being developed. Open issues:
CSS Length Explained When styling a web site with CSS you might have realised that an inch on a screen is not an actual inch, and a pixel is not necessarily an actual pixel. Have you ever figured out how to represent the speed of light in CSS pixels? In this post, we will explore the definition of CSS length units starting by understanding some of the physical units with the same name, in the style of C.G.P. The industrial inch (in) People who live in places where the inch is a common measure are already familiar with the physical unit. The device pixel Computer screens display things in pixels. Display pixel density, dots per inch (DPI), or pixels per inch (ppi) The physical dimension of a device pixel on a specific device can be derived from the display pixel density given by the device manufacturer, usually in dots per inch (DPI), or pixels per inch (PPI). The MacBook Air (2011) I am currently using comes with a 125 DPI display, so (width or height of one device pixel) = 1/125 inch = 0.008 inch = 0.02032 cm
A Complete Reading List For CSS This resource addresses everything in CSS from selectors to filters, covering I would consider the fundamentals of Cascading Style Sheets: naturally, “complete” is a relative term. The list will be added to over time, as the CSS specification continues to grow: I have several series currently in production (including flexbox and shapes) that will be added in due course. Each module contains supplementary material, recommended exercises, external references and suggested exercises. If you have feedback, corrections or suggestions, please feel free to contribute in the comments section below. Goal: learn and apply CSS to enhance the presentation of web page content. CSS controls the appearance of web page elements, with limited interactivity.
7 Tips For Decreasing Load Times of Web Pages Using CSS and Javascripts Everyone wants to get things done quickly while they are surfing the web, so it is quite obvious that people want a website’s page to load fast. Although those days are gone when pages took a lot of time to load but still there is still room for improvement. Many tools are available are available out there that can help you ameliorat your web pages’ loading speed, so here is a list of 7 Ways of Improving Your Page Load Time Using CSS and JavaScript. Check them out. 1. Advertisement This one operates like a validator, and provides you more information about each error you encounter. 2. Packer will prove to be really helpful for all the people out there who wish to use JavaScript code in their webpage. 3. SquishIt is a GitHub trademark. SquishIt has a Google Group and the discussion forum that can help you even more. 4. Minify is a PHP5 app that aids you with your CSS and JavaScript. If you have 5 JavaScript files, then they will be bundled into one. 5. 6. 7.
14 Highly Useful Online CSS3 Generators CSS is commonly known as cascading style sheets which can be defined as basically a style sheet language and it is used for describing the presentation semantics which in lay man’s language is the looks and formatting of a document that is initially written in markup language. CSS has to perform the basic purpose of separating the content that the document has from the presentation of the document presentation that includes elements such as colors layouts and fonts. If you are working with CSS , it is very important to have a good set of tools so that you can easily speed up the process and not only does it speed up the process but using these tools can also help simplify the work to a very great extent which is also of great help. A lot of these tools are available on the internet because they are in huge demand because they help in time management they are straight forward and precise and do a good amount of work in comparatively lesser time. 1) CSS Creator – Layout Design 3) CSS3 Please
12 Little-Known CSS Facts CSS is not an overly complex language. But even if you’ve been writing CSS for many years, you probably still come across new things — properties you’ve never used, values you’ve never considered, or specification details you never knew about. In my research, I come across new little tidbits all the time, so I thought I’d share some of them in this post. Admittedly, not everything in this post will have a ton of immediate practical value, but maybe you can mentally file some of these away for later use. 1. Let’s start with the easier stuff. Take a look at the demo below: Notice in the CSS, only one color property is used, on the body element, setting it to yellow. The alt text displayed on a missing imageThe border on the list elementThe bullet (or marker) on the unordered listThe number marker on the ordered listThe hr element Interestingly, the hr element, by default does not inherit the value of the color property, but I had to force it to do so by using border-color: inherit. 2. 3. 4.
Discover What’s New in CSS 4 CSS 3 is still slowly making its way onto the web, but the World Wide Web Consortium (W3C), the governing body that oversees the development of web standards, is already plotting the future of CSS with CSS 4. The W3C recently released the first draft of CSS 4, adding dozens of new rules to make web developers’ lives easier. The CSS 4 spec is brand new and no web browser actually supports any of these rules yet, but if you’re curious what the next few years will mean for CSS, the first draft offers a sneak peek at what’s in store for web developers. The biggest news in the current draft of CSS 4 is support for the much-requested parent or “subject” selector. CSS 4 includes a means of controlling which element in the selection chain is actually being styled. With the subject selector it’s simple: The “$” means that the rule is applied to the ul, rather than the li.clicked as it normally would. The :matches() syntax eliminates the need to write out section h1, article h1 and so on. See Also: