How to customize Slack to enhance your development workflow using integrations and bots It certainly feels like Slack is gradually becoming the standard for modern office communication. While you may argue that technically Slack is no different than, say, IRC – the polished experience is what makes it stand out in the crowd of messaging… Continue reading 7 Slack Integrations Developers Should Use
Category: Web Development
10 JavaScript SVG Animation Libraries
SVG animations can get a little complicated, but these libraries make it extremely simple for anyone to add animation to their site. In this post i’ve collected 10 Javascript SVG animation libraries that allow you to create some really impressive animations that can literally take your animations and UIs to the next level. jQuery DrawSVG… Continue reading 10 JavaScript SVG Animation Libraries
15 Handy Tools for Smooth Web Development
We’re not ones to adhere to stereotypes, but it’s probably been a while since a (stereo) typical web developer shaved his damn beard, or changed his clothes, or took a bath, or shaved that damn beard… You really can’t blame them. It’s been a while since all developers took a breather. 2015 has been a… Continue reading 15 Handy Tools for Smooth Web Development
Simple to Use jQuery Plugin to Animate SVG Paths
jQuery DrawSVG uses the jQuery built-in animation engine to transition the stroke on every inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. It weights less than 2KB minified and 800 bytes gzipped. It’s easy to use with easing and stagger support. Best of all, it’s completely Free! Requirements: jQuery Framework Demo: http://lcdsantos.github.io/jquery-drawsvg/ License:… Continue reading Simple to Use jQuery Plugin to Animate SVG Paths
5 Things You Might Not Know About the CSS Positioning Types
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
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
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
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
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
How to Spice Up Your Bootstrap Carousel
Carousel has been a great user element to present content. Though a carousel is not compliant with accessibility, it’s still a very popular way to catch user attention and organise content in an attractive way. Twitter Bootstrap has a built-in basic Javascript carousel that does its job pretty well, but for those who want more… Continue reading How to Spice Up Your Bootstrap Carousel
Free Hand-Picked Resources for Designers and Developers – August Edition
Website designers and developers are always looking for new and inspiring content, that’s why in this monthly resources round up you’ll find all sorts of FREE design resources like templates, articles, development tools, code plugins, icons, design tools, and fonts. Majesti Banner: Elegant Rounded-Edged Typeface for Titles Majesti Banner is a very elegant typeface with… Continue reading Free Hand-Picked Resources for Designers and Developers – August Edition
18 Best Weekly Web Design & Development Resources #22
Here’s the 18 Best Weekly Web Design & Development Resources #22 Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends. 15+ free new pattern & texture packs for… Continue reading 18 Best Weekly Web Design & Development Resources #22
20 Responsive CSS Frameworks and Grids Worth Considering
CSS frameworks have gone responsive, squeezing content into a spectrum of desktop and mobile browsers with varying degrees of success. There’s already a ton of these things floating around. Today we are taking a look at responsive CSS Frameworks and Grids that we feel are worth your consideration. Base Base is super simple responsive framework… Continue reading 20 Responsive CSS Frameworks and Grids Worth Considering
9 Newest Free jQuery Plugins For This Week August 2015
Here’s our best collection of 9 Newest Free jQuery Plugin with examples we found around the web from last week (17/07/2015 to 23/07/2015). These jQuery plugins haven’t been featured on our website yet I think you might find useful. Have fun with it and remember to spread the word! Full Screen Form Fullscreen step by… Continue reading 9 Newest Free jQuery Plugins For This Week August 2015
Comparing Bootstrap With Google’s New Material Design Lite
Since Google announced Material Design with the introduction of Android 5.0, a large number of frontend frameworks emerged with the goal of bringing the concept to web apps. We already have a number of libraries which promote the concept – MUI, Material-UI and Polymer, which is built around web components.In the beginning of July 2015, Google publicly released a… Continue reading Comparing Bootstrap With Google’s New Material Design Lite
Bonsai.js – An Intuitive Graphics API and SVG Renderer
Bonsai is a lightweight graphics library with an intuitive graphics API and an SVG renderer. Bonsai’s main features include: Architecturally separated runner and renderer, iFrame, Worker and Node running contexts, Shapes, Paths, Assets (Videos, Images, Fonts, SubMovies), Keyframe and regular animation (easing functions too), Shape/path morphing and much more… Requirements: JavaScript Framework Demo: http://bonsaijs.org/ License:… Continue reading Bonsai.js – An Intuitive Graphics API and SVG Renderer
40 Free JS Libraries for Dynamic Content
Designers and developers can recognize the vast improvements in modern web design. From animated SVGs to customized web forms and movable typography, the list is practically endless. Dynamic content is the new norm and JavaScript libraries only make creation easier. If you’re looking for some cool dynamic effects on your website take a look at… Continue reading 40 Free JS Libraries for Dynamic Content
The Anatomy of Time Tracking Tools: Breaking Down Its Essentials
As more and more professionals are focusing on getting the most out of their time at work by boosting their productivity, time tracking tools are in vogue right now. By using any of these apps to monitor your time spent on each tasks individuals have for the day or week, they will gain a better understanding on how… Continue reading The Anatomy of Time Tracking Tools: Breaking Down Its Essentials
XPRS – A New WordPress Beating CMS?
The Internet has changed beyond recognition since WordPress was first released back in 2003. When the WordPress CMS was first released it was hailed as the answer to everyone’s prayers; a free content management system with hundreds of free visual themes to choose from. Hindsight is always 20/20. We now know that free themes rarely… Continue reading XPRS – A New WordPress Beating CMS?
Chartist.js Creates Responsive, Animated Charts with SVG
Numbers and statistics are usually bone-dry and sometimes not really clarify but obscure even more. By visualizing data with charts, you can attract much more attention. The JavaScript library Chartist.js from Zurich turns as many numerical sequences as you like into easy to understand bar, line, pie, or other charts. They not only look good… Continue reading Chartist.js Creates Responsive, Animated Charts with SVG
30 Stunning Premium Parallax WordPress Themes
Parallax scrolling is one of the most popular web design trends because of the beautiful effects it contributes to the website as a whole. Although the technique has been around for years, using it as a website effect was first used by Ian Coyle when he designed the Nike Better World website in 2011. It… Continue reading 30 Stunning Premium Parallax WordPress Themes