Design

Design

Best of 2015: 100+ Free Photorealistic Mockups to Make Headers and Presentations Rock

March 7th, 2016
by
100+ Free Photorealistic Mockups to Make Headers and Presentations Rock

For us, it is always about the first impression. We trust our instincts, so why not use this knowledge to achieve our goals. If you want to sell a product or increase conversion rates on your website, it is a really good idea to take care of the ‘wrap’. Any service or digital merchandise requires a proper environment to draw the readers’ attention. If...

Design

CSS Shapes: How to Line up Images and Texts

March 5th, 2016
by
CSS Shapes: How to Line up Images and Texts

In applications such as InDesign or QuarkXPress, letting letters flow along paths is a long established standard for lining up images and text. With CSS3 CSS Shapes allow you to create the same behaviour in the browser. To do so, you can define paths which the text is supposed to follow, as well as define cut-out images, which the text is meant to place...

Design

SVG Filters: How to Apply Them to HTML Elements

March 4th, 2016
by
SVG-Filter: How to Apply Them to HTML Elements

You can use CSS3 to add blur, shadow, brightness or contrast to an element. Overall, there are ten filters available. The SVG format knows filter effects as well. Partially, these options overlap, for example when it comes to blur. However, the SVG format knows several additional filters that CSS3 alone can’t create. With little effort, you can add any desired SVG filter to an...

(Free) Services

Google Resizer Cares for Responsive Design

March 3rd, 2016
by
Google Resizer Cares for Responsive Design

Thanks to plenty of types of mobile devices, contemporary websites need to be designed for different resolutions and orientations. However, to see how a site looks on a tablet, smartphone, or a standard monitor, it’s not necessary to have all devices ready at all times. Google Resizer is a handy web tool which will easily show you a website for many different types of...

Development

Perfectly Responsive Typographic Headlines with CSS and JavaScript

March 1st, 2016
by
Perfectly responsive headlines with CSS and Javascript

When charging ahead with all of your new strategies for responsive web design don’t forget the one of most important parts – the typographic headlines. Stay ahead of most web designers by paying close attention to how the headlines are playing out on the page at different sizes. That means being very intentional about the sizing and line breaks for type. Here are some...

Design

Responsive Tables: CSS Only, No JavaScript

February 27th, 2016
by
Responsive Tables: CSS Only, No JavaScript

Responsive web design has established itself as the way of modern web development for a while now. The increasing mobile internet usage makes it necessary for a website to be recognizable even on small displays. This is always a challenge for web designers and developers. Where do I put the complex navigation? How do I provide photos and graphics? What do I do with...

Design

StickyStack, Colofilter, Heisenberg and More: 5 Interesting Design Helpers

February 26th, 2016
by
StickyStack, Colofilter, Heisenberg and More: 5 Interesting Design Helpers

On my daily deep dives into the web of webs, it’s natural that I come across countless corals, sea creatures, particles, and everything else that dwells down there. I thought you might be interested in what I keep in my virtual trawl. As I’m a selective fisherman, the bycatch is rather small. These design assistants fell into my trap. Tools for Design and Development:...

Design

Unsplash Adds New API and Like Buttons

February 26th, 2016
by
unsplash-noupe

Unsplash, the popular free photos site with no restrictions on image usage, recently unveiled a new set of features and tools for its users. To begin with, much like Facebook and other social networking sites, Unsplash too has a “like” feature now. This option, presented in the form of a heart, is what you can use to “like” or “heart” a photo on the...

Design

Gutenberg: Web Typography for Everyone

February 25th, 2016
by
Gutenberg: Web Typography for Everyone

Gutenberg is a starter kit for better web typography. Its developer Matej Latin provides an easy way of creating prettier content that is easier to read. This is mainly achieved by a consequent orientation of all contents towards a baseline which is defined depending on the text size. Gutenberg’s Web Typography is Handsome Good typography is a rare sight on the web. Of course,...

Design

PayPal Sans: The New Exclusive Font For PayPal

February 25th, 2016
by
paypal-sans

PayPal has recently got a new custom typeface: PayPal Sans. Designed exclusively for PayPal by the Klim Type Foundry, PayPal Sans comprises of two sub-families: PayPal Sans Big and PayPal Sans Small, as well as 14 styles. As a custom font, PayPal Sans is something you will see in use exclusively on PayPal website and mobile apps.

Design

Lightroom 2.0 For Android is World’s First RAW Photography App

February 23rd, 2016
by
lightroom-android

Adobe have recently released a new version of the Lightroom app for Android, and among other things, Lightroom on Android 2.0 happens to be the world’s first end-to-end RAW mobile photography app. In other words, Lightroom 2.0 lets you shoot, edit and share RAW/DNG photos using your Android smartphone or tablet.

Design

What We Can Learn from the Color Palettes of 10 Top Websites

February 22nd, 2016
by
What We Can Learn from the Color Palettes of 10 Top Websites

When you take a close look at the ten most popular websites in the U.S., you’ll notice some patterns- some ways of dealing with color and white space that can inform your design sensibility. These companies wield an inordinate amount of capital, and can pay marketing professionals designers and market researchers to A/B Test, design, and optimize their sites at this point in their company...

Design

SVG Filters: How to Apply Them to HTML Elements

February 21st, 2016
by
SVG Filters: How to Apply Them to HTML Elements

You can use CSS3 to add blur, shadow, brightness or contrast to an element. Overall, there are ten filters available. The SVG format knows filter effects as well. Partially, these options overlap, for example when it comes to blur. However, the SVG format knows several additional filters that CSS3 alone can’t create. With little effort, you can add SVG Filters to an HTML element....

(Free) Services

Wix 2016: Brand-new Editor, Music Store, and More

February 16th, 2016
by
Wix 2016: Brand-new Editor, Music Store, and More

Wix is a website builder made to simplify and professionalize the creation of contemporary websites for several years already. Plenty of templates and extensive editing options are essential characteristics of the tool. As trends and techniques change fast in the web design and development sector, Wix has recently published its rehashed editor with new features. Now, Wix supports the trend of using videos as...