サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
デスク環境を整える
onextrapixel.com
Want your Photoshop images to look like professional watercolor paintings, but don’t want to spend hours editing? In this post, we’ll be sharing the best watercolor Photoshop Actions that…
20 Typography Animations, Experiments and Small Solutions for Your Next Web Project Typography is an element that is vital for any interface. More than once we have considered its impact. It is able to benefit website design from numerous angles: not only is it a tool for displaying the content but also an instrument for enriching user experience. The more so, when the beloved trio (CSS, HTML, and
We all need inspiration from time to time, and if you have hit a brick wall when trying to conjure up ideas for your next project, it is good to have an arsenal of places you can find a total bombardment of inspiring designs to jump-start your creative juices again. Website design galleries are just the thing if you need such a boost, and it is always nice if the gallery itself is well presented.
Having an eye-catching logotype and memorable color scheme is not enough for making your business stand out. Though the start-up companies chiefly owe their success to original ideas that are brought to life, no-one has repealed the significant effect that is produced by properly elaborated branding identity campaigns. The impact that is achieved by visual components that are tied with the help of
Web designers seek new features to adopt in their projects all the time. True professionals perfect their designs to make the projects cool and stylish. Today you have a chance to meet one of the best 2014 trends in web design: the Header Image. The header is a hero area of any website and you need to make the design classy in order to get your visitors interested in what you do. This section allo
Ghost is a mysterious and cryptic creature that triggers such associations as consternation, transparency, clarity as well as charisma and attractiveness. Though it seems that it has nothing to do with a website design, in fact, this frightening, yet adorable “phantom” manages to transfer its genetic traits into graphics, adding to integral elements its strong appeal and personal charm. The so-cal
We live in a world of data of different types. While mining the data a person might face with lots of troubles. The biggest one is poorly designed, overloaded with information dashboards that make it impossible to find needed data out there. That’s why a well-made clearly designed dashboard can save lots of time and effort. Data visualization is a challenging task that requires your attention and
The Japanese have long since proven their distinction through multiple avenues including technology, animation, food and culture. When it comes to websites, the Japanese once again create websites that truly stand out from billions of other websites. This article delves into the heart of Japanese web designs, investigating the impact of the differences and the reasons behind their implementation.
I have always been fascinated by the overflow scrolling effects that appears when you’ve reached the end of a list on an iPhone and Android. A simple interface interaction like a bounce can magically make your app seems more responsive. Today, I have decided to build a plugin that lets you add such effects to your website called FancyScroll.js. You can add the overflow effects to the whole page or
Create and Control Festive Snow on Your Website using HTML5 Canvas The end of 2013 is approaching and that means that Christmas and the New Year are just around the corner. To stay true to the holiday spirit, today I have decided to create a plugin based off the reply from Jason Brown as a solution to this question, that will allow you to add a beautiful interactive snow animation to your website.
Selecting a color scheme for a given website design project is not always easy. Sometimes the product or service will help to determine the base or main color, but where to go from there is usually a matter for the designer’s imagination and inspiration. Before you start worrying about color schemes, you’ve got to decide what platform you’re going to build your website with. If you do not know how
Free Beautiful UI Elements For Your Next Web Application Design Web app development has gone from strength to strength over the last 5 or so years. From frameworks like Ruby on Rails and Django for Python, it’s never been easier to get into coding web apps. But one thing that’s always been time consuming (at least for me) has been building out the UI. HTML and CSS frameworks like Bootstrap have he
Many web developers these days use the command line on Unix based machines. If they’re not using it for version control, they’ll more than likely be using it for server administration or compiling preprocessed CSS. As a digital agency, we find that when using the command line, typing similar commands regularly can become frustrating. By the end of this tutorial, you’ll be able to reduce your time
In this day and age, we are all competing for attention. The longer people stay on your website and drill down to your content, the better. Today, I have decided to implement a plugin called End Page Box that will let you easily show any dialog when the user scrolls to the bottom (or any range) of the page. You can use it to recommend other posts on your website, show related posts, or even to ann
LoadingBar.js: Adding a YouTube-Like Loading Bar to Your Website YouTube have recently added a red loading bar at the top of the page to indicate that the next page is loading. You may wonder why they didn’t rely on the browser’s loading bar. That’s because the next page is being loaded with AJAX which doesn’t trigger the normal page load mechanism. That’s why the browser didn’t pick it up. As som
About a year and a half ago, Path released the new revamp version that was equipped with a unique menu button located at the bottom left of the app. This button contains all the necessary action buttons and I thought it was an awesome idea to be able to group these multiple buttons into one without eating up all the space. Today, I have decided to build a little jQuery plugin that will bring this
Today, I will be sharing an experiment to replicate the behavior of the side menu, similar to what you’ve seen on smartphone applications, but this tutorial is for the web. I will take you through each step from structuring your layout and adding swipe gestures to open/close the menu, usable on both desktop and smartphones. Note: This tutorial will require jQuery Library, so make sure you include
Like fashion, designs are changing day to day, and today’s awesome designs focus on simplicity and flat designs rather than complex gradients and all. A recent event that can be referred to this is the introduction of Apple iOS 7, which unveiled flat icons and a simpler design. Flat icons are a new trend in designing UI, and they are perfect if you are looking for a good and minimalist design to c
These days, a necessary tool of the trade for both professional and amateur visual artists, such as graphic designers, web developers, photographers, digital artists, etc., is an online presence; and that is usually achieved with a personal or professional portfolio site. So today we are bringing you a selection of powerful, usable, free WordPress portfolio themes that are all highly customizable
Pixel fonts are going through a kind of renaissance. Despite today’s high-resolution technology, artists and designers continue to use old-school pixelated fonts that were popular in the early days of computing in order to evoke a certain type of retro nostalgia. These kinds of typefaces bring to mind old-school home computers, low-res displays, and classic video games like Space Invaders and Pac-
New web fonts are added to Google Web Fonts very frequently and it’s important for us web designers to keep up with them. As of the time of writing this article, there are 622 free font families on Google Web Fonts. I have gone through most of the newest ones and compiled a list of 10 great font combinations that should be a good starting point for your blogs and websites. Roboto and Fjalla One Ro
22 Good Prototype and Wireframe Tools for Mobile and Web Design Wireframe and prototype resources are very helpful for designers when they need to create a mockup to show to their client in order to give them an idea of how their web or mobile design will look once it is designed completely. With the help of UI design kits, wireframe tools or prototype tools, designers can quickly create mockups o
Improve Your Code with Smart JavaScript Techniques and Patterns In this article we’re going to cover some common, and not so common smart JavaScript techniques and patterns to improve your code in both size and beauty. To follow along with this tutorial it’s important that you have a good understanding of functional programming in JS and regular expressions. If you already know about this and that
Responsive web design is becoming more popular day by day because users can browse such web designs from a variety of devices. For example, desktop, mobile phones, tablets, netbooks and so forth just to name a few. The reason why responsive web designs are so popular among designers is that they allow them to furnish different layouts for specific devices. Today, in this collection we have gathere
For many professionals, their online portfolio is the first point of contact for a prospective client, so it is important that it gets their message across in the correct tone for their business. There are many ways to approach designing an effective portfolio, depending on many factors, the profession being just one of them, for instance, a top flight accountant probably shouldn’t be using grunge
It is uncommon today to find desktop-based website prototyping tools. Most applications are in the Cloud – online tools accessible through your web browser. Here we present a list of the most common online website architecture applications. It seems as if every category of software is moving into the Cloud so it’s not surprising web prototyping applications are doing the same. After all, what bett
Single page websites are seriously on the up-and-up as far as design trending is concerned. With the advantages of the progress being made by open source mark-up, the effects that can be achieved without the use of Flash are, in some cases, quite stunning. Creating effective single page websites requires a lot of design skill, to include all necessary information in a relatively small amount of sp
Find Inspiration in Websites with Large Backgrounds: 30 Creative Examples Websites with large backgrounds are my favourites. I’m sure that such websites are a piece of art – they can be so adorable. Large backgrounds have an impressive visual impact on visitors, they can get your attention for a long time. On the other hand, such websites give a lot of freedom for designers. They have additional p
How to Slice Images into Tiles with jQuery and CSS3 Transitions Did you ever wonder how those cool slideshow plugins split images into pieces and put them back together? The slice and tile effect creates a beautiful look in a slideshow and has become quite popular. Follow this tutorial and it will give you a good understanding of the basic concept behind the slice and tile effect as we go into det
次のページ
このページを最初にブックマークしてみませんか？
『Onextrapixel』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
