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
Tag: CSS
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
Poll: should coders learn to design?
Okay developers, it’s your turn. People have ranted on and on for years about whether or not designers should learn to code. Heck, I’ve ranted about it. I still contend that… no. No no… This is about you devs, now. Should people who primarily code the back end of web products learn to design the… Continue reading Poll: should coders learn to design?
Morphing dropdown navigation inspired to Stripe
A fantastic tutorial by Claudia Romano that explains how to create a morphing dropdown navigation menu as seen on stripe.com with few lines of HTML, CSS and vanilla JavaScript. View tutorial
SVG Tools And Resources You Might Want To See
Advertisement SVG, also known as Scalable Vector Graphics, is one of the fastest and best tools being utilized by web developers, especially those who are looking to have different animations placed into the many websites and apps that they design. As mobile devices such as smartphones and tablets become more and more popular throughout the… Continue reading SVG Tools And Resources You Might Want To See
Social Media Sharing Buttons without JavaScript
Posted · Category: MIT License, Social Love or loathe them, sharing buttons will not go away for a while. The default social media sharing scripts provided by the networks themselves are big, often download multiple files and track users across the web. Social Media Sharing Buttons generator outputs social media sharing buttons that do not… Continue reading Social Media Sharing Buttons without JavaScript
Flexbox Patterns: Ready-To-Use Building Blocks for Your Design
If you ever delved into Flexbox as an alternative to the classic CSS box model, you probably don’t want to go back. The hitch is, that you need to deal with it in-depth, and who has enough time for that these days. Thus, we’re often stuck with old methods of getting things done, just because… Continue reading Flexbox Patterns: Ready-To-Use Building Blocks for Your Design
New Coffee Break Course on CSS Keyframe Animations
CSS keyframe animations offer designers a powerful way to create animations in the browser without having to rely on external plugins or extensive programming. If you’re not sure how to use them, our new Coffee Break Course, Up and Running With CSS Keyframe Animations, is the place to start. In just ten minutes, Envato Tuts+ instructor… Continue reading New Coffee Break Course on CSS Keyframe Animations
11 Useful Third-Party Java Libraries
There is no doubt that java libraries are the first choice of developers. The reason behind this is java libraries provide so many useful, free and exciting features which are very helpful for the java developers. But these days, third-party java libraries are also very popular. In this collection, we are going to share with… Continue reading 11 Useful Third-Party Java Libraries
Cutestrap – Sassy, Opinionated CSS Framework
Posted · Category: Framework, MIT License Cutestrap is a sassy, opinionated CSS Framework. A tiny alternative to Bootstrap. It supports Vertical Rhythm, Consistent pattern for form fields, 8kb minified, Smart defaults for all default elements (Conventional), CSS specificity is very low in the class hierarchy (Configurable), Solid foundation for a living styleguide using KSS. It… Continue reading Cutestrap – Sassy, Opinionated CSS Framework
How to Build a News Website Layout with Flexbox
What You’ll Be Creating It’s not necessary to understand every aspect of Flexbox before you can jump in and get started. In this tutorial, we’re going to introduce a few features of Flexbox whilst designing a “news layout” like the one you can find on The Guardian. The reason we’re using Flexbox is that it… Continue reading How to Build a News Website Layout with Flexbox
15 Free Admin Dashboard Templates (PSD & Sketch)
In recent years, much has changed in the way web users interact with dashboard data and complete simple backend tasks. Layouts are more spacious and mobile-friendly, colors are simpler, typography is highly-readable, interactive charts make data much easier to digest, and advancements in technology have made completing tasks much quicker. The admin panels of 2016… Continue reading 15 Free Admin Dashboard Templates (PSD & Sketch)
Simple Grid: Lightweight and responsive CSS grid
Simple Grid is another mini CSS framework providing a responsive 12-column grid system and some extra classes for getting started with typography. It’s for those who want to have complete control on what they are going to build. Coded and released by Zach Cole. View project page
Optimizing Google PageSpeed to 100 in WordPress
What You’ll Be Creating How to Reach a PageSpeed of 100 Welcome to part two of our series on Google PageSpeed. In the first episode, I optimized the PageSpeed of my site’s then theme, MySiteMyWay’s Construct. I managed to get to 70 Mobile and 86 Desktop. However, with MySite’s closure, I chose a new theme and reached… Continue reading Optimizing Google PageSpeed to 100 in WordPress