You can build your UI Toolkit with Fabricator. Fabricator is built on Node.js, a platform for building fast, scalable network applications. There are pre-built installers for each platform. You can also install with Homebrew via brew install node. You can organize your design system the way you want. Components, Structures, Elements, Atoms, Molecules, whatever –… Continue reading Build Your UI Toolkit with Fabricator
Category: Resources
I’m very font of you because you’re just my type
How to Use the Two-Layer Color Grading Technique
How to Use the Two-Layer Color Grading Technique 4.38/5 (87.50%) 8 votes Many people struggle to replicate color grading and end up creating an excessive amount of layers. The two-layer color grading technique is a simple way to create photo effects with a minimal and understandable set of layers. This technique can also be used in other… Continue reading How to Use the Two-Layer Color Grading Technique
11 Free Credit Card Icon Sets For Online Shops
ADVERTISEMENT Are you running an online store or e-commerce website? If your answer is yes, then you will be interested to browse through this collection where we are showcasing 11 free credit card icon sets that you can put on your online web shops. These clear and eye catching credit card icon sets will help… Continue reading 11 Free Credit Card Icon Sets For Online Shops
Free Hand-Picked Resources for Designers and Developers – December edition
In this round up of free resources from december, you’ll find nice flat device mockups, unique UI screen compositions, color tools and inspiration, vector kits, professional printing templates, online communities, stunning icon collections, a curated list of CSS frameworks, a useful animation engine, cool fonts, and web templates in PSD format. All of it is… Continue reading Free Hand-Picked Resources for Designers and Developers – December edition
50 JavaScript Tools & Resources from 2015
The first thing you will probably notice is the considerable decrease in the number of jQuery plugins in this collection, when compared to last year. What we’re seeing instead is smaller, lighter and standalone JavaScript libraries being built without all of the jQuery bloat. There are now more targeted problem-solving solutions, rather than having to… Continue reading 50 JavaScript Tools & Resources from 2015
Lightweight, Unobtrusive, Style-agnostic Layers CSS
Layers CSS is Lightweight. Unobtrusive. Style-agnostic. Build your look on the web, not Twitter’s – and build it fluid. Layers CSS is a CSS framework aimed for practical use cases. It comes with a small footprint and zero bullshit. Normalizations & sensible defaults Fluid grid + progressively enhanced columns Preserves native form styles by default… Continue reading Lightweight, Unobtrusive, Style-agnostic Layers CSS
Animated Map Path for Interactive Storytelling
Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey can also contain images that will indicate where they have been taken with… Continue reading Animated Map Path for Interactive Storytelling
ReqRes – A Hosted REST-API for Your AJAX requests.
ReqRes is a bare-bones ExpressJS application that is a hosted REST-API ready to respond to your AJAX requests. You can develop with real response codes. GET, POST, PUT & DELETE supported. No more tedious sample data creation, they’ve got it covered. Reqres simulates real application scenarios. If you want to test a user authentication system,… Continue reading ReqRes – A Hosted REST-API for Your AJAX requests.
Horizontal Timeline Powered by CSS and jQuery
Vertical timeline is so far one of the most popular resources on CodyHouse. Many people have asked them to include a Horizontal Timeline as well. Here it is! Building a horizontal timeline was a bit tricky, because you can’t rely on the vertical (more intuitive) scrolling behaviour. They decided to separate timeline and events, with… Continue reading Horizontal Timeline Powered by CSS and jQuery
50 Free Resources for Web Designers from November 2015
The tremendous thing about the design community is that we all love to share. We really do. Whether we share our thoughts and ideas via an in-depth article or by giving advice/feedback on a forum, or even by freely offering high-quality resources. The sharing is what makes our community truly great! Here are this months… Continue reading 50 Free Resources for Web Designers from November 2015
Multi-Level Menu : A simple menu with multiple levels
This is a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button. The idea is to animate each menu item once a level is changed. The animation starts with the item clicked and the delays are propagated through the neighbors. The animation delays follow the same logic for the… Continue reading Multi-Level Menu : A simple menu with multiple levels
Stretchy Navigation in CSS and jQuery
Would you like a Stretchy Navigation in CSS and jQuery? It’s a rounded navigation trigger that stretches on click/tap to reveal the navigation items. There are 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button. The HTML structure is pretty basic: a… Continue reading Stretchy Navigation in CSS and jQuery
Top 10 Best Free WordPress Themes from November 2015
Fresh free WordPress themes raise the blood pressure of any user of the world’s most popular CMS. Content feels to be delivered much better from a new design. Let’s not deny it, choosing a new WordPress theme is like choosing a new lover – lots of emotion involved. That’s why we bring you the best… Continue reading Top 10 Best Free WordPress Themes from November 2015
A Huge Collection Of Free And Beautiful Fonts
Today we are sharing a huge list of beautiful and free fonts we have come across over the last few months. I hope it will help you with your new project or inspire you to start a little side project. If cannot check it now, put it in your bookmarks for later. Standard Issue Font… Continue reading A Huge Collection Of Free And Beautiful Fonts
Best of: 25 Great WordPress Themes for Bloggers
The WordPress community is huge, there are more than 70 million websites powered by WordPress. We easily can say that WordPress rules the web. Blogging has enormously evolved in the last decade, absolutely everyone now can easily start a blog and create content, whether it is video, images, text or even a photos. There are few… Continue reading Best of: 25 Great WordPress Themes for Bloggers
The Top 25 Free Minimalist WordPress Themes
First impressions are lasting impressions. Whether you realize it or not. Sites that rely heavily on photography and typography for their style cues tend to create a strong and lasting impression upon visitors. Whilst many trends and techniques soon become outdated, minimalist web design principles are being successfully applied to all sorts of different websites.… Continue reading The Top 25 Free Minimalist WordPress Themes
20 Essential Plugins for Sketch App
There are many things to love about Sketch, but one of its most loved features is that it makes it super-easy to create plugins, made possible by JSTalk, that will extend its functionality even further. And the great thing is that the ever-growing Sketch community is chock-full of plugins that you can freely download and… Continue reading 20 Essential Plugins for Sketch App
45 Clean and Minimal WordPress Themes
Although there are thousands of different WordPress themes available, finding the right one can be a challenge. Sometimes the best choice is a theme that features a clean design without unneeded design elements and distractions. WordPress themes with a clean or minimalist design and layout are often easier to customize and use as a starting… Continue reading 45 Clean and Minimal WordPress Themes
The Web Development Resources You Need to Know About
The market for web development and design resources isn’t lacking in tools. Consequently, any web or design professional can spend days on end searching for what they need a seemingly endless repository. Everybody knows that the right tools can help you in your work immensely, so we thought we’d lend a helping hand and let… Continue reading The Web Development Resources You Need to Know About
20 Minimalist PSD Website Templates
Minimal design is all about white space and creating breathing room to let minimal content really shine and give the user’s eyes a place to rest. So here are 20 minimalist PSD website templates that remove all unnecessary design elements to create something usable without clutter. IDILI Halcyon Days Website PSD Square Free Landing page… Continue reading 20 Minimalist PSD Website Templates
Brunch is your premiere HTML5 Build Tool running on Node
I recently stumbled onto an interesting build tool by the name of Brunch. This seems to be made for constructing picture-perfect HTML files without a lot of hooey. Brunch is made to compile scripts, templates, and lint all of your code automatically. Modules can also be run during this time & applied to the compiled… Continue reading Brunch is your premiere HTML5 Build Tool running on Node
Page Stack Navigation Template with CSS & JavaScript
Codrops has just published a Page Stack Navigation template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation. The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next… Continue reading Page Stack Navigation Template with CSS & JavaScript
15 New HTML5 Responsive WordPress Themes
Powerful and flexible multi-concept responsive WordPress themes coded with HTML5 and CSS3 technologies in accordance with the latest WordPress Coding Standards. Fits all popular mobile devices and tablets.. These themes are suitable for corporate site, blog site, ecommerce site, portfolio and many more. Themes are looking good with it’s colors combination. All sub pages are customized… Continue reading 15 New HTML5 Responsive WordPress Themes
Create Ancient City Under Siege By Dark Wizard Scene in Photoshop
In this Photoshop tutorial, I will show you the steps I took to Create Ancient City Under Siege By Dark Wizard Scene in Photoshop. Have a go! This is an intermediate level difficulty tutorial and some steps can be tricky. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout… Continue reading Create Ancient City Under Siege By Dark Wizard Scene in Photoshop