background preloader

WebDesign

Facebook Twitter

Show and tell for designers.

Drupal

Removing Border and Shadow from Selected Images in Blogger Dynamic View. Previously, I wrote a tutorial on how you can remove borders and shadows from your pictures, in a Dynamic View template. The tweak applies to all the pictures in your blog. Blog reader Filipe wants to know if it is possible to remove borders and shadows from a single image alone, instead of applying the tweak to all images. Yes, it is possible, and here's how. Step 1: If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog. If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

Step 2: Compose a post, and upload an image. Step 3: Change the word 'separator' in the very first line, to 'noborderdv'. And that's it. Happy 2012 everyone! Adrem Group - Design, Architecture & Digital Recruitment. Dash. Tendencias en Diseño Web en 2013. Este artículo fue publicado originalmente en inglés en bypeople.com usando un sistema de edición colaborativa integrando Github con WordPress. El Equipo de The Shock family: iconshock, wpthemegenerator y jqueryslidershock, responsables también por bypeople.com, se ha encargado de la creación y traducción al español del mismo, dejándolo aquí, en WWWhatsnew.com, como una excelente guía para profesionales del diseño web. Espero que os guste: A continuación encontrará una guía completa de lo que está marcando tendencia en el ámbito del diseño web.

Los campos de acción del diseño y el desarrollo web se están cruzando cada vez con más frecuencia y se ha hace importante cubrir la necesidad de entender los nuevos conceptos que conciernen a estos campos. Esperamos que esta guía sea un gran aporte para ayudarle enfocar el camino a seguir en el avance del diseño web. Adaptación al diseño web responsivo El diseño web responsivo (DWR) se ha convertido en la tendencia y el camino a seguir en el campo. Layout | Web Platform. CSS Exclusions Module Level 1. Editor's Draft 1 October 2013 This version: Latest version: Editor's Draft: Previous version: Editors: Vincent Hardy, Adobe Systems, Inc., vhardy@adobe.com Rossen Atanassov, Microsoft Corporation, ratan@microsoft.com Alan Stearns, Adobe Systems, Inc., stearns@adobe.com Issues List: in Bugzilla Feedback: www-style@w3.org with subject line “[css-exclusions] ” (archives) Test Suite: Copyright © 2013 W3C® (MIT, ERCIM, Keio, Beihang), All Rights Reserved.

Abstract CSS Exclusions define arbitrary areas around which inline content ([CSS21]) can flow. Status of this document This is a public copy of the editors' draft. The (archived) public mailing list www-style@w3.org (see instructions) is preferred for discussion of this specification. This document was produced by the CSS Working Group (part of the Style Activity). GitHub · Build software better, together. BrowserSwarm. Animation to Explain CSS Triangles.

CSS

PHP IDE :: JetBrains PhpStorm. Sublime Text: The text editor you'll fall in love with. JS. Which Custom Web Fonts Solution Should You Use? Over the past few years the number of fonts available for use in web design has dramatically increased. It wasn’t long ago that we all knew not to stray further than the basic Arial, Helvetica, Times, Georgia mix, but now there’s a range of services that allow the use of almost any font imaginable in your website design. This post rounds up the various custom web font solutions and looks at the pros and cons of each. The most basic solution out of the lot is the CSS3 @font-face property. I’m sure we’re all familiar with @font-face by now, it allows you to load a font file from your CSS and apply that font to the styling of your HTML text. Pros: Powered by CSS. Cons: Limited to open source fonts Links: Since Google launched its Google Web Fonts API the service has grown to include hundreds of freely available fonts for use in your designs.

Powered by CSS. Choice is limited to a range of free fonts Premium service with a yearly fee. Web font hosting services - An Overview - by sprungmarker.de. Which Custom Web Fonts Solution Should You Use? Easy Custom Web Typography with Google Fonts API. The world of web typography is advancing with leaps and bounds.

Already we have the options of SiFR, Cufon, Typekit, @font-face and now, Google has introduced their own custom font service under the Google Font API. Let’s take a look at what the Google Font API is and how you can use it in your own web designs. View the Google Font API demo The Google Font API is basically a shortcut to manually using the CSS3 @font-face property. The difference is, Google will do all the hard work in getting the font to work in non-CSS3 browsers such as Internet Explorer. The Google Font API is one of the most easy to use custom web font solutions out there.

The Google Font API works like a charm in most browsers. The Google Font Directory includes a range of tasteful and stylish fonts to choose from, as well as a selection of more decorative options. All fonts are released under an Open Source license, so the Google Font API can be used in both your commercial and personal projects. 4 Ways to Host Your Website on Dropbox. Online Web Tutorials.