background preloader

Useful blogs and sites

Facebook Twitter

Webbyarts - Download Free Vectors Graphics, Icons, Free Vector, Downloads, Icon Design. Webbyarts – Download Free Vectors Graphics, Icons, Free Vector, Downloads, Icon Design Free vector iPhone UI Kit This image is a scalable vector illustration and can be scaled to any size without loss of resolution.This image will free download as a .eps or ai file.

Webbyarts - Download Free Vectors Graphics, Icons, Free Vector, Downloads, Icon Design

71 урок о градиентах. Digital magazine for web application developers. DevSnippets. Foundation: Buttons. HTML & CSS: Design and Build Web Sites : Jon Duckett : 9781118008188. Slider Gallery. This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items.

Slider Gallery

Simple stuff. Tips on WhatsTrend.in. Пепелсбей.net. A weekly magazine for the design community. Forms. Why Users Fill Out Less If You Mark Required Fields Are most of your users skipping the optional fields on your form?

Forms

You might not need that extra information, but having it could help you learn more about users and give them a better experience. Frontender.com.ua. How to use Modernizr. Photo by Stéfan There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr.

How to use Modernizr

In this short tutorial, learn how to apply this handy script to maximum effect on your sites. An overview Although CSS3’s use has been increasing among web designers, browser support for some of its features is still inexistent. CSS Block vs Inline - CSS Made Simple. HTML elements can be displayed either in block or inline style.

CSS Block vs Inline - CSS Made Simple

Glyph UI Icon Set. CSS tricks - Design Blog by Matthew James Taylor. CSS tricks Lots of neat CSS tricks and tutorials that I use and recommend The Floating Boxes CSS Layout An alternative website design to the standard 'fixed width' or 'liquid layout' designs Blog tags.

CSS tricks - Design Blog by Matthew James Taylor

Web Design Articles & Tutorials. Web Design Blog, Tutorials and Inspiration. Web development blog, news and tutorials - Developer Drive. CatsWhoCode.com. Are you feeling lucky today?

CatsWhoCode.com

If yes, you came at the right place since I’m happy to introduce WPkitchen.com, a new WordPress-oriented service and partner with them to lauch a new giveaway. It’s been a long time that I haven’t published a list of fresh and super useful snippets and hacks to enhance your WordPress Theme or install.

In-depth tutorials and articles on web design. 1stwebdesigner - Graphic and Web Design Blog. CSS Border Radius Generator. Creative Interaction Design Tools & Experiments - ZURB Playground - ZURB.com.

✿ Our favorite set — CopyPasteCharacter.com. Code Snippets. Web development tutorials, from beginner to advanced. Design Lunatic » HTML Starter Template. Articles & Tutorials. Are You Using CSS3 Appropriately? CSS3 is exciting.

Are You Using CSS3 Appropriately?

When it was introduced, it seemed like the untapped potential of Web Design was finally unlocked. It proposes speedier web page response times due to the reduction of images needed for things such as text effects and web buttons for our UIs. It cuts back our dependency on JavaScript for visual presentation purposes such as animation effects, not only resulting in less code (always a good thing) but also equating to even better web page performance. It promises less reliance on expensive graphics software like Photoshop. But has anything, in the broader scheme of visual design, really changed?

Introducing Mobile Javascript Events and Creating an Interactive Experience. In case you haven’t heard already, the big thing at the moment is responsive design.

Introducing Mobile Javascript Events and Creating an Interactive Experience

Everything has to be responsive in some way, so it’ll work on what is becoming an increasingly huge portion of traffic: mobile devices. Once the user is on your site though, how does one make the most out of their experience? Today I’m going to show you a bunch of things which aren’t in the spotlight when it comes to mobile design, but could really improve experience. You may have heard of event handlers. They handle how a browser responds to an event. Free PSDs & Resources for Designers. Справочник по CSS : Фильтры в Internet Explorer : Статические фильтры — Справочник Web-языков. Зарисовки структуры на бумаге. Надо ли? Иногда меня спрашивают почему я выбираю ту или иную структур верстки, почему строю структуру именно так… А я в общем-то и не знаю что ответить.

Зарисовки структуры на бумаге. Надо ли?

Когда только начинал верстать, до делал по большей части методом проб и ошибок, по много раз переписываю один и тот же участок, пока не находил какого-то верного решения. Потом, в какой-то момент, глядя на новый макет я научился прорисовывать будущую структуру в голове, просто смотрел на картинку и думал как должен быть построен HTML. Сейчас для простого макета хватает 1-2 минуты, чтобы я уже точно знал, как будет выглядеть структура, нужно просто сесть и написать ее.

Another CSS image replacement technique. A new image replacement technique was recently added to the HTML5 Boilerplate project. Journal and Portfolio of Saddam Azad, User Interface Designer and Front-End Web Developer. Headers footers columns and templates - Web Education Community Group. Introduction To this point, the articles in the Web Standards Curriculum have focused on single topics, ranging from soft concepts like typography and colour, to hard technical instruction on subsets of CSS 2.1.

This article takes on broader focus; its purpose is to show the reader how to take the material covered so far, and use it to build a complete site template. The principal assumption of this material is that you are already familiar with the CSS float, display, and position properties. Self directed learners who want to leap straight into the meat of the CSS are reluctantly invited to skip to section IV of this article, “Single column layout implementation” — but should note that in doing so, they will neglect discussion of how successful project planning leads to the layout and implementation of a Web site.

Note: you can download all of the sample code in one convenient package, to experiment with it on your local machine. 50+ Beautiful Websites with Great Colour Schemes. Here is another guest post, this time from Stu Greenham, a web designer / developer from Hull, United Kingdom and creator of the upcoming design and development blog DesignWoop.com. You can also follow Stu on Twitter – @stugreenham. If you like this post from Stu, you should also check another Inspired Classic – 25 Bright WordPress Themes Using Popping Colors As a Web Designer myself, I spend a lot of time trawling through tonnes and tonnes of websites looking for that spark of inspiration ensuring my design’s are fresh and adapt current web trends.

More often then not, the websites that stand out are the ones use bright, bold and effective color scheme’s and these are the ones I tend to remember. Here are 58 website’s I have picked that are all great in their own individual way. Blogfreakz - Web Design and Web Development resources.