BlogmyQuery – BMQ

Patterns can be a powerful way to quickly add some real texture to your artwork with very minimal effort. In one-click you have beautiful texture overlays that will infinitely fill any size layer or shape you want with soft, subtle texture tiles. Scale them up, or down without any loss in quality and move them around in any direction, without seeing any edges or seams.

Buy All 40 Patterns at Creative Market →

Seamless and Scalable

These seamless subtle grunge patterns are available in many formats, most notably as infinitely scalable vectors. As a bonus, there is also a folder of 300DPI PNG graphics, and Photoshop .PAT patterns for maximum compatibility and there’s even the possibility of even web use with SVG’s.

Transparent Backgrounds

Each texture is isolated on it’s own with no background at all, making them ideal to drag and drop into any project or software, plus it makes them even easier to re-size and re-colour. Explore the product images for some examples of just how versatile these patterns can be.

Patterns in Multiple Formats

Each texture is exported in a number of different formats to make them even easier to use in any graphics software you wish. We have Illustrator .AI Swatches, .AI source files, Photoshop .PAT pattern files, SVG vectors, PNG files at 300DPI and EPS vector graphics available.

40 Unique Seamless Vector Patterns

Here you can get a quick glance (click to zoom) at all 40 unique textures that are included in this pack. Each one contains delicate texture details that can be used for a super soft textured look, without getting too heavy. OR you can stack them over and over to build up realistic layers of texture.

Examples of Before & After Uses

As you can see, the patterns can easily be used to fill any type of layer or graphic with texture in just one click – making them very versatile across any software. Let’s take a step by step look at how one of these effects might be achieved, if one pattern is not enough you can begin to stack them …

Super Versatile Patterns

Any layer, background, text, graphic, photo, illustration or shape can be filled with these patterns to instantly add an element of texture. Stack your layers to increase the effect and create an endless number of texture combinations, all of which are seamless and fully scalable.

Features and Highlights

— Seamless Texture Patterns
— 40 Vector .AI files and Swatches
— 80 Photoshop Pattern Files — 40 Black and 40 White textures.
— 40 SVG files
— 40 PNG files — 300 DPI resolution — 2500 pixels wide
— 40 EPS vector graphics
— Help file included

Buy the full pack and view more details →

More like this?

The original textures used as the base of these patterns come from my bigger pack of 47 Subtle Grunge Vectors, consider pairing these two resources together for even more vector grunge goodness. I used these textures to create fully seamless, tillable versions of the same textures. Discover more more design resources made by too!

Thanks and credit

Thanks to the following creatives for their free artwork which I used in some of the preview images… “Hot Air Balloons” by @thecutewanderer https://unsplash.com/photos/nNM9dALmmOQ — “Boardwalk to Sea” by Husen Siraaj https://unsplash.com/photos/fsNMGdyQTUY — and free illustrations thanks to Control https://control.rocks/

The post Seamless Vector Subtle Grunge Patterns appeared first on Function Design Blog.

Agile Designers by Webalys is a platform for web designers, currently in beta. Up to now already around 1,900 designers have registered and put up 740 resources. This is massive, considering that the service just launched on the 7th of November of last year. Reason enough to take a closer look at what's in store.

A few days ago we brought HTML_CodeSniffer to your attention, a bookmarklet for testing websites in terms of accessibility. Today we encountered a brand-new project, that aims at the average designer and is set to be the starting point for everything around accessibility. Community-driven and crowdsourced, A11Y as the project abbreviates itself, wants to support and encourage accessible web designs. The project is refreshingly different and growing rapidly.

Media queries are a great tool for changing a website’s layout depending on parameters like viewport width, but it can be very annoying when browsers do not do the same thing. An obvious example is whether or not a vertical scrollbar, should one exist, is included when the viewport’s width is calculated.

I made a note about this two years ago in Media queries, viewport width, scrollbars, and WebKit browsers. In that post I also pointed to the following statement in the Media Queries specification:

The ‘width’ media feature describes the width of the targeted display area of the output device. For continuous media, this is the width of the viewport (as described by CSS2, section 9.1.1 [CSS21]) including the size of a rendered scroll bar (if any).

