Businesses are more and more becoming more dependent on an online presence, so the pressure to have a successful website is very high. However, some entrepreneurs have misguided notions about how web design and development should work. This post explores some common beliefs among non-tech-savvy businesspeople about web design. It’ll address aspects like micro-managing instead… Continue reading Common Misconceptions About Web Design & Development
Category: Web Development
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
Angular 2 Beta is Now Available
AngularJS has been rising in popularity and is under steady development. Earlier today, Angular 2 Beta was announced, and is available for developers to download and get started with. Angular 2 comes with several new enhancements and features, and is expected to be a major upgrade from Angular 1. The Beta release, obviously, is not… Continue reading Angular 2 Beta is Now Available
15 Cheat Sheets To Get An Edge On Other Designers
Cheat sheets. A simple way to remember something or help you learn. There’s always a useful shortcut you forget, a command you fail to remember, a newly introduced function that slips your mind or element you cease to think of. This collection of 15 cheat sheets for web designers has got you covered. If you’re… Continue reading 15 Cheat Sheets To Get An Edge On Other Designers
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
How To Be A Badass Front-end Developer
In the world of front-end web development where things change very fast, it’s difficult to stay up-to-date with almost everything around. Just imagine the number of CSS, JS frameworks and tools that are popping around every day, and just thinking about knowing them all is freaky enough, right? So, how to stay up-to-date? How to… Continue reading How To Be A Badass Front-end Developer
7 Slack Integrations Developers Should Use
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
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