サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
webdesigndev.com
Hover Slide Effect With the help of this tutorial, you will learn to create a neat effect with some images using jQuery. The idea behind this effect is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect will be random. This means that whenever we hover over the images, the other ones will slide in different directions – top,
In this list of 20 free fonts for logo design you’ll find 3D fonts, uppercase, lowercase, angled and many other types of fonts, all of them with some really special details which make them perfect for logo or print design. Duma Font DUMA is a sans that is characterized with long legs and very extended shape. Each character was individually made in Illustrator using basic geometric shapes. Reckoner
Travel – Free PSD Template Here is free Travel Template in PSD format. It has a large fullscreen slider on the homepage. It can also be used as a great landing page template to present your service or product, if customized properly. TwoBytes – Free PSD Website Template This is a free minimal PSD website template. Free to use for just about anything. View @2x and check out the real pixels on Dribb
These free seamless Photoshop patterns are perfect for web designers as they can be used to create pixel-perfect website backgrounds of any size. They come as PAT files and also PNGs in some cases. Some of them even have transparent backgrounds, so they can be overlaid with ease. If the plain, old, white background bores you, add one of these free seamless Photoshop patterns to your next website d
Pink can be found in logos, websites, banners, billboards, and if used correctly it is really eye-catching! We’ve selected a bunch of feminine pink websites, which use the color pink as an emphasizer; whether they use the colour heavily or sparingly, it is certain that these websites are attractive and creative. What do you think? Snog Snog is a company selling a delicious frozen yoghurt that lack
However, even if you do get a robust hosting account, create an attractive website with relative ease, and optimize it for search engine traffic, you might not get as far ahead these days as you would have in the early years of the Internet. Since the turn of the century, savvy business people have realized the enormous benefits of having a website, regardless of a businesses’ audience, size or bu
Looking for more similar resources? These user interface elements can prove to be very useful! Dropbox Dropbox is a free service that lets you bring your photos, docs, and videos anywhere and share them easily. Their aim is reinventing teamwork as their motto says. They have a unique design for their pricing table page. They use large, custom made icons and simple “Buy Now” type of buttons. They u
A form could be anything that asks for user information. It can range from the forms that require users to register, log in, and form that requires a user’s contact information. Lately, designers use various development tools to have fancy-looking forms that catch a user’s attention immediately. This blog solely focuses on the tutorials to create unique-looking forms that also establish the purpos
Well, that was the case until these pre-made templates appeared! If you want a website that takes advantage of the parallax scrolling effects, you should use one of these parallax scrolling templates. so let’s take a look at a few parallax scrolling templates that are out there for us to work with. Let’s start with the parallax scrolling themes and templates that are out there for us to work with.
These themes differentiate themselves from other regular WordPress themes by having tons of great features, user friendly interface, easy page builders and beautiful visuals! Recipes WordPress Theme Recipes WordPress theme works perfectly on mobile, tablet, and desktop. Recipes is also highly customizable and super-easy to set up. Publish your own recipes via the WordPress dashboard, and let users
Gone are the days when users used simple websites that accomplished more. Now, the goal is to make the user use the site by increasing interaction and keeping them engaged. Your website is an asset to your organization if the user keeps coming back for more interaction with your website in the future. This blog looks at such websites that are interactive and have out-of-the-box creativity. 1. Cycl
Using a full-screen background video is certainly a great way to grab the attention of your viewer. Whether the video you choose to feature is one that showcases your talent and portfolio or one that is pleasing to look at and doesn’t do much more than add a spark of life and uniqueness to your site, one thing to consider during your planning process is how to keep the video size small as to not b
The other day we looked at 10 Awesome Websites With Full-Screen Background Images. At the beginning of the article I had mentioned that there were a few ways of approaching this effect, some developers prefer to do it with jQuery, some with CSS, and others with Flash. In this article, we’re going to take a look at how to achieve a full-screen background image with CSS. CSS3 allows us to choose b
Let’s have a look at ten Christmas fonts that are, best of all, free! If Christmas isn’t your thing, or you’re looking to send out your New Year’s Eve or Christmas flyers and party invitations, these will suit your needs just fine as well. Kingsthings Christmas Kingsthings Christmas font is a fun one, full of snowflakes and winter cheer. This font set comes complete with a dollar, euro, and Britis
For those of you who are not familiar with parallax scrolling, it is a technique where various layers of images are all moving at a different rate. Video games often use parallax scrolling technique to create depth by moving multiple layers of images at different speed. This technique is also be applied in web design. If Moon Patrol doesn’t ring a bell, think Super Mario Brothers. Parallax scroll
It’s almost possible to feel the wave of euphoria rolling around the Internet that’s been generated by the arrival of Web fonts. Finally, website designers can unshackle themselves from the limited range of fonts that are available once you aggregate down the common typefaces on Windows, Mac, Linux and so on. I can’t be the only one who sighs in desperation each time the words ‘font-family: Helvet
Designers spend a lot of time in front of computers, that’s pretty obvious. So why not make the most of it? With the right setup, your workstation can make you design better, feel more productive and enjoy the time spent working. While it is extremely important to choose the best laptop or desktop computer for web design, it is equally important to set up your workstation in the most productive ma
The aesthetic of a webpage is naturally one of the most important aspects of a website’s design and structure. A site can have a squeaky clean backlink profile, super-fast loading time, and a seamless payment gateway, but if the pages are ugly, then visitors are not going to hang around for long. As a web or graphic designer you must have a keen sense of color combinations and feel which colours l
This blog covers up the cheat sheets that can prove to be useful for web developers and designers. They can refer to this blog and keep it as reference material for further use in the future. 1. Cascaded Style Sheet: Cascaded Style Sheet is a design tool that lets you design the website’s layout or the selected web pages of a website. You can use CSS to define text styles, table sizes, and other e
There are over 700 Photoshop tutorials in this list, covering various subjects, from PSD slicing to fantasy art, logo design techniques to text effects, and so much more. Whether you’re looking for free Photoshop tutorials to learn how to create websites, logos, text effects, textures, patterns, icons, or even photo retouching effects, this list covers all your needs! Some tutorials are for beginn
Icons Adobe Work Folders The adobe product collection in the form of folder icons. City Icons An awesome variety of different icons in this set. Simplexity File Icons A great set of 120 different file extension icons both in png and ico format. Web Applications A funky set of web application icons. Social Networking Icons Some great sets listed here! High quality social networking and app icons. V
By all means if you think we have forgotten any tables that look stunning, drop us a nice comment. SoftLayer This is a simple comparison table with a very basic design. Even though the design may not look like much, the information is very well structured and easy to read. BigCartel Big Cartel’s pricing table has a very beautiful design. Also, the watercolored background is a very nice touch. Squa
A big part of corporate identity is defined by the visual material which is used to represent the company, most notably colors and logos. Professional logo design is invaluable to achieving and maintaining a brand identity that your customers recognize and of which you can be proud. With these important logo design rules being mentioned above, start browsing the logo design collection below and lo
If the WordPress header is not visually impressive, the chances are that the website visitor may not even go ahead to read the website’s content. There are a lot of WordPress header designs that demand your attention. We are going to take a few of them in this blog, where you can take a day and stare at them as long as you want. These header designs are creative and inspirational that would compel
These fonts will work on both Windows and Mac, and if used correctly will just put the cherry on top of your hand drawn design. If you think I have missed any more amazing fonts, drop a comment linking to the font. Enjoy! Want more hand drawn goodies? Check out these hand-drawn vector freebies! HandVetica Handvetica is a manual re-drawing of the famous Helvetica font, with a grunge effect. Love Ya
Recently he has changed his website design and the layout, but this tutorial is sweet, and one amazing navigation! Here is a bit about Brian… About Brian… Brian Cray writes a blog that helps web 2.0 professionals build better websites. Among other things, he is known for his development of Nearby Tweets and PXtoEM.com. Feel free to follow him on Twitter. Be sure to check out some of the services t
When we first started this post we only had 16 fonts listed here. Now we have 30 great-looking fonts for you to choose from and thanks to w3Shools for providing access to these fonts. What Are Web Safe Fonts? As for web designers and web developers, you probably already know this, but as a reminder fonts that are considered web-safe can adapt to any browser even if they are not installed on the us
Here are the top 30 most influential people in web design. This list is in order starting from the most influential person at number 1, all the way down to 30. The order we have put the list in is through our eyes. If you would put someone else at number one, who would it be? Drop us a comment. Anyway, enjoy reading through the list! (Its taken a long time to perfect)
clyp – iPhone Sidebar This is an iPhone sidebar navigation design concept. This example has a left bar that only appears when sliding your finger to the right side. This example uses a colorful flat design that makes the interface look nice and friendly. This is a work in progress because the designer is still testing different icons. All in all, this example has everything well organized which ma
次のページ
このページを最初にブックマークしてみませんか?
『WebDesignDev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く