2016年5月26日 Illustratorでマスキングテープのデータを作る時は複数ウィンドウによるリアルタイムプレビューが便利
![チュートリアルマニアックス|Adobe Illustratorのチュートリアルを紹介します。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6556086cce54983d8506e1917221305aa68f8b7e/height=288;version=1;width=512/https%3A%2F%2Fwww.tutorialmaniacs.net%2Fwp-content%2Fthemes%2Fsango-theme%2Flibrary%2Fimages%2Fdefault.jpg)
レスポンシブデザイン、iframeと相性悪くて、普通に作るとスマホでyoutubeはみ出るみたいになる。そこで、よく使うiframeのレスポンシブ対策をまとめた。 Facebook Like Boxまずfb-like-boxをdivで囲う <div class="likebox-container"> <div class="fb-like-box"></div> </div> 次に下記のスタイルを書く。と幅可変になる div.likebox-container .fbcomments, div.likebox-container .fb_iframe_widget, div.likebox-container .fb_iframe_widget[style], div.likebox-container .fb_iframe_widget iframe[style], div.likeb
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。 Advanced Glow Effects 光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Space Lighting Effects in 10 Steps – Photoshop
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
Facebookなどでフォーム入力中にページを移動(離脱)しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 1.ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか?'; }); }); </script> <form method="post" acti
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 %程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く,横が数%長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm,印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書,TOEIC … 縦 4 cm × 横 3 cm TOEFL,英検 … 縦 3 cm × 横 3
新しいテンプレート表現「ラムダ式」 昨年(2015年)5・6 月に、Blogger テンプレートに新しい表現方法が相次いで登場したのを覚えているでしょうか。 Blogger テンプレートのウィジェットタグに新しい表現方法が登場 Blogger テンプレートにさらに新しいウィジェットタグが登場 Blogger テンプレート上で扱える構文が増えて、随分柔軟になった印象を受けたものですが、今回、さらにラムダ式が使えるようになりました。次のリンクが Blogger 公式のアナウンスです。 Official Blogger Blog: More custom template flexibility 「ラムダ式とはなんぞや?」という人は、このサイトの説明がわかりやすいかと。 第1回 ラムダ式 - @IT // 匿名メソッド Calculate(1, 2, delegate(int x, int y)
【ゆっくり解説】「遂に目を覚ました…」日本の第6世代戦闘機F Xの正体に世界中に震撼!!【ゆっくり軍事プレス】
をご紹介します。イラストレーターで文字に縁取りを入れるには[パスのオフセット]と呼ばれる機能を使います。 [パスのオフセット]とは、パスの外側に指定された値の分だけパスを太らせることができる機能です。今回はこの[パスのオフセット]を文字に適用させて文字に縁取りを入れていきます。
【チュートリアル】 発光する文字(初級) 写真が浮かぶ空間を通り抜ける タイトルロゴが入れ替わる ロゴに沿って光を移動させる タイトルロゴをキラキラと輝かせる タイトルロゴの背景に動画を合成 文字が砂になってバアッと消える 【プリセットの紹介】 テロップの格好いい出し方(基本編) 【基本の使い方】 テロップ以外の背景が透明のファイル作成 【今日から始めるAE】 その1:After Effectsの体験版 その2:シェイプレイヤーで丸を作る その3:キーフレームでアニメーション その4:レンダリングの仕方 【管理人がお世話になっている Mac機材系店舗やサイト】 秋葉館 Macで使えるハードディスクガイド --------------------------------------------- Copyright © AfterEffectsSTUDY!! all rights reser
藤井彩人ホームページ 「ayato@web」 アヤトウェブ (C) Copyright AYATO FUJII All Rights Reserved 当サイト内の内容・画像の無断転載・転用については固くお断りします。 Since 2001.03.13・このページは MacOSX Safari に最適化されています。 このページはリンクフリーです。 ※「当サイト利用時の注意・免責事項」 ※「デジタル映像制作ガイドブック」における無断転用について
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く