So it’s pretty clear what browsers are supposed to do. But in reality this varies. It doesn’t just depend on the browser and operating system but also on user settings. To find out what current browsers do, I created a simple Media Query width test document with a number of breakpoints and opened it in a lot of browsers.

I saw three different behaviours.

Read full post

Posted in Browsers, CSS.

Copyright © Roger Johansson

The week is coming to an end and that means it is time for us to look back on the week that passed, the best design news, resources and other goodies. This week we look at Responsive Web Design, Twitter Bootstrap, what comes first the idea or the design, as well as taking a trip down memory lane with the history of Apple.com

Creative Techniques for Single-Page Websites

Over the past few years there has been an emergence of new custom trends in website design. A very popular idea is placing all your major content onto a single page and using dynamic scrolling animations to locate bits of content. These single-page layouts are popular among landing pages and mobile apps which only need to display a small section of related information. In this article I would like to go over some interesting techniques you’ll find in single page websites.

Quick Prototyping: Collection of Free HTML/CSS/JS UI Kits

The main idea of HTML/CSS/JS UI kits is to offer you a range of production-ready web elements with a consistent style, so that you quickly kick-start any new web project. Typically standard UI packs will include buttons of different sizes and types, form field elements, navigation & pagination systems, tabs, alerts and tags

21 Fresh Examples of Responsive Web Design

Responsive design is something a lot of designers talk about. And considering the importance of responsiveness and all the buzz around it, it’s impressive the amount of websites that are still not responsive. By now, with the amazing growth of mobile usage, every single website should be responsive to be able to attend to every user’s “screen size needs.�

Getting Started with Twitter Bootstrap

Building a website from the ground up is very hard. Even some people who are able to code in web languages like JavaScript, HTML and CSS would find difficulties in the process. Fortunately, a few Twitter developers and designers are aware of this situation and had launched a framework called Bootstrap to make life easier for web designers and developers.

Which Comes First: Web Site Design Or Content?

When you work on putting together your web site is it best to start with content or design? It’s a bit of a chicken or the egg conundrum. You really should not work on one entirely before the second. Here are two scenarios we’ve worked around and let me say, they are not ideal. 1. Working the design around a finished content document There have a been a couple of cases where a client hands me a finished Word doc to start a web site with and announces grandly: “I’ve got the content nearly finished for you.� On the one hand, it’s great that they’ve been thinking about the content of their web site.

7 Newly Released Frameworks for Developers

A framework is basically software application which assists developers to quickly design and develop dynamic websites. With the advent of HTML5 and CSS3, development becomes easy for everyone. Here at SkyTechGeek we conducted a search and collected 7 newly released frameworks which will assist our audience to design and develop beautiful cross browser dynamic websites, and applications.

Flat design vs. skeuomorphism

It seems that there has been a line drawn in the sand. A few brave design pioneers have all but denounced skeuomorphic design as yesterday’s news and have voted it off of the proverbial island. Are we witnessing the turning point of design as we know it, or are these champions simply jumping an imaginary bandwagon? Let’s take a closer look at the two biggest styles in 2013…

15 Years Of Apple Website History

After Tim Cook addressed The Wall Street Journal’s bad reporting on Apple’s cut on component orders for the iPhone 5, the quarterly numbers for 2013 were announced. As everyone expected, they were mind bogglingly good. As we have reported here on Bit Rebels before, Apple is in no way struggling to make profit off of their own ingenuity. But how is it that they continue their success year after year? Maybe the answer can be found in Apple’s website history.

20 Excellent jQuery Sliders for your Website

Making a website that is aesthetically pleasing is a process. It’s not generally going to happen overnight and it certainly won’t happen without a little intuition. It also requires the usage of a lot of different technologies to make the website look its very best.

30+ Creative and Inspiring Web Design Portfolio Websites

Many talented web designers like to show off their skills online and web design portfolio websites have become very popular. This is also a strong trend other creative niches and many graphic designers and photographers have creative portfolios as well.

The post Weekly News Roundup – 25 January 2013 appeared first on Design Reviver.