サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
www.ultra-l.net
以前投稿したツイートで、「配布してほしい」という声があがったので、IllustratorとPhotoshop用の配布ファイル作りました!無料です。ご自由にお使いください。 ダウンロードファイル(Zipファイル:318kb) Illustrator Illustratorのスウォッチパネルの「スウォッチライブラリメニュー」から「その他のライブラリ...」を選び、「grayish_sky.ai」を指定してください。 Photoshop Photoshopのグラデーションパネルから「グラデーションの読み込み」を選び、「grayish_sky.grd」を指定してください。 元ネタはこちらです。 ついでに、抽出した色を参考に「ザ・青空」じゃない感じの空のグラデーションを作ってみました。 ちょっとグレイッシュな感じ。グレーを自在に足し引きして使えるようになるといいなぁ...。 https://t.co
頻繁につかうのでカンタンにメモ。 開発者ページでログイン [ Register Your Application ]を押してサインアップ画面へ WebサイトのURL、電話番号、利用目的を記入してSign Up [ Register a New Client ]を押して新しいアプリ登録画面へ アプリ名、説明、URL、アプリ認証用プログラムURLを記入しRegisterを押す [ CLIENT ID ]、[ CLIENT SECRET ]、[ REDIRECT URI ]が表示されるのでメモ ここにアクセスし、XXXXXにCLIENT_ID、YYYYYにREDIRECT_URIを入れてEnterを押すとアクセストークン取得。 ※取得に失敗したら「MANAGE」ボタン→「Security」タブ→「Disable implicit OAuth」のチェックを外して再度アクセス 認証画面が表示されたら
サイトリニューアル時に手間がかかるのが、既存サイトのページを把握して、ページリストを作成する作業。特に大規模なサイト、CMSから出力されたページが多いサイトなどでは、1ページずつURLを拾い上げるのは現実的ではありません。僕は昔からWebsite Explorerを利用してURL一覧(サイト内データ)を取得し、Excel形式に保存して利用しているのですが、ページリスト作成の工程や活用シーンとしては、スタッフ間共有や新URLの追加などがあるので、Googleスプレッドシートにアップロードして展開するようにしています。 Website ExplorerでURL一覧を取得する(※大規模なサイトは時間がかかります) Excel形式で出力。実際使うのは「サイト内データ」 不要なセルを削除したりと、基本的な体裁はExcelで整える。僕の場合は階層構造をより見やすくするために罫線を使って親子関係を明確に
放置してる個人サイト「HARDROCK TAXI」のサーバにテスト用のconcrete5のファイル約10000点アップロードしている間、時間を持て余したのでサーバ内を巡回していると2000年前後によく見ていた個人サイトの一覧がでてきて一気にタイムスリップ。"当時のまま"残存しているサイトを思いつくかぎり収集してみました。「ENTER」ボタン、アクセスカウンタ、相互リンクのための「LINK」ページと配布用バナー、コミュニケーション手段の「BBS」、「GUESTBOOK」、そしてフォントサイズは10〜11pxでビットマップな欧文フォント...などが当時の特徴ですが、懐かしいったらもう。あのころ好きだったサイトはもうほとんどないですが、できるだけ残しておいてほしい...。149design、TOKYO 23 PIXEL、Mixdry、Caramel Factory、-no- name、crabl
生まれて初めてAfter Effects(CC 2015)を起動しました...。作成した動画から透過GIFアニメを作成する方法を調べたのでメモ。 動画を作る 「コンポジション」メニューから「レンダーキューに追加」を選択 「出力モジュール」をクリックし、形式を「QuickTime」にする ビデオ出力のところ、「チャンネル:RGB+アルファ」、「カラー:ストレート(マットなし)」にする レンダリングをクリックして出力(アルファチャンネル付の動画が書き出される) Photoshopで、書き出した.movファイルを開く Web用に保存でGIF形式で書き出し マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無
PDFファイルを配布する際、クリックし時にブラウザ上で直接開くのではなくてPCにダウンロードさせたい...というのを下記参考にして実装。 <参考> PDFファイルの埋め込み eLouai's Force Download of media files script マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無料です) 「ブクログのパブー」で公開していますので是非ごらんください。
※追記 現在、この記事で紹介されている機能は使えないようです。 今後たびたび使いそうな気がするので備忘録。 InstagramでユーザーIDを調べるにはInstagram DeveloperのページにあるAPI Consoleを使います。 Developer登録をしていることを前提として、まずはAPIコンソールにアクセス。 1)AuthenticationからOauth2を選択 2)Sign in with Instagramボタンを押す 3)user/searchをクリック 4)調べたいアカウント名を入力 5)候補が出てくるので、該当のアカウント名のところからidの数字(ユーザID)を拾う マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01
Android2.xでは、CSSのoverflowプロパティでautoやscrollを指定しても効かないというバグがあります。それを回避するために下記記事を参考にさせていただき、スクロールさせることに成功。 ※Android4.xではネイティブでoverflow:autoに対応しているようです。iOSはiOS5から一本指でスクロールできるようになっています。 androidでスクロールできないバグ | デザイン、Mac、Adobe、とあと何か と思ったらなぜかAndorid4.xでoverflowが効かなくなるという...。仕方なくバージョン分岐で対応。 lab » Blog Archive » [javascript] アンドロイドのバージョン判別方法 マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、
デザイナー駆け出しのころからよく使っていたテクニック。久しぶりに使ったのでメモ的に。 「オブジェクト」メニュー→「変形」→「個別に変形」を使います。 拡大縮小、移動、回転のところの数字をいじりつつ、「ランダム」にチェックを入れるのがポイント。整然と並んでいるオブジェクトがいい感じにバラバラになります。特に規則性のある配列の場合、意外な結果になって面白いです。アイデア次第でいろいろなパターンが生まれると思います。 マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無料です) 「ブクログのパブー」で公開していますので是非ごらんください。
めずらしくTipsネタ。 Fireworksの「ストローク」には様々な種類があります。自分が普段よく使うのは「基本」「破線」「鉛筆」あたりのスタンダードなものばかりですが、中には「もこもこエイリアン」、「縄」、「広範囲のスプラッター」、「液体のはね」、「歯磨き粉」など、ユニークだけどいったいどういう用途で使っていいのやら...という特殊なものも多いです。 これらのストローク、ちょっとだけ使い方を変えると意外と使い道があります。それは、ストロークを、「線」ではなく「塗り」に見立ててしまおうという方法。やり方は簡単。パスが閉じたオブジェクトに対して、ストロークを"中央"ではなく"内側"に設定してそれなりに太い数値を入れてあげると、思いもよらぬ効果が生まれる場合があります。特に、さりげなくアナログ風なにじみを表現してくれる効果は使い道ありそうです。以下サンプルです。ストロークそのものは編集してま
自分はもうコアなコーディング作業はやらないのですが、それでもコーディングする機会は一定量あって、いまさらながらHTMLエディタのプラグイン「Zen-Coding」でもしっかり覚えようかなと思ったところ、池田くんから「Emmet」というZen-Codingの次期バージョンが便利だと教わったのでちょっとお勉強。 Emmet Documentation Zen-Codingの次期バージョン、Emmet について|Web Design KOJIKA17 CSSの記述を高速化する、Emmet (Zen-Coding)|Web Design KOJIKA17 知らない人は遅れてる?新Zen-Coding Emmet | DECONCEPTER なるほどー、覚えたらかなり効率化できそうです。 Emmetは現在開発中でβ版の機能は試せるそうです。とりあえずDreamweaverにZen-Codingを入れ
Adobe Dreamweaver CS6の体験版をダウンロード。新機能の目玉ともいえる「可変グリッドレイアウト」機能をちょっとだけ使ってみました。 Web制作 アプリ作成 | Adobe Dreamweaver CS6 「可変グリッドレイアウト」は、PC、タブレット、スマートフォン3種類のレイアウトを、直感的な操作で作れてしまうという機能。「可変グリッドレイアウトのDivタグを挿入する」を選んで、PC、タブレット、スマートフォンのビューボタンを切り替えながら、それぞれのレイアウトを個別に設定することができます。特に予習もせずにいきなり触ってみましたが、直感的に作業できました。なお、ベースになっているフレームワークは「Boilerplate」です。 ▼デモで作成したファイルをアップしてみました。ウィンドウサイズを動かすとレイアウトが可変します。 DEMO : 可変グリッドレイアウトのテスト
こちらの記事で紹介しているカスタマイズ方法ですが、Facebook側の仕様変更のためか、表示されたりされなかったりを繰り返す不安定な状態です。現在は利用できていないようです。当記事ご参照の際はお気をつけください。 --- 【2013年2月6日追記】 1月25日から表示がきかなくなっていましたが、再度表示されるようになりました。仕様変更の情報など追っているわけではありませんので今後どうなるかわかりませんが...。 【2013年1月25日追記】 2013年1月25日の朝から表示が効かなくなりました...。Facebook仕様変わったのかもしれません。(明確な情報持っていません) 現在、当該記事で紹介しているTipsが適用されない状態になっておりますのであしからずご了承ください。解決法が見つかればいいのですが...。 ---------------ここから本文--------------- Fa
秀丸って便利ですね。 紙やペンを変えると書き心地が変わるように ソフトを変えたときも気分が変わります。 秀丸はいままでのエディタの中では最も気持ちの良いエディタです。 秀丸で使ってるマクロを簡単にご紹介します。 Wisteria - 秀丸マクロ - CompleteX 非常に強力な入力補完マクロです。 HTMLやCSSの編集で重宝しています。 ファイル別対応しているため辞書ファイルさえ作成できればより作業が効率化できそうです。 さらにSusieを利用するとimgタグを入れたとき画像サイズまでいれてくれます。 入力中は極力キーボードから手を離したくないので感動しました。 Wisteria - 秀丸マクロ - Snippet.mac スニペットを登録し展開できます。 WordPressのテンプレートタグなど覚えるほどではないけど頻繁に利用するタグを登録しています。 普段よ
フルスクリーンで縦横にスクロールするサイトを見て、面白いなと思ったので、調べてみたところ jQuery.LocalScrollというスクリプトを使うことで簡単にできるとのことでした。 スクリプトの紹介ページはコチラ「jQuery.LocalScroll - Regular Demo」 折角なので、デザインスタジオ・エルのホームページをつかって縦横にスクロールするコンテンツを作ってみました。 完成したのがこちら アルファベットの配置の通りスクロール出来るようになりました。 今回スライドするコンテンツは、簡略化のため画像にしてしましたが、簡単に実装することができました。 いろいろ使えそうです。
思いつきから1週間、仕事以外の時間を活用してなんとか8ページ仕上げました。ペン入れする道具と技術がないので鉛筆で描いたまま+若干のブラシのみです。あしからず。描いたの高校生以来18年ぶり。楽しかったぁ。当たり前ですがプロではありませんので細かいツッコミなどはご勘弁を...。ストーリーやキャラ設定に協力いただいた方々に感謝! Vol.01お読みいただきありがとうございます。Vol.02以降のまとめ読みは下記サイトにてすべて無料でご覧いただけます! マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無料です) 「ブクログのパブー」で公開していますので是非ごらんください。
「名刺って、人数分版下用意するのが面倒...」とふと相談されたので、id=Naganoの名刺をお見せしました。自分のところにチェックするタイプ。即決でこの方法を採用だそうです(笑)。 id=Nagano、ただいま暑気払いを計画中です。 id=Nagano マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01~Vol.11をまとめ読みできます(すべて無料です) 「ブクログのパブー」で公開していますので是非ごらんください。
crema designさんが配布している「iPhoneテンプレート for MT」は、“既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート”というすぐれもの。設置も簡単そうだったので、さっそく導入してみました。以前このブログでも触れた「iui.js(Google Code)」も使いながら、テンプレートに追加するだけだったので、わずか10分程度で完了してしまいました! Webディレクター・ハラヒロシのブログ iPhone用コンテンツ(PCでも閲覧可) 実機(iPhoneじゃなくてiPod Touchですが)はありますが、無線LAN環境じゃないので、後日確認したいと思います…。 「iPhoneテンプレートfor MT」を公開いたします。|iPhone|東京Webデザイナー日記リターンズ|crema design
デザインスタジオ・エル 著作権フリー写真素材集「エル写庫」
このページを最初にブックマークしてみませんか?
『デザインスタジオ・エル | 長野市のグラフィックデザイン/Webサイト制作会社』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く