President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. If you’re reading this, then I can saf

次世代の規格として注目されているCSS3。新しいブラウザではすでに対応していて、すでに利用しているという方もいらっしゃると思いますが、今回紹介するのは様々なCSS3ならではの処理を簡単に実現できるCSS3ジェネレーター「CSS3 Generator」です。 上記のようにものすごくシンプルなインターフェイスとなっていて、まずはCSS3で行ないたいデザイン処理を選びます。シャドウ、テキストシャドウ、線の外側に線など様々なデザイン処理が準備されています。 詳しくは以下 デザイン処理を選択するとPreview Areaとそのデザインに利用するパラメーターが出現。カスタマイズしながら、デザイン処理を確認することができます。 デザインが確定したあとはYour codeという欄にコードも自動的に出力されるため、そのまま利用することも可能です。物凄くシンプルな作りですが、これからCSS3を覚えようという方

CSS3 continues to gain popularity as we’re seeing it used in more and more websites. However, there are still those out there that are holding out on learning it and using it. This is probably due to the fact that it’s not fully supported yet in all browsers. Nevertheless, if you’re one of those that haven’t started using CSS3 or you’re a CSS3 pro just looking to speed up your work flow, here are

Introduction It has been a while since my last post, sorry for making new posts, I have been seriously busy with life issues! However, the good news is, I'm getting there and soon everything will back to normal again. Anyway, we all know the awesomeness of CSS3, the introduction of CSS3 brings revolutionary change to the web development. Check out these photo galleries made by the awesome CSS3! It

次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集「10 Awesome CSS3 Buttons to use on your website」を紹介したいと思います。 グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。 詳しくは以下 ありがたいのが、見本のボタンのしたに、ソースコードがそのまま書かれており、細かい作り方まで見ることが出来ますし、CSS3で書かれているため、画像などは使っておらず、すぐに試すことができます。 デモも公開されていてデモは「10 Awesome CSS3 Buttons to use on your website」からご覧いただけます。また、ソースファイルはまとめてダウンロードすることもでき

With an advertising world keen to use every inch of a medium for brand or product experience, it is becoming increasingly popular to design websites with full-browser backgrounds. Using CSS, this can be achieved quite easily. Just drop a huge background image in a page with one line of code (Line wraps marked » —Ed.): body { background: #000 url(myBackground_1280x960.jpg) » center center fixed no-

One of the biggest problems with all the new CSS3 properties is that most of them have multiple browser-specific implementations. This means when you want a simple shadow, you have to remember quite a bit of code to make it compatible across as many browsers as possible. To help you out with this task, a bunch of intrepid coders have created free interactive tools that provide simple user interfac

The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that’s your thing) with a single div and a single image. In this article, I explain how the border-image shorthand property works in today’s browsers. The basic idea The border-image shorthand property has 3 parts: border-image: url(border-image.png) 25% rep

Oh, <textarea>‘s. How many quirks you posses. Here is a collection of nine things you might want to do related to textareas. Enjoy. 1. Image as textarea background, disappears when text is entered. You can add a background-image to a textarea like you can any other element. In this case, the image is a friendly reminder to be nice =). If you add a background image, for whatever reason, it can brea

Introduction Another post that demonstrate the power of HTML5 and CSS3. New experimental demonstrates are being released so often, so I must make another post for it! Make sure you have the latest version of browser, preferably latest built of Safari or Chrome. Personally, I like GoogleBox and The Tribute to the Beatles, I think they both are really creative! In case you missed my previous post re

CSSで作るナビゲーションとボタンのコーディングチュートリアル55「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」 WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。 Bulletproof CSS Sliding Doors スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介