Topic: jQuery / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins As you may noticed a few days ago we released a tutorial about How to Create an Accordion Menu in Pure CSS3. As this pure CSS3 Accordion Menu will not work on all browsers because the :target selector in not supported in the oldest […]
You're reading Understanding Immediate and Anticipated Emotions in Landing Pages, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
Design is intertwined with psychology. Today I want to explain the concepts of immediate and anticipated emotions while designing. It’s a concept that is truly handy once you realize what it is. Identifying Immediate Emotions Immediate emotion is a user’s emotional reaction to a product. An example is a negative response to a landing page […]
Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will learn how to create an accordion menu in pure CSS3. This menu was inspired in Futurico UI Pro. As we will create it with CSS this will only work on browsers and devices that support the :target pseudo-class selector. Step 1 – […]
You're reading Module 01 UI Kit – 130+ High-Quality UI Components, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
Module 01 is big, stylish and handy UI Kit, full of many useful elements, made to help you turn your designing or prototyping process into enthralling and easy game. Works perfectly with Sketch 3.5+ and Photoshop CC 2015+.
This pack created for professional web-, app-, UI-designers. It’s a great way to make a beautiful presentation of your work, for both personal and commercial work. Pack consists of a two parts. Premade compositions and three scene generators based on different angles.
Create your Shop design with more than 120 components, hundreds of UI elements, organized into 8 popular content categories. Pixel perfect vector elements and grid. Well organized layers and groups. Each component is fully customizable, easy to use & carefully assembled in Photoshop & Sketch.
As an integral part of websites, backgrounds with fixed positions are getting more and more innovative in a way that it can create an optical illusion that it changes the image without you noticing that it has a fixed position as it provides a neat effect of transitioning to the next section of the page. […]
You're reading Interactive Walks – Websites That Offer a Physical Experience, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!
Modern technologies stimulate web agencies to test limits, come up with ingenious and ambitious ideas and bring incredible concepts to life. Websites with engaging and sophisticated interactive walks are one of the fresh outcomes of pushing the boundaries. They are a symbiosis of perfectly crafted scenes and high-end techniques. Despite requiring a mastery of skills, […]
It’s hard to find a website without an eye-catching multimedia slider in the header that showcases popular items or impressive artwork right away. It has become an integral feature of almost every web project. Whether you are going to create the layout from scratch or apply to modern frameworks, there is a solution for you. […]
Sports is a huge industry. It is an integral part of our existence. Whether you are a world-class athlete or just an ardent fan of soccer, you can’t imagine life without it. The number of websites and applications dedicated to this sphere are convincing proof of that. From simple blogs to mobile fantasy programs, there […]
No one ever claimed that CSS was the right place to perform mathematical calculations; in fact, it’s near impossible even for simple functions. (Even with the CSS3 calc function, it can be difficult.) That’s where LESS comes in. The ability to perform functions is one of its strong points. In this video tutorial, you will […]
We all know white space is a good design element to use within websites or apps. The use of space is one of the tenets of design theory and helps you create visual focus, contrast and organization. When used well, white space — places without other elements in the design, though not always white in […]
In the past, adding page transitions on web pages has been a simple process. As you click on the link it redirects you to the next page as the browser loads the next page or element. The web has started to feel outdated if you will think about and there is plenty of room to […]
You're reading Responsive Web Design: 50 Examples and Best Practices, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Responsive web design term is related to the concept of developing a w...
Personal branding is the practice of people marketing themselves and their careers as brands. Being good at your craft is not enough these days, being unique and authentic will make the cut, but only if enough people know about you. As Michael Simmons writes, authenticity is key in the digital age. Having a strong personal […]
Modern Web development is rapidly moving toward more complicated client-side applications. The ability to build more advanced applications requires more sophisticated tools that allow developers to manage complexity and prevent the program they write from collapsing under the weight of a technical dept. A developer needs to carry out a set of steps in order […]
The newest trend in web design has inklings of parallax, but it’s not quite parallax. It involves moving elements, but it’s not really animation. It includes plenty of great color and physical elements, but it’s not material. This background trend includes elements of plenty of other trends for truly engaging moving elements that draw users […]