Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
デスクトップ壁紙最近変えてますか。普段使っているパソコンのデスクトップ画面もお気に入り画像に変更するだけで気分的にもリフレッシュ、リセットしたような気持ちになりますよね。今回はデスクトップ画像にしたくなる30枚のクールな無料画像とフォトショップチュートリアルをまとめた「30 Most Visual... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
世界的なブームにもなっているトイカメラをご存知ですか。トイカメラをWikipediaで調べてみると、「トイカメラ（英: Toy Camera ）は、本体･レンズ等、ほぼ全体を構成する素材が合成樹脂等から作られ、組立の構成が比較的簡単な箱型で、安価なカメラ。」と記述されています。(参考 : トイカメ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
チームラボ株式会社 河北 啓史 2010/3/9 Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能ですFlashを徹底的に軽く作るための3カ条本連載では、これか... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
各所で話題のCSS3をいじりながら学べるサイトがあったのでご紹介。その名もCSS3 Please!ｗ。↑ コードをいじると右上のエレメントが動的に変化します。↑ たとえば角丸をいじると・・・。↑ ほら、もっと丸くなった！それほど多くがあるわけではないですが、「CSS3って何ができるの？」を体感する... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「WordPress」は日本でも2006年から急激にシェアを増やし始め、ついにはMovable Typeをも駆逐しそうな勢いのオープンソースで無料のブログ・CMSプラットフォームとなっており、その勢いはとどまるところを知りません。 オープンソースで開発されているため無料で利用できるという特徴以外に... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
↑ クリックすると原寸拡大表示されます。今回は、フォトショップを使って本物そっくりなネオン管ロゴをデザインする方法をご紹介します。テキストエフェクトだけでなく、ネオン管の骨組みも一緒にデザインするので、どんなデザインにも簡単にオリジナルのネオン管ロゴをレイアウトすることができます。特に難しいステッ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Chat2: Group Chat Room with PHP, jQuery, and a Text File | CSS-Tricks PHPとjQueryで作るAjaxなグループチャットスクリプト作成のチュートリアルとデモプログラムがそのままダウンロード出来るエントリのご紹介。 クールなaj... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Create a Funky Retro Wavy Text Effect in Photoshop 次のような背景がウェービーでおしゃれなテキストを作成するPhotoshopチュートリアルが公開されています。 ベースとなる背景からデザインすればあとは簡単ですね。 特に難しいテクニックではありませ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSS3ボタンテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」WEBデザインの次世代規格として注目を集めているCSS3。徐々に技術系のWEBサイトでも取り上げられて、WEBデザイン業界内では話がでる機会も増えてきたと思いますが... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
複雑な表面をドットで構成したアブストラクトなエフェクトを作成するIllustoratorのチュートリアルをVectortuts+から紹介します。How to Create Dotted Surface Effects [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これはメモ的にエントリー。jQueryでスクロールするリストを作るためのチュートリアルですよ。細かい見た目に気を使っている点がすばらしいですね。↑ こういう上から下に流れるリストが作れます（デモ）。こうしたスクロールするリストは他にもたくさんありますが、用途にあった実装をしたいですよね。たくさん知... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Home > ライフハック > 超高速＆超高画質＆超軽量！でさくさく動くWindows用の無料リモートデスクトップツール『TrueRemote』Older作者の方よりリリースをいただいたのでご紹介。なんだか良さそうですよ。なお、正直に言うと、まだ実際に試していないのですが（手元にWindowsが2... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。The Definitive Guide To Styling Web Links以下は、各ポイントを意訳した... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
ナンバリングがついたjQueryとCSSで制御するスライダー「 Automatic Image Slider w/ CSS & jQuery」非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「A... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
WordPressをWeb制作受注の際に 利用されている方にお勧め。WPの ログインページ、管理画面のデザイン をカスタマイズ出来るプラグイン、 Qwerty Admin Panel Themeを ご紹介します。 管理画面内のWPのロゴの変更法を以前記事にしましたが、このQwerty Admin ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
illustratorのスキルを上げたい。そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。いい感じのものが揃っているので、いくつかご紹介しますね。Ho... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Home > ライフハック > グラフィカルでとってもわかりやすいPhotoshopのチートシート『Photoshop Keyboard Shortcuts Cheat Sheet』Older [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Photoshopでテキストを装飾したい。そんなときに参考になるのが、『33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced』。Photoshopのテキストエフェクトチュートリアル集です。かっこいいものが揃っ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]CSS3で何ができるの？ という時にみておきたいサイト集 | コリス Webデザイン フィード](/thumbnail/394357.png)
角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコ [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
