These days front-end developers can build complex page layouts by taking advantage of different CSS layout techniques. Some of those techniques have a long history (e.g. floats), while others (e.g. flexbox) have gained popularity over the last few years. In this article, we’ll have a closer look at a few little-known things related to the… Continue reading 5 Things You Might Not Know About the CSS Positioning Types
25 Useful Front-end Frameworks & Libraries
Here are 25 useful front-end frameworks & libraries to save you from having to re-invent the wheel and help alleviate some of the overhead when you’re building a new site. Base A Rock Solid, Responsive HTML/CSS Framework built to work on all devices big and small. Wee Wee, a lightweight front-end framework for logically building… Continue reading 25 Useful Front-end Frameworks & Libraries
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
10 Fresh & Time Saving Google Chrome Extensions For Designers
Here is the list of 10 best Google Chrome plugins for the designers. There is no doubt that Google Chrome offer many useful plugins for the designers that are mostly used to enhance the design and flexibility. Many designers and developers are using Google Chrome plugins and extensions to simplify their work and improve their… Continue reading 10 Fresh & Time Saving Google Chrome Extensions For Designers
11 CSS Filter Tutorials & Examples
CSS filters can be used to create some fantastic image effects. They allow you to modify the display of images in a variety of ways, some of those ways of displaying images as black and white, grayscale, sepia, invert, saturate, hue-rotate, blur and more. Though, this feature is not yet widely supported, but you can… Continue reading 11 CSS Filter Tutorials & Examples
A Useful Guide To Designing Website Footers
In order for any website to be truly successful, there are many different aspects that need to be considered and put into motion. For instance, aspects such as visual design, the consistency of your brand, and overall usability are all things that can determine whether or not a user is truly happy with your website.… Continue reading A Useful Guide To Designing Website Footers
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
10 Great Tools For Mobile & Web UX Design
The amazing and intimidating thing is challenges in UX Design, and exponentially more potential solutions. The best kinds of solutions are ones that can be seamlessly integrated into the current tools of choice, and those that can be accessed at any point from the process. So without further ado, I present to you 10 great… Continue reading 10 Great Tools For Mobile & Web UX Design
Collection of Fresh Design Freebies – October Edition
The web is slowly but surely becoming a more dynamic place. Animations, subtle motion and various pleasant, tiny effects rule the roost this year. Along with them, iOs9 in tandem with iPhone6S and Plus as well as Material Design remain uppermost in creatives’ minds. So do not be surprised when you stumble upon motion engine… Continue reading Collection of Fresh Design Freebies – October Edition
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
Psychology Of Color To Improve Site Conversion
Studying the psychology of color is crucial for maximizing your site’s web design. Using the right colors can help put your customers in the frame of mind that compels them to take action. Color has the power to improve conversions by grabbing customers’ attention and triggering the right emotions for sales. Colors often define the… Continue reading Psychology Of Color To Improve Site Conversion
Project Comet – first all-in-one solution for UX designers
Debuted today at their own MAX conference, Adobe have just unveiled a brand new design system that could revolutionize the way we work over the next few years. Codenamed “Project Comet”, it’s an end-to-end UX design solution flagshipped by a dedicated desktop app, and a companion mobile app. Project Comet combines wireframing, design, prototyping, and… Continue reading Project Comet – first all-in-one solution for UX designers
How To Create a Flat Style Vector Planet in Illustrator
The flat style has been immensely popular in the web design scene, but it’s also a fun illustration style that results in cool abstract artwork which is perfect for infographics, icons or even branding. In today’s tutorial I’ll show you how to create a vector space scene and planet in Adobe Illustrator, using its powerful… Continue reading How To Create a Flat Style Vector Planet in Illustrator
20 Templates For Creating High-Fidelity Wireframes
Wireframing can be something quick and dirty, or it can be a large task that takes time to perfect. So here are some wireframe templates to help you save ton of time. With these templates you can easily create effective mockups and prototype of your web and mobile apps in no time. Teracy wireframe kit… Continue reading 20 Templates For Creating High-Fidelity Wireframes
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
Free Download : Clean One Page Website Template (PSD)
This is a one page PSD template designed by Mike Taylor.The template is clean and elegant and perfectly suits for business companies, corporate agencies, building company, restaurant, medicine, real-estate, freelancers, mobile app, organizations, online shop, personal portfolio, creative minds, blogging and for landing pages as well. Download
UX Tips for Mastering Your Next Website Redesign
Businesses can change a lot in just a couple of years. 24 months ago, mobile represented about 10% of all internet traffic. Today, it’s jumped to 25%, and Google has rolled out ranking changes that prioritize mobile optimized websites on search engine result pages. Buyers have changed, as well. Today’s website visitor expects a different… Continue reading UX Tips for Mastering Your Next Website Redesign
A simple modal window with an animated SVG background
Today’s tutorial simple modal window comes from Codyhouse.It shows you how to animate at once multiple SVG paths to create a stylish background effect for a modal window.The inspiration is from UI8 Nav on Dribbble. Demo Source
Boost Your Projects with Premium Hand-Picked Resources
Every month there are plenty of new tools and services introduced but also new WordPress themes, that promise lots of things. Why is that? Because the Web is growing and is getting more and more complex, but also because our time is very limited and we need solutions. So, we need to choose the perfect… Continue reading Boost Your Projects with Premium Hand-Picked Resources
25 Beautiful Card-Based WordPress Themes
Card-based designs got popular with the rise of Pinterest in the realm of social media. The image sharing website’s card-based website had led to a rising trend of cards in user interfaces of websites and mobile applications. It is an excellent solution for the specific demands of mobile devices (which are typically smaller) and interfaces,… Continue reading 25 Beautiful Card-Based WordPress Themes
Responsive Design Websites: 25 Brand Examples
Responsive design websites examples for your inspiration. This website gallery only have fully responsive, Retina-Ready HTML and CSS3 coded websites. All web designs are very interactive with amazing UI and UX. that help to create a great-looking content, making your design looks classy, strong, attractive, mysterious and very striking. This means you website will automatically adjust its layout and… Continue reading Responsive Design Websites: 25 Brand Examples
50 Super Handy Freebies for September 2015
50 Freebies is a monthly collection of the latest design freebies from all over the internet. A series where we regularly post some great freebies every month. The freebies are usually all types of stuff including mockups, templates, icons and much more. Here is a collection of 50 freebies for September 2015. Shophia eCommerce Template… Continue reading 50 Super Handy Freebies for September 2015
23 Ultra Modern Web Designs with Sleek Graphics
In this list we gathered some new, ultra modern web designs with sleek graphics, selected especially to inspire you! If you want to design an awesome website, these modern web designs may give you a huge dose of inspiration to get you started. These modern web designs have some really interesting and innovative details. Their… Continue reading 23 Ultra Modern Web Designs with Sleek Graphics