App ShopperAt the recent Triple I initiative showcase, top down roguelite shooter Brotato ($4.99) had new DLC revealed with a free … Continue reading “New ‘Brotato’ Particle Accelerator Weapon Showcased in Teaser Video Ahead of the Free Update’s Launch”
Quick Tip: Quickly Create Recycled Paper Textures with Adobe Illustrator | Envato Tuts+
In this tutorial you will learn how to quickly create a series of recycled paper textures. You can use these to apply the effect of old paper over illustrations. The goal of this tutorial is to show you some shortcuts for aligning objects on the Artboard by using the Align Panel to your advantage. With this basic knowledge it will become very easy to create many patterns with many different looks
Fireworksの「レイヤーからファイルに書き出し」が目からウロコ | バシャログ。
『哀しき獣』という韓国映画が面白すぎたので、もう一度観たいminamiです。 Fireworksの画像書き出しではもっぱらスライスの使用をプッシュしてきた当ブログですが、「レイヤーからファイルに書き出し」って便利じゃない・・・という衝撃を改めてお届けします。 「レイヤーからファイルに書き出し」使ってる？ Fireworksの書き出しメニューには幾つか項目がありますが、「レイヤーからファイルに書き出し」は今まで使ってきませんでした。 要因としては、 Photoshopと違いオブジェクトを直接編集できるので、パーツ毎のレイヤー分けを意識していなかった 画像書き出しはスライスが強力なので他の方法を気にしたことがなかった というのがあると思います。しかし、場合によってはスライスで管理するよりもこちらのほうが便利！ということで見なおしてみました。 同じレイアウトで大量に画像を作りたい 例えば以下のよ
スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った
なかなか良さそうだったので備忘録。iOSやAndroidなど、スマートフォンでのHTML5環境に合わせて作られた軽量モバイルフレームワークです。jQuery互換なので慣れてる方は使い方もすぐに覚えられると思います。特に軽量なのが嬉しいですね。 現状、jQueryを使うのであればスマートフォンにはjQuery Mobileという選択肢となりますが、やはりファイルサイズが気になります。そこで、jQueryをなんとか軽量に使おう、という動きが少し目立ってきました。 例えばzepto.js。がそうですし、jquipという、目的に合わせてjQueryを細分、モジュール化するライブラリなどもあります。 jQ.Mobiもその一つで、jQueryっぽく使えるHTML5環境のスマートフォン向け軽量ライブラリです。 用途を絞ることで軽量化できる、って事ですかね？こういう動きは個人的に歓迎ですけど、問題は派生ラ
プログラマに向くのはイヤな奴。年末年始のトラブルに学ぶ世紀を超えた心得 | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） この年末年始のWeb業界を騒がせたニュースといえば、ドコモの「SPモード」のトラブルでしょうか。昨年末の12月20日に、メールアドレスが別のユーザーのものに置き換わるというトラブルから「メールアドレス漏洩」につながる事故が起きました。年明け1月2日には別の不具合が発生しています。これは20世紀のプログラマからみれば、「設計ミス」であり「人災」といってもいいでしょう。今回はとくに「技術系」のWeb担当者への心得を
CSS-Only Lightbox | Codrops
Learn how a CSS-only powered image lightbox works and how to add fancy animations Today we want to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respective large image is shown. Using CSS transitions and animations, we can make the large image appear in a fancy way. With the help of the pseudo-class :targ
44 Photoshop Web Design Layout Tutorials - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
紙とか布地のざらっとしたシームレスなテクスチャ素材とパターン素材
すぐに利用できるJPEGのテクスチャ素材とPhotoshopで利用できるパターン素材が揃ったざらっとした感じのシームレスなテクスチャ素材を紹介します。 30 Free Seamless Background Textures [ad#ad-2] すぐに利用できるテクスチャ素材のフォーマットはJPEGで、2種類のサイズが揃っています。 JPEG素材のサイズ 500x500px 1200x1200px テクスチャは各サイズ30種類ずつあり、その中から少しだけ紹介。
Illustratorチュートリアル【女の子】
2013年11月28日 Illustrator 海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日本語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください！ ↑私が10年以上利用している会計ソフト！ 動画撮ってみました 個人的に、他の人が作っていく過程を見るのが好きなので撮ってみました。ベジェ曲線での描き方など、参考になるかもしれません。一部撮り忘れたところもありますが気にしないでください。 まずは準備 ラフ画の取り込み ラフ画は別レイヤーにフリーハンドで描く事も多いのですが、今回は紙に描いたものを使いました。通常スキャナーなどで取
無料でWindowsのパスワードをリセットするUSBメモリを作る方法 - GIGAZINE
「Trinity Rescue Kit」を使うと何らかの都合でパスワードの分からなくなったWindowsのパスワードをリセットできるブートCDの作成が可能なのですが、CDドライブがない場合には作成できません。そこでできるだけ簡単にWindows上からブータブルUSBメモリを作成し、Windowsのパスワードをリセットする手順をまとめてみました。 ◆手順1：「Trinity Rescue Kit」のISOイメージをダウンロード まずは下記公式サイトにアクセスします。 Trinity Rescue Kit: Download - Trinityhome https://trinityhome.org/trinity_rescue_kit_download/ アクセスしたら3つあるリンクの内どれでもいいのでクリックしてISOイメージをダウンロードします。約150MBほどあります。 この「Trin
画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover
画像やボックス要素にマウスホバーすると 別のボックス要素をフェードエフェクトや スライドアニメーションで表示させる事が 出来るjQueryプラグインです。昔は色々と これ系を見かけましたけど最近は全然無い ですね。 これくらいなら自作する、という方も多いのか、以前はかなり見かけたホバーエフェクトのjQueryプラグインは全然見かけなくなりましたが、プラグインの方が楽な場合も多々あると思いますのでこういうのも覚えておくと工数を減らせるかもしれません。 ボックス要素が画像の上にオーバーレイ込みで表示されます。マウスを乗せたらRead more、みたいなのも容易に出来ますね。 divの上にdiv的な事も出来ます。 IEでも問題ないです。 簡単に実装出来ました。 コード<script type='text/javascript' src='http://ajax.googleapis.com/aj
WordPressの管理画面内のデザインをcssで手軽に変更できるようにするプラグイン・Add Admin CSS
ちょっと今更な話題なんですけど、始めて 使ってみたら便利だったのでご紹介です。 管理画面内のcssを手軽に変更できる、と いうプラグイン。よくあるブログサービス でも管理画面は簡単にデザインを変更でき るようになっていますが、それを実現する プラグインです。 手軽に、というのはプログラミングの知識が不要って意味です。このプラグインを有効化すると、cssを追記できるようになりますので、カスタマイズの知識が無くても管理画面内のデザインを変更できます。 css書くだけで管理画面のデザインを変更できます。この手のは沢山あるんですが、結局シンプルにcssで出来るのが制作者向けかなぁとは思いました。 抜粋が狭すぎるので広げてみた。あと、テーマやプラグインはいじられると困るので非表示に、みたいな感じ。 こういったカスタマイズの目的はWebに疎いクライアントさんはアクセス出来ないようにしたい、邪魔なものを
(Better) Tabs with Round Out Borders | CSS-Tricks
The following is a guest post by Menno van Slooten. You might notice we’ve been down this road before, but I quite like Menno’s approach here. The end result proves you can get a little fancier with the design than I originally did, with borders, gradients, and shadows and while actually using less elements. A good-looking tab control usually has one feature that I’ve always found impossible to re
CSS Buttons with Pseudo-elements | Codrops
In this tutorial, I’ll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS. Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past. In this tuto
Photoshopの面倒なガイド引きを楽チンにするエクステンション -GuideGuide
ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuide 以前、紹介した時に比べてバージョンアップし、使い勝手がよくなりました。 [ad#ad-2] GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop CS4 Photoshop CS5 OS Windows(32bit) Windows(64bit) Mac OS CS5+Mac OSX Lionでは「Patch」が必要です。 GuideGuideのインストール GuideGuideのインストールは簡単です。 ここでは、Windo
アニメーションするバナーをCSS3で作るチュートリアル:phpspot開発日誌
Animated Web Banners With CSS3 | Codrops アニメーションするバナーをCSS3で作るチュートリアル。 FlashみたいにアニメーションするバナーをCSS3のkeyframeで実現したデモとチュートリアルが公開されています。 近い将来、広告のクリエイティブがCSS3になっていたりして。iPhoneでFlashが動かないのでこういう動きがでてきてもおかしくないですね デモページ デモといいつつクオリティがかなりいいですね。 関連エントリ IE9にも対応したCSS3リファレンスサイト「css3files」 CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3のアニメーションサンプル４７
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
WordPressのカスタム投稿タイプとカスタムタクソノミーを使って新たに別のコンテンツを作ったので、制作プロセスを書きました
開いているタブをすべてダウンロード、アーカイブしてくれるChrome拡張機能「ZipTabs」 | ライフハッカー・ジャパン
40 Best WordPress Tutorials of December 2011