background preloader

Epub développement

Facebook Twitter

A Guide to Responsive Breaking Points. Planning, designing, and coding responsive websites can be a daunting task.

A Guide to Responsive Breaking Points

For every type of mobile device or monitor, you have to accommodate yet another media query. With new phones and tablets hitting the market seemingly every day, it’s just not possible to include them all. When it was our turn to tackle the responsive challenge, we wanted to find a way to accommodate the majority of devices with the simplest code possible. We can’t code for every unique device – but we can code for each type. We hit the digital “books”, looked at what other sites were doing, sought after the emerging industry standards, and determined that the base breaking points found in the Bootstrap framework were spot on. Since we work in a visual industry, and we’re visual thinkers (just like you), we complied an infographic containing visual guides for the breaking points, testing tools, and a few key resources from our research.

Without further ado, here it is! Share this Image On Your Site. How to Use Media Queries in Responsive Web Design. Photo credit: Jeremy Keith, Creative Commons Responsive web design has exploded in popularity — thanks to the need to create sites that work across numerous devices.

How to Use Media Queries in Responsive Web Design

However, responsive design comes with some problems of its own. The issue of slow-to-load sites is now well documented. Let’s walk through some of the tricks designers are using to better load content and images on different devices. Media Queries to Call Styles One of these tricks is the use of media queries, which work to call styles to the user device based on its dimensions. Call Using External Stylesheet or in a Stylesheet Like we described in the free e-book Mobile UI Patterns, media queries first check the media type against the user agent string before going on to check for the physical attributes of the viewport.

Creating ePub files with Pages. Creating an ePub Document to read in iBooks You can export any Pages word processing document to the ePub file format for reading in an ePub reader, such as the iBooks app for iOS or Mac.

Creating ePub files with Pages

Documents created in page layout templates can’t be exported to the ePub format. Documents you export to ePub format will look different than their Pages counterparts. If you want to get the best document fidelity between the Pages and ePub formats, style your Pages document with paragraph styles and other formatting attributes allowed in an ePub file. A sample document is provided below that features styles and guidelines to help you create a Pages document that’s optimized for export to the ePub file format, which you can use as a template or a guide.

Le Web c’est pas en 72 dpi, coco! Pour fêter ma présence sur ce blog — youloulou, foule en liesse!

Le Web c’est pas en 72 dpi, coco!

— je vous propose de dézinguer un mythe du petit monde de l’informatique et du graphisme. Ce mythe dans sa plus simple expression: Le print c’est en 300 dpi, et pis le web c’est en 72 dpi. Can I use... Support tables for HTML5, CSS3, etc. Overview of Breakpoints in Responsive Web Design. Viewport Device-Widths for Mobile Devices. The following table list the pixel dimensions and viewport dimensions of several mobile devices.

Viewport Device-Widths for Mobile Devices

Focus is primarily on smartphones and tablets with high resolution screens; in particular, "retina" and "HD" mobile displays. Pixel dimensions are the physical hardware pixels count. They are listed for devices in landscape mode. Common smartphones and tablets devices values. Screen Sizes. Media queries - CSS. Une media query (ou requête média) consiste en un type de média, et au moins une expression limitant la portée des déclarations CSS, en mettant à profit les particularités des supports multimédias comme leur largeur, leur hauteur ou leur affichage des couleurs.

Media queries - CSS

Ajouté dans CSS3, les media queries permettent d'adapter la présentation du contenu à une large gamme d'appareils sans changer le contenu lui-même. Syntaxe Les requêtes de média sont formées d'un type de média, et peuvent, d'après la spécification CSS3, contenir une ou plusieurs expressions, traitant des fonctionnalités du média, qui sont interprétées comme vraies ou fausses. Le résultat de la requête est vrai si le type de média indiqué correspond au type de périphérique sur lequel le document est affiché et que toutes les expressions dans la requête sont vraies.

Lorsqu'une media query est vraie, la feuille de style ou les règles correspondantes sont appliquées selon les règles normales de la cascade. Opérateurs logiques and. Downloads - epub-applescripts - AppleScripts for ePub Creation. EReader Screens. Embedding Fonts in Epub Files. The ability to embed fonts is a complex one and requires not only technical knowledge, but also legal knowledge and an understanding of device support.

Embedding Fonts in Epub Files

Before you produce an epub file for a device which supports embedded fonts, you should first consider using one of the fonts already built into the device. See the list of fonts included with each device. Device Compatibility. Standard CSS for Epub Files. This page contains some standard CSS which is especially useful for ePub output.

Standard CSS for Epub Files

In general, this CSS works cross-platform and across devices. Listed are some typical formatting situations you will find in ebook production and the "standard" way to get things done. If there are device-specific hacks, they probably should be listed on the Device pages. CSS HowTo. A collection of hints and tips for formatting for ePubs using CSS.


Because this page is aimed at ePubs, CSS listed here must conform to the official ePub spec for CSS and XHTML. [edit] Overview This page is not a tutorial on XHTML or CSS. CSS template. Not all properties, such as those controlling widows and orphans, are supported by all eReaders at this time.

CSS template

[edit] Page Margin [edit] Images [edit] Links [Insert] a color value. E-Production.