タグ

tutorialに関するu16hoshiのブックマーク (110)

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

  • 【セール】Webサイトのパスワードなどを管理できる『1Password Pro』(900円)が期間限定で無料

    Webサイトのパスワードやクレジットカードの番号などを管理できる多機能なアプリ『1Password Pro 』が、通常900円のところを12月1日まで無料で公開されています。 多くのWebサイトやサービスににアカウント持っているiPhone・iPod touchユーザーには、必携のアプリかもしれません。 Macユーザーにはおなじみの『『1Password』は、パスワードをはじめとする情報を管理するアプリで、とくにログインの手間を省くことができることため重宝されています。 iPhone・iPod touch版でも、ブックマークレットを使ったSafari(ブラウザ)との連携機能がす素晴らしく、Webへのログインがパスワードの入力がとても楽になります。 ブックマークレットを登録する方法 『1Password Pro 』はブラウザ機能があり、アプリの中でWebサイトにログインすることが可能ですが、

    【セール】Webサイトのパスワードなどを管理できる『1Password Pro』(900円)が期間限定で無料
  • Photoshopで光沢のあるシンプルなナビゲーションバーをデザインする方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで光沢のあるシンプルなナビゲーションバーをデザインする方法 Photoshopで光沢のあるシンプルなナビゲーションバーをデザインする方法 投稿日:2009年11月20日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで光沢のあるシンプルなナビゲーションバーを作ってみたいと思います。 Step1 : はじめに Step2 : ブラシで円を描く Step3 : ドロップシャドウを追加 Step4 : 選択範囲を作成 Step5 : タイトルを入力 Step6 : 完成

  • Photoshopで封印を作る方法 / ウェブデザインライブラリー

    投稿日:2009年11月17日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで封印を作ってみたいと思います。 Step1 : はじめに Step2 : レイヤーを結合 Step3 : ドロップシャドウを追加(1) Step4 : ベベルとエンボスを追加(1) Step5 : カラーオーバーレイを追加 Step6 : 円形のシェイプを描く(1) Step7 : ドロップシャドウを追加(2) Step8 : 光彩(外側)を追加(1) Step9 : グラデーションオーバーレイを追加(1) Step10 : 円形のシェイプを描く(2) Step11 : ドロップシャドウを追加(3) Step12 : シャドウ(内側)を追加 Step13 : 光彩(外側)を追加(2) Step14 : 光彩(内側)を追加 Step15 : グラデーションオーバーレイを追加(

  • Photoshopでクールな一味違ったテキストを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでクールな一味違ったテキストを作る方法 Photoshopでクールな一味違ったテキストを作る方法 投稿日:2009年11月10日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでクールな一味違ったテキストを作ってみたいと思います。 Step1 : はじめに Step2 : 楕円形選択ツールを追加 Step3 : ぼかし(ガウス)を追加(1) Step4 : テキストを追加 Step5 : テキストに効果を加える Step6 : ゆがみを追加 Step7 : テキストに光を加える Step8 : ぼかし(ガウス)を追加(2) Step9 : 長方形選択ツールを追加 Step10 : レイヤーを複製 Step11 : 選択範囲を追加 Step12 : テキストにゆがみを加える Step13 : カラー

  • 独自のWordPressテーマを作るチュートリアル20+ – creamu

    TUTORIAL LOUNGEで、独自のWordPressテーマを作るチュートリアルがたくさん紹介されています。 ざっといくつかご紹介。 Photoshopで作るモックアップ(PSDダウンロード付き) WordPressのテーマを一から作る方法 Part 1(PSDダウンロード付き) WordPressのテーマを一から作る方法 Part 2(PSDダウンロード付き) WordPressのテーマを一から作る方法(PSDダウンロード付き) WordPressとjQueryでベーシックな新聞スタイルのデザインをするチュートリアル(PSDダウンロード付き) GreenPressのWordPressテーマデザイン(PSDダウンロード付き) デフォルトのテーマをカスタマイズしていく方法 水彩画タッチのブログデザインをするチュートリアル(PSDダウンロード付き) PSDファイルがダウンロードできたり、デ

  • 基本的な操作に関するアドバイス(Illustrator、Photoshop)|DTP Transit

    9月末から、とある大学の講義を持たせていただき、20歳前後の方々にIllustratorやPhotoshopなどをお教えしています。 その現場で気付いたことをシェアします。ひとつひとつは細かいことですが、塵も積もれば...で、意外に全体を作業時間に影響すると思いますので、ベテランの方もチェックしてみてください。 入力フィールドの移動にはtabキーを使う 入力フィールドから次の入力フィールドに移動するには、マウスを使うのでなく、tabキーを使います。 移動後のフィールドの値はすべて選択状態になっているので、改めて、選択をはずしたりする必要はありません。 単位が同じ場合には、単位をつける必要はありません。 逆に、異なる単位をつければ、IllustratorやPhotoshopは換算してくれます(mm/ptなど)。 ズーム、スクロール、全体表示はキーボードショートカットを使う Illustrat

    基本的な操作に関するアドバイス(Illustrator、Photoshop)|DTP Transit
  • [CSS]初心者にも分かりやすいスタイルシートのチュートリアル

    スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader"> <!--ヘッダ--> </div> <!--コンテンツ--> </div> </textarea>

  • イラストレーターで描くアイコンチュートリアル55「55 Adobe Illustrator Icon Design Tutorials」

    TOP  >  Design , vector  >  イラストレーターで描くアイコンチュートリアル55「55 Adobe Illustrator Icon Design Tutorials」 グラフィックデザイナーであればまず間違いなく毎日のように使うソフトウェア「illustrator」。非常に多機能で、レイアウトだけではなく、様々な表現が可能ですが、今回紹介するのはイラストレーターで描くアイコンチュートリアルを集めたエントリー「55 Adobe Illustrator Icon Design Tutorials」です。 How to Create a Yellow Submarine Icon with Gradient Meshes 立体的なものからステッカーのようなもの非常にリアルなものと様々な表現のイラストレーターによるアイコンの作り方がまとめられています。今日はその中からいく

    イラストレーターで描くアイコンチュートリアル55「55 Adobe Illustrator Icon Design Tutorials」
  • 立体感のあるボタン・バッジを作るPhotoshopチュートリアル40+ – creamu

    これもかなり前のエントリーですが、Naldz Graphicsで立体感のあるボタン・バッジを作るPhotoshopチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign panic button logo icon in photoshop。 How to make a cool button How to Create a Glassy Button or Enamel Badge Effect in Photoshop Photoshop tutorial website pill button icon design in photoshop How to Create a Slick and Clean Button in Photoshop 参考になるチュートリアルがそろっていますね。 その他のリストは以下からどうぞ。 » 40+ Best Photosho

  • Google Waveファーストルック! | ライフハッカー・ジャパン

    ついにGoogle Waveが一般公開されましたね(対象ユーザー限定ですが)。 あなたがもしGoogle Waveをいち早く体験できる招待状を手にしたラッキーな10万人のうちの1人ではなかったとしても、がっかりしちゃダメです。もうちょっとの辛抱ですよ。あなたがその手でGoogle Waveをいじくり倒せるその日まで、とりあえず他人様のレビューを読んで期待に胸を膨らませましょう。 というわけで以下、米Lifehackerの元編集長ジーナ・トラパーニによる、Google Waveの最初のレビューです。ここに掲載されているスクリーンショットは開発者版プレビューのもので、wave.google.comのものではありませんので、もっとリアルに近い情報が手に入り次第、続報をお伝えしていきますね。 ちなみに以下の文中では、「Wave」と表記の場合はGoogle Wave全体のことを指し、「ウェイブ」と表

    Google Waveファーストルック! | ライフハッカー・ジャパン
  • ネットで学べるillustratorチュートリアルサイト集 – creamu

    spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開している » Vectortuts Envatoによるベクターのあらゆることに関する人気サイト。たくさんの著者によって記事が書かれている » Veerle Pieters ベクターを扱うことで有名なVeerle Pietersによるブログ » Vector Diary 単純なシェイプから複雑なイラストを作っていく過程が公開されている » Illustration Info 初心者にもわかりやすいチュートリアル » Learn Ai illustratorに関するサイトを集めて、スキルの上がる情報を配信している 英語サイトですが、画像の

  • jQueryを使ったドラッグ&ドロップパネルのチュートリアル – creamu

    Web Designer plusで、jQueryを使ったドラッグ&ドロップパネルチュートリアルが紹介されています。 iGoogleWordPressの管理画面で見られるインターフェースですね。 HTMLCSS、jQueryのソースが公開されています。 ソートの順番は、ドラッグ後に以下のような文字列が生成されて、サーバサイドで処理しているようですね。 column1=item1,item3&column2=item4,item2,item5& 一度見てみてはいかがでしょうか? » Collapsible Drag & Drop Panels Using jQuery Gadget Partyでも、ガジェットの管理のページでガジェットの順番を変えられて、ブログパーツでの表示順を変更できます。F.Ko-Jiがさくっと実装してくれました。 今日も天気がよくて気持ちいいですねー。いろいろと出か

  • クオリティーの高いデザインアイコンを作るチュートリアル60 – creamu

    Creative Nerdsで、クオリティーの高いデザインアイコンを作るチュートリアルが紹介されています。 ざっといくつかご紹介。 » シンプルなコーヒーカップのアイコン » iTunesアイコン » ベクターのRSSアイコン » ディスプレイアイコン » illustratorで作るベクターのSafariアイコン » 透明のバッテリーアイコン » アラームクロックアイコン » Photoshopで作るバンアイコン Photoshop、illustratorのチュートリアルがたくさん揃っていますね。 その他のリストは以下からどうぞ。 » 60 Tutorials Creating High Quality Design Icons 今日はGadgetPartyの打ち上げ。今後のこととかいろいろ話し合いました。登録してくださっているみなさんありがとうございます! ↓のページのiPhone 3

  • Webからの知見、見つけた論文の読み解き方

    Java News.jp(Javaに関する最新ニュース)」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」(駆け足の要点説明)でお届けします(編集部) もう1度いう。論文は、難しくない 前回の記事「IT系でも活用しなければ損。論文を読んで広がる知見」で“論文”の検索サイトなどを紹介したところ、予想以上の反響がありました。論文は、研究者だけではなく、IT事業にかかわる人、プログラマ/エンジニアにとっても、大いに役立ち、ニーズがあることが分かりました。 しかし、世の中には論文の「書き方」に関する書籍やWeb上の情報は数多くありますが、「読み方」に関しては、各人がおのおのに見つけ出した手法で読み解いているのではないでしょうか? また読み方も、皆同じではなく、企業の研究者の立場、研究テーマを考えなければいけない学生の立場など、状況に応じて「読

    Webからの知見、見つけた論文の読み解き方
  • Web&グラフィックデザイナーのためのPhotoshopチュートリアル760+ – creamu

    WEBDESIGNDEVで、Web&グラフィックデザイナーのためのPhotoshopチュートリアルがまとまっています。 ざっといくつかご紹介。 » 30 Useful Photoshop Tutorials for Vintage and Retro Style Web design Ledgerによるビンテージ&レトロチュートリアル30 » 18 Web Header Tutorials Photoshopでヘッダー画像をデザインするチュートリアル18 » 12 Fresh Tutorials Design Reviverによるタイポグラフィーや壁紙、イラストのデザインチュートリアル » 23 Brilliant Adobe Photoshop Tutorials That You Shouldn’t Miss Smashing Downloadsによる見ておきたいPhotoshopチュ

  • 無料でダウンロードできるPSDファイル50+ – creamu

    DESIGNRFIXというサイトで、無料でダウンロードできるPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。 ↑はiMac。 Mighty Mouse iPod nano 5G Pencil PSD rubber stamp icon きちんとレイヤーに分かれているので、デザインの参考になると思います。 その他のリストは以下からどうぞ♪ » Free PSD Files: Collection of 50+ psd files from around the web カフェでまったり、と。連休ももう終わりですね〜。レッドクリフ Part2めちゃおもろかったです。それにしても周瑜のは綺麗すぎますね。

  • やさしく解説、新入生のためのGTD | ライフハッカー・ジャパン

    アメリカでは秋に新しい学期が始まります。米lifehackerには、新入生のためのGTD解説記事がありました。今更GTDって何?とは聞けない、という人も、こっそり読んでみてください。GTDは基的に、人生のワークフローのことです。 【The Inbox (収集)】 すべてはインボックスから始まります。おそらく、インボックスはGTDの中で一番大事な要素だと言えるでしょう。多くの学生は、手帳とto-doリストは同じものだと思っていますが、日付の下に課題を書いておいても何の意味もないのです。なぜならそれは、締め切りを基点にした考え方で、終わらなかったら、ちょっと延ばしてもらえばいいや、と安易な方向に行きかねないからです。課題が与えられたら、カレンダーには書き込まずに、あとで見返すための紙に書き出しましょう。ノートでもルーズリーフでもいいです。すべての課題を収集し、そこに書き込むのです。この段階で

    やさしく解説、新入生のためのGTD | ライフハッカー・ジャパン
  • Twitterの使い方・超基本 - Twitterの本 第2章 | Twitterの本

    つぶやき入力欄ここに「いまなにしてる?」への答えを入力して送信します。 つぶやき一覧自分や他の人のつぶやきの一覧が表示されます。 登録直後は何もつぶやきがないので、下記のような使い方についてのアドバイスが表示されています。 次にすること あなたが今何をしているかを上の欄に書き込んでください。あなたの友だちを見つけてフォローしてください。携帯電話を使って外出先でもつぶやきを入力してください。上部メニューTwitter内の各ページに移動するメニューです。 自分のプロフィール自己紹介を登録すると、ここに表示されます(「設定を変更しよう-第3章」参照)。アイコンをクリックすると、自分のプロフィールページを確認できます。 ここをクリックしてページを切り替える下部メニュー運営会社であるTwitter社についてや、利用規約やプライバシーポリシーなどのリンクがあります。 Twitterでつぶやいてみようま

    Twitterの使い方・超基本 - Twitterの本 第2章 | Twitterの本
  • WordPressのサーバー移転メモ:バックアップ編

    当サイトで使用しているWordPressのサーバー移転をしたので、その際に行ったWordPressの旧データのバックアップの手順の覚え書きです。 セットアップ編に続く予定です。 はじめに:移転先の確認 1. WordPressのサイトデータのバックアップ 2. WordPressのデータベースのバックアップ 3. WordPressの設定と現況のバックアップ 4. バックアップしたファイルのリスト はじめに:移転先の確認 現在使用しているWordPressのデータを保存する前に、移転先が現在と同じ環境で利用できるのか、それともバージョンが異なるかなどを確認する必要があります。 移転先で使用するWordPressのバージョン 移転先のPHPのバージョン 移転先と異なる場合は、事前に旧環境でバージョンアップを済ませてから各データの保存を行います。 ※バージョンアップの前には別途、データのバック