Search results for: css

Design
Denis Potschien

Tridiv: Useful CSS3 Editor for 3D Objects

The design possibilities of CSS3 are diverse. Thanks to the “transform”-feature, not only animations, but also elements can be displayed three-dimensionally. With a few tweaks, three-dimensional objects can be drawn and arranged in space. With a little JavaScript, 3D animations are possible as well. The web application Tridiv provides a graphical user interface that allows...

Design
Dieter Petereit

CSSgram: Instagram Image Effects in Plain CSS

CSSgram is a tiny CSS library that allows you to apply 15 filters that you already know from Instagram to any image you want. If you like this type of image modification, you can grab it without hesitating. Using neat image effects doesn’t get easier than that. CSSgram: 1kb Small Powerhouse for Your Images Una...

Essentials
Juan Pablo Sarmiento

20+ Fresh Free HTML, CSS, PSD Templates: November 2015 Edition

We are back! This month we are throwing an amazing round-up collected across the internet containing cutting-edge featured web templates in several appealing combinations of flat, minimal, and clean styles as well as amazing layout distributions and creative ideas at you. Also, find fantastic GUI packs in Sketch and PSD formats that are completely suitable...

No Picture
Essentials
Nataly Birch

CSS Icons: 20 Vibrant, Fast, and Light Code Snippets

Use of modern and cutting-edge features of CSS3 has long ago moved from experimental to ordinary. Developers often turn to advanced properties such as animations, pseudo-classes, selectors, calculating values, 3d transforms, etc. without fear of browser compatibility or possible crashes. With an excellent support from JavaScript that can be used for fallbacks, creating websites from...

No Picture
Design
Denis Potschien

Lining.js: Controlling Text Lines per CSS Selector

The numerous available CSS selectors let us easily access almost each and every HTML element on any given page. The pseudo-element ::first-line even allows us to apply CSS properties to the first line of text in a document, no matter whether the line is automatically or manually wrapped. Unfortunately, besides ::first-line there are no selevtors to...

Design
Denis Potschien

Stitches: Free CSS Sprite Generator

As we know, less files to download mean better loading performance and page reproduction. Therefore, icons and other images, particularly small images, are often combined into a sprite. A sprite is a collection of several images put into one image file. Creating a sprite manually requires some work. The images are arranged in an image file...

Design
Denis Potschien

HTML5 and CSS3: Get Your Website Ready for High-Resolution Displays

When Apple introduced a new high-resolution display – the so-called Retina display – for its iPhones, iPads, and MacBooks a couple of years ago, they ushered in a new era of display quality. On such screens, the human eye can’t discern individual pixels anymore. With high-res displays being the norm rather than the exception today,...

No Picture
Design
Dirk Metzmacher

Web Design Takeaway: 40 CSS Buttons, Tutorials and Code Snippets

Pure CSS buttons and menus do not need graphics anymore but create themselves from the beauty of the written code. Generating this can be difficult in regard to broad browser compatibility. Thankfully, there are tutorials, ready-made code snippets, and numerous examples to choose from. And it gets even better, as we present you the best...

No Picture
Design
Dieter Petereit

22 Fresh Free Templates in HTML/CSS and PSD: February 2015 Edition

Welcome to the future. In our second collection of free HTML, CSS and PSD templates of 2015 you’ll find all the major trends of the year represented. We have hero areas, we have ghost buttons, we have Material Design, we have cards, we have everything. As always the templates are created in HTML, CSS or...

No Picture
Design
Nataly Birch

Blast from the Past #4: 100 Best Free HTML/CSS Themes of 2014

Here we are again with part 4 of our series “Blast from the Past”. By now, we have equipped you with a vast collection of 90 free carefully executed GUI sets, 100 icon packs and more than 100 free PSD website templates. With them, building up almost any kind of website, starting from stylish and...

No Picture
Essentials
Juan Pablo Sarmiento

20+ Free HTML/CSS, PSD and GUI Templates from November 2014

Christmas is around the corner. In fact this roundup here is the last we’ll publish before the most important holiday season of the year. Are you already calming down, approaching the lazy days or are you under high pressure with each and every customer knocking, nagging and biting like a barn fly. If you’re a...