Fresh UI Inspiration in the Era of Google Material and Design Patterns Elements such as full screen images or videos, parallax scrolling, hamburger menu icons, boostrap templates or "Google Design Material"... are everywhere! The saturation of these techniques and resources has led to a rather boring, generic web experiences. Responsive Web Design created a platform for safe design patterns which safeguard usability and multi-device adaptation. At this point in time, questions are being asked about the over-reliance on patterns and design materials; achieving visually creative and original user experiences appears to be the cause of much head scratching to some within the industry. Despite this rationalization of design, we can find original and creative examples which take the risk and look beyond flat design. The spotlight is hovering towards interaction animation and transition. Mobile UI examples are pretty commonly used to illustrate this point. By Michael Oh By Michael Martinho By Michael Martinho By Anke Mackenthun By Javier Perez By Ehsan Rahimi Maan Ali
Cascading Style Sheets, ниво 1 Препоръка на W3C, 17 декември 1996, последна преработка на 11 Януари 1999 Това е превод, така че не е гарантирана абсолютната точност на съдържанието. Надявам се да дам добър пример и да се появят още преводи на спецификации на български. Оригиналната версия на английски език на тази спецификация може да бъде намерена на адрес: Статукво на този документ Този документ е W3C препоръка. Списък с текущите W3C препоръки и други технически документи може да бъде намерен на адрес Този документ е преработена версия на документа, който е издаден за пръв път на 17 декември 1996. Този документ определя ниво 1(level 1) на Cascading Style Sheet механизма(CSS1). Едно от основните свойства на CSS е, че стиловите листа(style sheet-овете) се изсипват; авторите могат да прикачат желания стилов лист, докато читателя може да има личен стилов лист, който да приспособи документа за човешки или технологически недъзи. Резюме Терминология атрибут
Media Queries Abstract HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types. For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. ‘screen’ and ‘print’ are two media types that have been defined. Media queries extend the functionality of media types by allowing more precise labeling of style sheets. A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. Status of This Document This section describes the status of this document at the time of its publication. A W3C Recommendation is a mature document that has been widely reviewed and has been shown to be implementable. This document has been reviewed by W3C Members, by software developers, and by other W3C groups and interested parties, and is endorsed by the Director as a W3C Recommendation. Please see the Working Group's implementation report and the Media Queries Test Suite. 1. 3. 5.
PXtoEM.com: PX à la conversion EM en toute simplicité. What Is It Now available here in Finnish thanks to Oskari Laine, Helsinki, Finland. Mikä Computer Programming? And here is a Czech translation (provided by the autip.com team). Introduction Today, most people don't need to know how a computer works. Most people can simply turn on a computer or a mobile phone and point at some little graphical object on the display, click a button or swipe a finger or two, and the computer does something. But, since you are going to learn how to write computer programs, you need to know a little bit about how a computer works. proc-ess / Noun: A series of actions or steps taken to achieve an end. pro-ce-dure / Noun: A series of actions conducted in a certain order. al-go-rithm / Noun: An ordered set of steps to solve a problem. Basically, writing software (computer programs) involves describing processes, procedures; it involves the authoring of algorithms. It has often been said that a person does not really understand something until he teaches it to someone else.
Free Icon Sets, Social Media Icons, Web Icons, Toolbar Icons, Icon Tools - SoftIcons.com Complex Selectors - Learn to Code Advanced HTML & CSS Lesson 3 Selectors are one of, if not, the most important parts of CSS. They shape the cascade and determine how styles are to be applied to elements on a page. Up until recently the focus of CSS never really touched on selectors. Occasionally there would be incremental updates within the selectors specification, but never any real ground breaking improvements. Fortunately, more attention has been given to selectors as of late, taking a look at how to select different types of elements and elements in different states of use. CSS3 brought new selectors, opening a whole new world of opportunities and improvements to existing practices. Common Selectors#common-selectors Before diving too deep into some of the more complex selectors, and those offered within CSS3, let’s take a quick look at some of the more common selectors seen today. The type selector identifies an element based on its type, specifically how that element is declared within HTML. Common Selectors Overview Descendant Selector
HTML Special Symbols | Sabina Nore The HTML codes listed on this page are only relevant for designers and developers. If you want to add any of these symbols to FaceBook, Twitter, etc., then you don’t need the HTML code. Instead, copy the symbol itself, and paste it where you need it. Star Symbols in HTML Symbol HTML code ✢ 4 Tear-drop asterisk ✣ 4 Balloon asterisk ✥ Club asterisk ✤ 4 Balloon asterisk heavy ✦ 4-pointed star black ✧ 4-pointed star white ✩ Stress outlined star ✪ Circled white star ✫ Open center black star ✬ Black center white star ✭ Black star outlined ✮ Black star outlined heavy ✯ Pinwheel star ✰ White star shadowed ✱ Asterisk heavy ✲ Open center asterisk ✳ 8-spoked asterisk ✴ 8-pointed black star ✵ 8-pointed pinwheel star ✶ 6-pointed black star ✷ 8-p. rectilinear ✸ 8-p. rectilinear heavy ✹ 12-p. black star ✺ 16-p. asterisk ✻ Teardrop-spoked ast. ✼ Open center t-s. ast. ✽ Heavy t-s. ast. ✾ 6-p. b&w florette ✿ Black florette ❀ White florette ❁ 8-p. outlined bl. florette ❂ 8-p. circled o.c. star ❃ Heavy t-s. pinwheel ❄ Snowflake ❇ Sparkle ®
Les microformats et microdata apportés par HTML5 Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations. Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Cet article a été rédigé par Geoffrey Crofte, intégrateur et designer web chez Alsacréations et pour son petit studio Creative Juiz. Également auteur de son propre blog Creative Juiz et de nombreux articles pour la communauté Alsacréations, Geoffrey apprécie les expérimentations sur CSS3 et nous les fait partager sur TryToTry, son laboratoire. Retrouvez Geoffrey sur Twitter : @geoffrey_crofte ou sur son portail perso. Présentation Rendu :