INCG / Timothy van Sas your design and front-end hero. Fun with CSS3 orientation media queries. For a long time we have been able to specify styles for different media types using CSS, print and screen being the most recognizable. With CSS3 these media types have been extended to allow additional expressions, aka media queries, which gives us greater control on when specific styles should be applied. In this article I will focus on the orientation media query and have a fun demonstration showing how to use it. Orientation The orientation media query allows us to target specific styles based on the current screen or device orientation. We have 2 properties; landscape and portrait which allow us to change a pages layout based on the browsers current orientation. A browser or device determines the orientation by listening to the width and height of the window.
Within our style sheet we can specify our media query which will target a media type of screen and an orientation of portrait or landscape. Karma karma karma karma karma chameleon Deconstructing the demo Fade the color change. Romina / designer. Nostalgia stung my heart a bit.
I’m thinking about my favourite game when I was 6 years old. Me, my brother and my cousin were usually playing it when it […] I woke up this morning and realized that there is just a couple of days and this year will be gone. Facebook Share/Specifying Meta Tags FBML Audio Flash Video Action Bar « Graphic Design Blog. Here is the origin Configuring Meta Tags for Facebook Share Adding Facebook Share to your website is easy.
However, you can enhance how the shared item appears on Facebook by configuring how it gets previewed on a user’s profile and when a user tries to share it. You do this with a combination of <link> and <meta> tags. Facebook Share passes along the URL of your page to our servers, which in turn looks up certain HTML tags within it. Basic Tags In order to make sure that the preview is always correctly populated, you should add the tags shown below to the <head> element in your HTML code. You can control the exact title, description, and thumbnail that Facebook Share uses by adding the following meta tags to the <head> element in your page: So an example news story could have the following: As shown, title contains the preview title, description contains the preview summary and image_src contains the preview image.
The thumbnail_image is the URL to the image that appears in the Feed story. Checkthis. jQuery: Smooth Scrolling Internal Anchor Links. November 13th, 2010Charlie Evans Here’s a neat little jQuery trick to fancy up your internal anchor links, by making them scroll smoothly to their target as opposed to jumping instantly.
Internal anchor links are very common place, e.g. “back to top” links, or FAQ pages which list all the questions at the top. Making them visually scroll to their target not only looks a bit fancy, it also gives some visual feedback to the user as to their new position on the page. This is what it looks like in action, click the following link:Scroll to comments. How To Create an IE-Only Stylesheet. Dollar Shave Club. Zemljevid Najdi.si - Kranjceva 26. Frank Chimero — A graphic designer who writes.
The Shocking Truth About How Web Graphics Affect Conversions. Does this situation feel familiar?
— Your web designer reckons your site is outdated. It makes you look amateurish. If we’re being honest, we might even say it’s downright ugly and you should be ashamed of attaching it to your brand. The solution? A redesign, of course. It’ll have snazzy vector paths, cute cartoon scenes, jQuery carousels, full-page high-resolution background photos, the works. Why? Well, check out the reasons! 1. 2. 3. 4. 5. Wrong, wrong, wrong! Many years ago, advertising legend David Ogilvy commissioned research into the use of images. What he discovered from testing various kinds and placements of images was quite different to the popular opinion of designers—then and now: Neat Shtuff - Cool Shtuff that will make great gifts. Amazing Art Images : Amazing Photographs : Brilliant Design : Geek Stuff : Photographic Exhibition : Weird News : TheZigZagger.com.
Entertainment - Since 2002. A Commentary on Life: Politics, News, Entertainment, Technology, Culture, and Weirdo Beavers. Savage Chickens - Cartoons on Sticky Notes by Doug Savage. Blog publishing assistant: related images & articles - Zemanta. Open Source Web Design Resources Part 2. We shared with you some excellent Open Source Web Design Resources from Orman Clark in November last year.
We appreciate your interest and incredible response to our previous post. In today’s post we are sharing more freebies that he created in the last three months. The collection includes textures, brushes, patterns, backgrounds and other open source web design resources. We admire Orman Clark’s contribution to the design community and his continued efforts to make the designers’ life easy with these high quality open source web design resources. Stay tuned for more! Klemenpadomen.
Art. WEB. Vidéo. Conduite de projets. Curiosité. Exrtreme - outdoor sports.