Tag: CSS

10 Best AnglularJS Frameworks For Developers

If you are worried about how to create a wonderful and innovative web application without any difficulty or trouble then do not worry any more just simply check out this awesome collection. In this collection you will find 10 best and superb AngularJS frameworks. With the help of this AngularJS framework web developers can easily… Continue reading 10 Best AnglularJS Frameworks For Developers

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

Styleguides are an essential tool for ensuring that everyone in an organization is on the same page. After all, maintaining a consistent style is vital to brand recognition, readability and it just looks more professional. The great thing about these Styleguide resources is that there is undoubtedly one that will let you work the way… Continue reading Styleguide Toolbox – Templates, UI Kits, Tools & Generators

8 Essential Bootstrap Tools For Web Designers

There are so many trendy and time saving things available in internet world. Bootstrap tools are one of them. Bootstraps tools have many wonderful and outstanding features like Add-ons, pre-styled modules of library and so many. This is the reason that every talented web designer and web developer always keep an eye on bootstraps tools.… Continue reading 8 Essential Bootstrap Tools For Web Designers

Editing Images in CSS: Combining Techniques

In last two tutorials of this series, we have discussed how filters and blend modes can completely change the appearance of images. In this tutorial, I will cover the basics of editing images by using both these properties together. The Basics of Layering Image Effects With CSS Any non-primitive image editing usually requires more than… Continue reading Editing Images in CSS: Combining Techniques

How to Conduct an Interface Inventory With InVision

By definition: an inventory is a gathering of items tracked in a list. This term isn’t anything new, but the idea of using this concept towards interfaces is. Brad Frost, who coined the term “Atomic Design”, states that creating agnostic patterns helps to build far more versatile components that can be used widely across a… Continue reading How to Conduct an Interface Inventory With InVision

Weekly News for Designers Week 8

New Resources & Tools Bricks.js – A blazing fast masonry layout generator for fixed width elements. Imperfect Buttons – “Hand-Drawn” border effect on buttons with CSS border-radius. 30 Projects in 30 Days to Learn Swift – A self taught project to learn Swift from Allen Wang. Editor Color Schemes – A collection of color schemes… Continue reading Weekly News for Designers Week 8

Brick.js – A Blazing Fast Masonry Layout Generator

Brick.js is a blazing fast masonry layout generator for fixed width elements. Bricks capitalizes on batched reading of layout properties for blazing fast packing time, no matter how many items. Besides performance, it features: No required HTML markup or CSS stylesheet, Minimal, powerful, and readable configuration, Optional resize handling, Optimized handling of dynamically added items.… Continue reading Brick.js – A Blazing Fast Masonry Layout Generator

What’s new for designers, February 2016

In this month’s edition of what’s new for designers and developers, we’ve included frameworks, code resources, UX and UI design tools, JavaScript resources, design and dev tools, apps, stock photo sources, and much more. And as always, we’ve also included some awesome new free fonts! Almost everything on the list this month is free, with… Continue reading What’s new for designers, February 2016

Project: Build a Complete Website With Middleman

In part three of this series we’re going to get our hands dirty and start building a site for a fictitious podcast site: “Matcha Nerdz”. We’ll be using Middleman, Bourbon, Neat and Bitters. Let’s go! In This Post Roadmap Basic Blog Setup LiveReload Organizing Posts GitHub Pages Deployment Smarter Assets Bourbon Setup Normalize and jQuery… Continue reading Project: Build a Complete Website With Middleman

9 Best JavaScript Minifying Tools

Minifying is a technique of removing unnecessary characters from the source code to make it look simple and neat. This technique is also known as code compression and minimization. Here, we have gathered for you 10 best JavaScript minifying tools that will help you remove unwanted white space characters, new line characters, comments, etc. in… Continue reading 9 Best JavaScript Minifying Tools

Weekly News for Designers (320) – Material Design CSS, Flexbox Editor, Wordexpress

New Resources & Tools MJML – The only framework that makes responsive-email easy Materialize – A CSS Framework based on Material Design. CSSGram – A tiny library for recreating Instagram filters with CSS filters & blend modes. Plain Email – An app concept for efficient one-touch email processing. Wordexpress – A WordPress project that uses… Continue reading Weekly News for Designers (320) – Material Design CSS, Flexbox Editor, Wordexpress

Developing a Static Site Generator Workflow

Nobody likes finding bugs. Even worse, no one enjoys finding bugs while shopping for digital products. That is why, as a company providing a web-based bug tracking tool to tens of thousands of users, we have to ensure a bug-free environment. With our increasing number of web pages – and therefore increasing lines of code… Continue reading Developing a Static Site Generator Workflow

Coffee Break – Multipurpose Fullscreen Template – 14038347

Coffee Break is a minimal, responsive coming soon / portfolio / landing page HTML5 template based on Bootstrap 3. This multipurpose, customizable template includes unique style, 500+ Font Awesome icons, custom animations, distinct background styles and much more! Features Responsive design Bootstrap 3 framework 500+ Font Awesome vector icons YouTube background Low-poly animation background Slideshow… Continue reading Coffee Break – Multipurpose Fullscreen Template – 14038347

50+ fresh resources for designers, February 2016

Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes… Continue reading 50+ fresh resources for designers, February 2016

CSS Fundamentals

This course contains a high-level overview of Cascading Style Sheets, while exploring the basic concepts, terminology, and tools of the language. Beginning with an exploration of CSS syntax, author James Williamson explains how CSS modifies text, borders, backgrounds, and color; demonstrates CSS and HTML integration; and contextualizes the current state of CSS. The course also… Continue reading CSS Fundamentals

Weekly News iDevie (week 5)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter for some more amazing design articles, resources and freebies. New Resources & Tools voxel.css – A new, lightweight 3D CSS voxel library. Performance Budget… Continue reading Weekly News iDevie (week 5)

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?