Tag: CSS

9 Best Resources For Web Developers & Web Designers

In this assortment, we are presenting 9 best and useful tools and resources for web developers and web designers. When web developers use these tools and resources, I am sure they will like these tools and resources because all these tools and resources are fresh, trendy, up to date, time saving and easy to use.… Continue reading 9 Best Resources For Web Developers & Web Designers

Folder Preview Examples With CSS Animation When Hovering

These are some ideas for previewing or just playing with folders on hover developed by Codrops. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what’s inside. The animations are intended as a fun micro-interaction that give the user some kind of hint of… Continue reading Folder Preview Examples With CSS Animation When Hovering

How to Create a Split-Screen Slider With JavaScript

In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using JavaScript. Inspiration for this came from a page on the Corsair website; let’s see how we can build one for our own projects. What We’re Going to Build Let’s first… Continue reading How to Create a Split-Screen Slider With JavaScript

Using npm as a Build Tool

Related Course Build Your First Node.js Website Node is a powerful tool to get JavaScript on the server. Use Node to build a great website. Get Started Every developer will love this saying “It is hard to build a software without using a build tool.” To get rid of the repetitive tasks, we are using… Continue reading Using npm as a Build Tool

Total – Responsive MultiPurpose WordPress Theme

To be very precise WordPress themes makes web development very flexible along with its easy to use features; for both: the developers and the clients. WordPress themes comes along with entire web development solution. It consists of thousands of features, which are very much useful and handy as well. In this very article we will… Continue reading Total – Responsive MultiPurpose WordPress Theme

Stylish and Clean WordPress Blog Theme

This is a fully-responsive, light and crisp WordPress blog theme that comes with tons of original functionalities, designed in a golden era of postcard-style look that presents your content and ads in an eye-catching fashion. Features: – Mix of modern CSS effects and retro design – Pop-up pages and pop-up advertising – Pre-defined ad placement… Continue reading Stylish and Clean WordPress Blog Theme

Designing Accessible Products

2. Focus Focus is one of the most important accessibility features that enables users to use a computer with only a keyboard without the need for a mouse. Most reset stylesheets have this one line of code that causes major accessibility failure – :focus {outline: 0;} This is an anti-pattern that needs to be avoided… Continue reading Designing Accessible Products

Extending HTML by Creating Custom Tags

In this tutorial I will show you how easy it is to extend the HTML language with custom tags. The custom tags can be used to implement various behaviors, so they are a very convenient way to write less code and keep your HTML documents simpler. What Is a Custom HTML Tag? With HTML you… Continue reading Extending HTML by Creating Custom Tags

Best Photoshop Plugins

April 6, 2017 by Veronika Photoshop is a powerful graphic design software that enables designers to work with both raster and vector images. The incredible algorithms and unmatchable user-friendly interface have helped this design software become a top choice on the market. Yet, what makes Photoshop truly unique is the impressive collection of free and… Continue reading Best Photoshop Plugins

How to Order and Align Items in Grid Layout

In this tutorial, you will learn how to control the order in which items are placed using the Grid Layout module. After that, we will discuss how to control the alignment of different items in the grid. In the past, we covered a few important Grid-related topics. We began by learning about different ways of… Continue reading How to Order and Align Items in Grid Layout

Tent CSS: An essential framework

Time to present you a fresh new CSS framework: that’s Tent CSS, a survival kit for front-end developers including only the essentials to get started with website design! I am not a big fan of full featured frameworks like Bootstrap and Foundation because they include much more components than one may need. Most of the times a good… Continue reading Tent CSS: An essential framework

Propeller: CSS framework based on Google Material and Bootstrap

Propeller is a responsive CSS framework that combines Google Material Design and Bootstrap components into a new library. It may be useful to drastically reduce the amount of decisions to make when writing code, and focus on logic rather than on semantics and formatting. Super useful to create quick prototypes and Minimum Viable Products! View project page

A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid

In this tutorial, I’ll be going over all the steps the auto-placement algorithm of the CSS Grid Layout module follows when positioning elements. These steps are controlled by the grid-auto-flow property. In Introducing the CSS Grid Layout and Seven Ways You Can Place Elements Using CSS Grid Layout, I gave an overview of the CSS… Continue reading A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid

Makes HTML Presentations Easy with WebSlides

Posted · Category: Gallery, MIT License WebSlides makes HTML presentations easy. Just the essentials and using lovely CSS. Each parent <section> in the #webslides element is an individual slide. Code is clean and scalable. It uses intuitive markup with popular naming conventions. There’s no need to overuse classes or nesting. Making an HTML presentation has never… Continue reading Makes HTML Presentations Easy with WebSlides

bttn.css – A set of ready-coded CSS buttons

bttn.css is a small CSS library built by Ganapati Bhat to be included into your main stylesheet and easily add beautiful buttons to your own web project. Once you do that, you just need to add some classes to HTML buttons and you are done. Super easy! Buttons come in 6 colours and 9 different styles, but they’re customisable at your own pleasure with… Continue reading bttn.css – A set of ready-coded CSS buttons

How to Hide WordPress Admin Toolbar From Your WordPress Site

A large number of websites are powered by WordPress and there are tons of different plugins and themes being developed for this powerful content management system. But just like everything it also has some defects that we’d like to change. The WordPress toolbar is one such design element that some users prefer to have in… Continue reading How to Hide WordPress Admin Toolbar From Your WordPress Site

The Big Interview: Kevin Ball and Rafi Benkual talk all things ZURB

This month we got the opportunity to interview Kevin Ball and Rafi Benkual from ZURB. We got to talk about the future of the web, the state of web design today, and of course, about Foundation. WebdesignerDepot: Hello Ladies and Gentlemen, I am Ezequiel Bruni for Web Designer Depot, and today we are talking to… Continue reading The Big Interview: Kevin Ball and Rafi Benkual talk all things ZURB

Popular design news of the week: November 28, 2016 – December 4, 2016

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular design news of the week: November 28, 2016 – December 4, 2016

8 WordPress Plugins To Boost Speed And SEO

The beauty of having a WordPress website is that many issues or problems can be addressed with a simple plugin. You don’t need to know a line of code to add this piece of software to your site, and your site will quickly and easily get the improved functionality of the plugin. As anyone in… Continue reading 8 WordPress Plugins To Boost Speed And SEO

Top 10 resources for designing email newsletters

The world of email marketing is constantly changing. There are dozens of tools out there tailor made to help marketers write emails, designers craft emails, and developers code emails. But with so many tools available, it can be frustrating to find the best ones. That’s why, in this post, I’ve curated the top ten best… Continue reading Top 10 resources for designing email newsletters

Popular design news of the week: October 31, 2016 – November 6, 2016

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular design news of the week: October 31, 2016 – November 6, 2016

20 essential CSS tricks every designer should know

This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can… Continue reading 20 essential CSS tricks every designer should know

Angular 2 Transclusion using ng-content

Free Course Getting Started with Angular 2 Angular 2 is the shiny new framework that comes with a lot of new concepts. Learn all the great new features. Get Started Wait a minute… What is transclusion? Understanding Transclusion Don’t get confused by the term Transclusion. It’s best explained using an example. Let’s say we have… Continue reading Angular 2 Transclusion using ng-content