Tag: CSS

How To Create And Customize A WordPress Child Theme

The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. If you have a bit of knowledge of HTMl, CSS and/or PHP,… Continue reading How To Create And Customize A WordPress Child Theme

Pointy Slider In CSS and jQuery (tutorial)

Pointy Slider is a slideshow with sliding-in panels that unveil new, fixed background images.Pointy Slider is simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image. It ‘s been created by Codyhouse using CSS… Continue reading Pointy Slider In CSS and jQuery (tutorial)

Weekly Inspiration: Good Golly, Gradients

Gradients are making a sneaky comeback. For a while they belonged to the world of Miami Vice and Tequila Sunrise, then they added depth to 1980’s magazines, then there was Geocities–ok, let’s not dwell on the past. Nowadays gradients are being used on the web in bold fashion; mixing highly saturated colors for extremely rich… Continue reading Weekly Inspiration: Good Golly, Gradients

50+ fresh resources for designers, January 2016

Howdy friends! We’re back again with another roundup of some of the best freebies available for designers and developers. To help you through the post-Christmas blues and kick off 2016 in style we’ve packed this edition with flat, solid, and line icons; brushes and patterns for Photoshop; templates; UI kits; WordPress themes; fonts; snippets; dev tools; design… Continue reading 50+ fresh resources for designers, January 2016

36 Free Linear Finance Icon Set (exclusive)

Our friends from Vector4Free shares today on idevie with all our readers a complete pack that includes an amazing variety of FREE Linear Finance Icon Set that you can use in your design projects.This collection of icons includes a PNG file, a PSD file, AI formats and EPS files with SVG files. The pack is… Continue reading 36 Free Linear Finance Icon Set (exclusive)

What Are Web Designers Best Sources For Inspiration?

What Are Web Designers Best Sources For Inspiration? If inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all the codes that go with it, there are times when inspiration… Continue reading What Are Web Designers Best Sources For Inspiration?

25 CSS3 Code Snippets for Making 3D Animated Effects

Web developers have been immersing themselves into CSS3-based designs. Transition animations along with CSS keyframes have opened the door to many possibilities. 3D animation was never optimal outside of Flash-based websites. However the further advancements in JavaScript along with CSS3 have created a new code toolbox for web designers. I’ve put together a number of… Continue reading 25 CSS3 Code Snippets for Making 3D Animated Effects

How to Create Diagonal Lines with CSS

A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today! Prefer a Video Tutorial? Step 1: The Markup We begin… Continue reading How to Create Diagonal Lines with CSS

40+ Best CSS Galleries to Showcase Your Websites

Finding the Best CSS Galleries to Showcase Your Websites can sometimes be tricky if you don’t know where to look. Web design galleries offer designers and developers creative inspiration on their own designs. We have compiled this collection for the best css galleries out there. Now don’t get us wrong, we obviously know there are hundreds if not… Continue reading 40+ Best CSS Galleries to Showcase Your Websites

Adding Localization to Tumblr Themes

In this episode of Tumblr Theming 101 we’ll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We’ll also look at adding localized theme strings, for multilingual support.   Localization (Amongst Other Things)  Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube Useful Links Fitvids.js Fitvids.js… Continue reading Adding Localization to Tumblr Themes

15 Free CSS JQuery Tabs Plugin And Tutorials

CSS jQuery tabs plugin and tutorials helps you to create tabbed navigation and improve usability and browsing experience. Jquery tabs are easy to use. CSS jQuery tabs plugin make helps you to create simply tabbed interface by using simple coding techniques in HTML and CSS using the specific functionality of jQuery, while in tutorials we… Continue reading 15 Free CSS JQuery Tabs Plugin And Tutorials

20 Responsive Menu Tutorials with Free Scripts

Responsive designs are more and more frequently used today. Many people started using mobile devices, like smartphones or tablets, to browse the internet, and thus, having a fully responsive website is a must! But what is a responsive design? Responsive designs have specific CSS media queries added, in order to make them fit on any… Continue reading 20 Responsive Menu Tutorials with Free Scripts

Manipulating SVG Icons With Simple CSS

This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter   Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS

Setting up Foundation With Sass and Compass

Sass is a great way to speed up front-end development in general, I use it in every one of my projects. Sass (as with all other preprocessors) allows for nested styles, functions and prewritten code in what are called mixins. Foundation has a few different versions, currently we’ve covered the most common HTML/CSS variants, but… Continue reading Setting up Foundation With Sass and Compass

Animated Border Menus

View demo Download source The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something… Continue reading Animated Border Menus

20 Really Helpful Responsive Web Design Tutorials

These days, making your website responsive is a MUST! With so many mobile devices out there, you’ll be missing a lot of visitors if you won’t modify your website and make it responsive too. If you are a beginner web designer or just want to improve your skills, here are 20 really helpful responsive web… Continue reading 20 Really Helpful Responsive Web Design Tutorials

10 jquery plugins for typography problems

Typography has been one of the biggest nightmares of the web designers and developers. As the websites are getting more and more interactive, static typographic features are becoming a thing of the past. Website owners now want text that not only coveys the message, but also attract the visitors. Now even though we now have… Continue reading 10 jquery plugins for typography problems

A Look Into CSS Units: Pixels, EM, and Percentage

Unit takes an important role for measuring and building things like a house, a bridge or a tower, and building a website is not an exception. There are a number of methods of measurements used on the Web, specifically in CSS, namely Pixel, EM and Percentage. In this post, we are going to run through… Continue reading A Look Into CSS Units: Pixels, EM, and Percentage

10 Terrific Time-Saving CSS Cleanup Tools

The benefits of having clean, organized CSS are numerous. A site with immaculate CSS will load more quickly, appear more prominently in search results, and serve as a stellar testament of your professionalism for future clients. Everyone from the everyday visitor to the most scrutinous fellow designer will benefit from your diligent, clean CSS markup. … Continue reading 10 Terrific Time-Saving CSS Cleanup Tools

A Web Designer’s Typographic Boilerplate

I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don’t want to forget. Let’s work our way through the… Continue reading A Web Designer’s Typographic Boilerplate

Simplest Way to Create Cool CSS3 Animation Effects

CSS3 Animation are gaining tons of attention lately. Personally, I have started using it in some of my projects and I absolutely love how simple it is to create a smooth animation effect. One of the major advantages of CSS3 is – they’re hardware accelerated. It’s smoother and faster if compared with javascript generated animation.… Continue reading Simplest Way to Create Cool CSS3 Animation Effects

How to Customize the Foundation 4 Top Bar

Zurb’s Foundation 4 features a brilliant top bar which has become almost symbolic of a Foundation site build. Today we’re going to look at how you can implement it in a different way, placing it elsewhere on the page, giving you a custom and responsive horizontal navigation menu.   Getting Started First up, we’ll need… Continue reading How to Customize the Foundation 4 Top Bar