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.

Removing Border and Shadow from Selected Images in Blogger Dynamic View

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.

Tendencias en Diseño Web en 2013

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. 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.

CSS Exclusions Module Level 1

GitHub · Build software better, together. BrowserSwarm. Animation to Explain CSS Triangles.

CSS

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.

Which Custom Web Fonts Solution Should You Use?

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.

Easy Custom Web Typography with Google Fonts API

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. When you insert the Google code in your website, the Font API returns a stylesheet including an @font-face rule for your chosen font, it might look a little like this: 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. Text rendered using the Google Font API is still selectable, which is one drawback with some solutions like SiFR. 4 Ways to Host Your Website on Dropbox. Online Web Tutorials.