こちらで続けようと思います。 とりあえず、CentOS5、CentOS6の共生と cpanmでのImage::Magick の取り扱い、Imagerがいまいち美しい処理をしてくれないあたりが目下の目標です。
こちらで続けようと思います。 とりあえず、CentOS5、CentOS6の共生と cpanmでのImage::Magick の取り扱い、Imagerがいまいち美しい処理をしてくれないあたりが目下の目標です。
こちらで続けようと思います。 とりあえず、CentOS5、CentOS6の共生と cpanmでのImage::Magick の取り扱い、Imagerがいまいち美しい処理をしてくれないあたりが目下の目標です。
コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP(旧コンテンツ) PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ&解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java (旧コンテンツ) Javaでシューティングゲームを作ろう Perl (旧コンテンツ) CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 (旧コンテンツ)C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと(ブログパーツ) オリジナルソフトウェア その他未分類なモノ iOSアプ
※この記事は「Web制作の現場で使えるjQuery UIデザイン入門」の第13回です。過去の記事もご覧ください。 ページを遷移せずにサムネイルの一覧から画像を選んで拡大表示する「画像ギャラリー」は、jQueryを使えば比較的簡単に作れます。今回は、シンプルなデザインの画像ギャラリーの作成方法を紹介します。 今回制作するサンプル 「画像ギャラリー」の完成画面。左側のサムネイル画像をクリックすると、右側のメイン画像が切り換わる(画像クリックでサンプルページを表示します) 画像ギャラリーの基本部分を作ってみよう 作成するのは、左側にサムネイル画像の一覧、右側にメイン画像を配置し、サムネイルをクリックするとメイン画像がページを遷移せずに切り替わる画像ギャラリー機能です。 はじめに、もっともシンプルな「サムネイルをクリックするとメイン画像が切り換わるページ」を作成します。 WebページのHTML/X
jQueryの$(this)とthisの違い jQueryのイベントハンドラやコールバック関数内のthisについてです。 大した内容でもありませんが、なんとなく知らないまま使っている人もいるみたいなので、ちょっとメモ書き。 $(this)とthisの違い thisはDOMエレメントです。 イベントハンドラのthisはそのイベントが発生した要素、eachのコールバック関数内のthisは順番の回ってきた該当する要素です。 一方$(this)の方はと言うと、この要素を$関数に渡して、単にjQueryオブジェクト化しているだけなんですね。 使い分け という事で、使い分けは、 DOMエレメントのプロパティやメソッドを使うときはthis jQueryオブジェクトのメソッドを使いたいときは$(this) ということになります。 例えば a要素のhref属性を取ってきて何か処理を書こうと思ったとき、 何も
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
Having a beautiful and attractive RSS Icon on your blog or website could be one way to encourage your readers to subscribe. If you’re going to change your old RSS icon, this post will help you to look for a new one. Today, we will showcase the latest and trendy RSS icons on the web where you can use for free. So here is 800+ Most Wanted Free RSS Icons for Bloggers. Here you will find different kin
32 Ultra Photoshop Quality Leaf Brushes by Jose Mauricio Duque | Aug 14, 2009 | Freebies | 11 comments Have you ever needed a good set of PS leaf brushes? Did I mention, in high quality? Well, if you have undertaken that quest you will agree with me that there just isn’t much out there on the web. That’s why we here at S2O made a great pack of 32 photoshop leaf brushes from 1000 to 2000px. We hope
TOP > WebDesign > 利用価値の高いフリーアイコンセット33選「33 Killer Web Icon Sets for Free」 WEBの制作には欠かせないアイコン。利用するのはとても便利ですが、作るのなるとかなり大変です。今日紹介するのは利用価値の高いフリーアイコンセットをジャンル別に集めて公開しているエントリー「33 Killer Web Icon Sets for Free」を紹介したいと思います。 GLYPHISH ソーシャルメディア、ベクターアイコン、WEBアプリ系などなど様々なジャンルのクオリティの高いフリーアイコンがまとめられています。今日はその中から今までdesigndevelopで公開した事が無いものを中心にいくつかピックアップして紹介したいと思います。 詳しくは以下 ■WYSIWYG Sapphire WYSIWYGで使われているアイコンをセット
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
もうかなり知られてるけど構わずエントリー。 The Roxorというサイトで、高解像度の紙のフリーテクスチャが紹介されています。 いくつかご紹介。 ↑はOld Ages Paper 2。 Grungy Paper Textures by Bittbox High Res Brown Paper Textures by Spoongraphics Crumpled Paper Paper Texture リンク先がそれぞれ違うので、ライセンスについては確認してください。 » 80+ Free High Res Paper Textures ブログ書きたい熱が、、ようやく収まってきたかな。でもまだ書くぞ♪
投稿日:2009年10月02日 レベル:中級者 ソフトウェア: このチュートリアルでは、Photoshopで農業のWebサイトを作ってみたいと思います。 Step1 : はじめに Step2 : ヘッダーのレイアウトを作成 Step3 : ナビゲーションリンクを作成 Step4 : テキストを配置 Step5 : 完成 はじめに、760ピクセル×770ピクセルの新規ドキュメントを作成します。 葉っぱの画像を配置します。 長方形ツールを選択します。 白い長方形(白いシェイプ)を作成し、次のように配置します。 この白いシェイプに、レイヤースタイルを追加します。 そうすると、このようになります。 再び長方形ツールを選択して、もう一つ長方形を作ります。 「Ctrl」+「J」キーを押してこのシェイプを複製します。 次に、複製したシェイプの色を黒に変更します。「Ctrl」+「T」を押してこの
TOP > WebDesign > デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」 非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。 Equal-Height Columns 例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。 詳しくは以下 ・Rounded corners without the HTML mess(角丸を簡単に作る) ・Scrolli
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide. This post pulls together the best web design tutorials for coding and also some PSD to HTML conversion tutor
2 Pings & Trackbacks Pingback: 55 Inspiring Examples of Slideshows in Web Design | Inspiration Pingback: 10 jQuery Slider Techniques and Plugins | Tutorials 103 Comments Hi Henry, Thanks for including my tutorial on this great post! hey, its a great tutorial to work with. i love it. thanks for the sharing so nice jQuery slider scripts! Here are some great tutoriales, thank you for this great resou
As you already seen in our previous showcase of Corporate Website Designs that a perfect layout, A good design and nice resources can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. However, When it comes to corporate website design you need to take care about many thing
2 Pings & Trackbacks Pingback: 30 Examples of Brilliant Logo Design | Web Design Ledger Pingback: 33 Creative and Beautiful Logos | Web Design Ledger 28 Comments I’m loving this thanks this will help me with my new logo oh dear, sick list. Thanks for this great roundup! thx. good list. Frenetic compilation 🙂 Thank you! great list, interesting Nice collection of logo tutorials. Thanks for inspirat
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. CSS Sprites is a technique where you use a background-image, a set width and height, and adjust the background-position to display only the portion you need to show. This way you can use a single image and display lots of different graphics with it, saving server reques
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. Creativity needs a jumpstart at times.
We share 100+ WordPress plugins, categorized under social, security, e-commerce, sliders galleries, speed optimization, SEO optimization, comment and form builders and much more. Just take a look at the table of contents below. These 100 WordPress Plugins will make all the difference on your website. They offer better security, easier content management, higher conversion, and of course, your Word
twitter facebook hatena google pocket 画像の細部まで拡大させることにより、商品などを魅力的に見せることが可能です。 今回はJaavScriptライブラリのjQueryプラグイン「JQuery.iviewer」を利用して実現します。 sponsors 使用方法 JQuery.iviewerにある、jquery.iviewer.jsとjquery.iviewer.cssをダウンロードします。 またMouse Wheel Extensionからjquery.mousewheel.jsを、もちろんjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="jquery.iviewer.css" /> <script type="text/javascript" src="jquery-1.3.2.js">
この特集で挙げた57の要因に関して、Yahoo! JAPANに限定して集計した重要度のランキングを示す。 プラス要因トップ20(Yahoo! JAPAN)titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティ本文でのキーワード使用Yahoo!ディレクトリへの登録サイト内部構造としてのリンクポピュラリティリンク元サイトのサイト全体でのリンクポピュラリティサイト開設からの経過時間被リンクの話題関連性サイトの主要テーマと検索の関連性リンク元ページとの話題の関連性被リンク増加率本文のコンテンツとキーワードの(トピック分析による)関連性インデックス可能なテキストコンテンツの量h1タグ内でのキーワードの使用話題コミュニティ内でのリンクポピュラリティリンク元サイトとの話題の関連性リンク設置からの経過時間文書公開からの経過時間リンク周辺のテキストマイナス要因トップ5
はじめに シリーズ初回では、OpenSocialの概要を紹介しました。OpenSocialはSNS上で動作するアプリケーションに必要な仕様を、SNSに依存しないかたちで定義したものでした。OpenSocialに対応するSNS(コンテナ)は数多くありますが、本連載では今年8月に正式公開された、mixiのOpenSocial対応サービスであるmixiアプリを対象とします。今回はmixiアプリの概要と、はじめてのmixiアプリ作成までの流れを説明します。 mixiアプリとは GoogleがOpenSocialを発表したのは2007年11月1日でしたが、早くもその翌日である11月2日には、日本最大の会員数を持つSNSであるmixiがOpenSocialへの賛同を表明しました。 その後mixiはOpenSocialに準拠したサービスである「mixiアプリ」を開発者向けに「オープンβ」として公開し、2
Appbank allows users of social networking websites like Facebook to earn money by creating fun, engaging and quality social applications including quizzes, games, and virtual gift shops. Members of Appbank use an free application builder called AppDesigner to create their applications and no technical or programming skills are required, just creativity.Get paid to create your very own viral, engag
2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。 はじめまして,井上と申します。制作会社でマークアップ・エンジニアとして勤務しています。実は,プログラムは苦手です。既存のJavaScriptを少しカスタマイズ出来る程度なのです。 私のように,マークアップ・エンジニアでありながら,「JavaScriptが苦手」というかたは多いのではないでしょうか。それでも画像のロールオーバー時のインタラクション作成や,cookie制御など,何かとJavaScriptを使用する機会はありますよね。「自分で書けるようになりたい!!」と常々思っていたところ,JavaScriptの勉強会で,こん
二つのフォルダを同期したいというニーズは多い。バックアップであったり、母艦とスマートフォンであったり、ネットブックと自宅とコンピュータであったり。場合に応じて筐体を使い分ける方は大抵そうだ。それはWindows同士であってもそうだ。 相互に更新し合ったフォルダを同期するというのは手作業では大変だ。そこで使うのがFreeFileSyncだ。 今回紹介するオープンソース・ソフトウェアはFreeFileSync、フォルダの同期ソフトウェアだ。 FreeFileSyncは二つのフォルダを指定するだけで内容の同期処理を行ってくれるソフトウェアだ。差分表示ボタンによって相互の違いをリストアップし、同期ボタンを押せば同期処理が行われる。日本語ローカライズも行われており、誰でも簡単に使いこなせるだろう。 設定画面 フィルタリング設定によって一部のファイルを対象外にすることもできる。また相互の内容を同一にす
NoteLabはJava製のWindows、Mac OSX、Linux向けのソフトウェア。NoteLabはノートアプリケーションとでも言うべきソフトウェアだ。マイクロソフトが出している、Office 2007 OneNoteに近いソフトウェアと言える。ノートやグラフ用紙的な背景の上で線や文字を書いたりするアプリケーションだ。 コンピュータ上で動作するノート これは色々な使い道が考えられそうだ。最も有力なのは、ノートPCの画面をプロジェクタに映し出しつつ、タブレット等を使って色々書き込んでいくような使い方だろう。タッチパッドではいまいち操作性が良くなかったが、タブレットなら問題ない。色や線を変えつつ、色々なアイディアを書き込んでいけるはずだ。 さらにPDFのインポート/エクスポート機能が面白い。インポートを使うとPDFファイルを台紙にして、線を書き込めるようになる。ただし残念ながら日本語は表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く