web design education | Digital Design: Foundations of Web Design | Adobe Adobe & Education With the challenges the world is facing today, the need for creative ideas has never been greater. When students become creators of digital content, they can amplify their ideas and increase their impact. The Adobe Education Exchange is your online hub to help ignite creativity in your classroom. The Adobe Education Exchange gives me a great resource to point not only our faculty to, but those who work with faculty on course development. Connect on RT @themaclab: Free @AdobeEDU online course for teachers begins April 15th #AdobeGenPro Animation #createedu #AdobeE… - 19-4-2014 at 16:15:1 Trending resources Trending members
Best idea wins one FREE app each month! | ShoutEm We decided to give away a free app every month to the best idea out there. It’s simple, and you can have a free native iPhone or Android app all for yourself in no time! Here is what you need to do: Follow us on Twitter Tweet a message like this (be creative, impress us ): “#shoutem #freeapp #april I want to build an app for Fredericks Maryland football club. www.linktosite.com” We will send you a direct message with the results of the competition, stay tuned. Notes: Linking to a website is optional; it can be something completely new. That’s it. Envato Marketplace Wiki Three column liquid layout Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magna aliquam erat volut. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
7 Free Typography Ebooks We would all agree that content is the most important aspect of any website. And in most cases content is made up of type. So, as a web designer, it makes sense to have a strong understanding of typography. With that in mind, we rounded up some free ebooks that should help you strengthen your typography skills. Meet Your Type Meet Your Type, by the FontShop, will help you overcome common obstacles, and keep your heart thumping for your one true love: typography. Better Font Stacks A comprehensive comparison of various font stacks. The Typographer’s Glossary The Typographer’s Glossary, by the FontShop, is a glossary of typography related terms. The Elements of Typographic Style Applied to the Web In order to allay some of the myths surrounding typography on the web, this ebook is structured to step through the principles found in Robert Bringhurst’s The Elements of Typographic Style, explaining how to accomplish each using techniques available in HTML and CSS. Type Classification About the Author
The Perfect 2 Column Liquid Layout (double page): No CSS hacks. SEO friendly. iPhone compatible. Percentage dimensions of the double page layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. 800 x 600 Left & right columns: 357 pixels 1024 x 768 Left & right columns: 459 pixels The nested div structure I've colour coded each div so it's easy to see: The header, colmask and footer divs are 100% wide and stacked vertically one after the other. No CSS hacks The CSS used for this layout is 100% valid and hack free. SEO friendly The higher up content is in your page code, the more important it is considered by search engine algorithms (see my article on link source ordering for more details on how this affects links). Full length column background colours No Images No JavaScript
About microformats - Webmaster Tools Help Marcado de datos con microformatos Los microformatos son sencillas convenciones (conocidas como entidades) que se usan en las páginas web para describir un tipo concreto de información (por ejemplo, una opinión, un evento, un producto, una empresa o una persona). Cada entidad tiene sus propias propiedades. Por ejemplo, una persona tiene las siguientes propiedades: nombre, dirección, cargo, empresa y dirección de correo electrónico. En general, los microformatos hacen uso del atributo class en las etiquetas HTML (que suelen ser <span> o <div>) para asignar nombres breves y descriptivos a las entidades y a sus propiedades. A continuación mostramos un ejemplo de un bloque HTML breve con la información de contacto básica de Roberto Sánchez. <div><img src="www.example.com/robertosanchez.jpg" /><strong>Roberto Sánchez</strong> Editor principal de Ediciones ACME Calle Mayor 4 Alcalá de Henares, Madrid 28801 </div> A continuación se indica cómo funciona este ejemplo. Microformatos anidados
DesignWar : art, design, photography, architecture, streetart, f W3Clove :: site-wide markup validation tool jQuery Credit Card Format Valiation Plugin: Smart Validate Smart Validate is a jQuery credit card validation plugin, that makes credit card format validation a simple task. It ensures that user has entered valid credit card number before making actual transaction. Smart Validate supports the following credit cards. American ExpressMaster CardVisa CardDiners ClubDiscover The plugin can be easily extended to support other credit card types. Using Smart Validate In your HTML file add the following in the head section. Add a reference to latest jQuery scriptAdd a reference to ccvalidate.js fileAdd a reference to ccvalidate.css file Add the code below to your HTML document or use classes “cc-ddl-type”, “cc-card-number” and “cc-checkout” to existing elements. Smart Validate plugin has only one parameter that is a callback function to be called, that returns a boolean value indicating whether the credit card number is in valid format or not. Here is the full code for the example above.
Using OpenType font features with CSS 3: Part 1 | Fontdeck Blog The vast majority of fonts contain lowercase and uppercase alphabets, numerals, punctuation and accents. But there can be much more to fonts than this basic set of characters. Many professionally-designed fonts also contain ligatures, alternative characters, smallcaps, different kinds of numbers, and sometimes much more besides. Discretionary ligatures in Magneta · Stylistic alternate in Raisonne · Swash alternate in Trilogy Fatface Nowadays these additional font features are all included in the same font file and accessed through OpenType, a technology jointly developed by Adobe and Microsoft in the late 1990s. Introducing font-feature-settings The CSS 3 Fonts Module proposes many properties to access popular OpenType features. font-variant-ligatures: common-ligatures At the moment there is no support for that or any other font-variant- properties. font-feature-settings: "liga" To turn on discretionary ligatures as well, we would add a second property: font-feature-settings: "liga", "dlig"
Custom Events are Pretty Cool Let's say you are working on a web application in jQuery and you are tasked with writing an accordion suited to the needs of your web app. You decide to make it into a plugin. That way anywhere in this app that needs an accordion, they can load this plugin and call it upon semantic markup that is ready to become an accordion. Then ta-da, they have a lovely working accordion. Now another developer is using your accordion and they want to be able to Ajax load some content into one of the sections of the accordion, but only when that section is opened. Callbacks, the traditional way One way to approach that would be to write "callbacks" into your plugin. And they would have created those callback functions themselves: function myPanelOpenCallback() { } Then the plugin itself would honor those callbacks in its related internal functions: View Demo of Callback Model Custom Events, a better way Now we're in an interesting position. Here's where custom events are super rad. Yay for freedom! Share On
WorkFu + Find work opportunities. Discover talent. The opportunity network.