TOP  >  プログラム

Tag : プログラム

2016年04月07日

プログラムコードをスライダー形式で見せることができる「SPECTACLE-CODE-SLIDE」

プログラムについてはそれぞれのジャンルごとに様々なサイトやブログでレビューやTIPSが公開されており、ソースコード自体を記載されています。今回紹介するのは、そんなソースコードをステップごとにわかりやすく閲覧させることができる、プログラムコードをスライダー形式で見せることができる「SPECTACLE-CODE-SLIDE」です。

spec1

行数が入り、かつ色分けされたよく見る埋め込まれたコード表示のままで、ステップを追って見せることが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:53  |  
Category: Tool   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2008年05月10日

先進的なフリーRSSアイコンをダウンロードできる「Design Freak」

先進的なフリーRSSアイコンをダウンロードできる「Design Freak」

前回「ユニークなフリーRSSアイコン集「Fresh, Free and Gorgeous RSS/Feed Icons」」と言う記事で一風変わったRSSアイコンをダウンロードできるWEBサイトを紹介しましたが、今日紹介する「Design Freak」も普段あまり見かけないRSSアイコンをダウンロードできるWEBサイトです。

かなり先進的と言うかあまり他のサイトでは見ないようなRSSアイコンが多々公開されていましたので今日は公開されている物の中からさらに気になった物をいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:20  |  
Category: Design   
2008年05月12日

ステッカーのようなフリーアイコンパック「Sticker Pack 2」

リアルなアイコンや立体的なアイコンなど最近はフリーアイコンと言えどかなり手が込んだ物が配布されていますが、今日紹介する「Sticker Pack 2」はステッカーのような質感にこだわったフリーアイコンセットです。

この「Sticker Pack 2」3つの種類が公開されており、CandyBar(MacOSXアイコン制御アプリケーション)、Macintosh、Windowsと様々なタイプのアイコンが公開されています。内容はそれぞれですがどれも上記のようにペラっとしたステッカーのような仕上がりになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:28  |  
Category: Design   
tag: Design Tool
2013年12月21日

写真を柔らかな雰囲気を付与するPhotoshopアクション「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」

手軽にプロの写真加工を再現したり、同じ効果を施すことができるPhotoshopのアクション機能。とても便利で、制作時間の短縮やクオリティアップのためには欠かせない機能の1つです。さて、今回紹介するのはそんなPhotoshopアクションの中でも、写真に柔らかな加工を施す「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」です。

cabbbppa_0

サンプルの赤ちゃんの写真を見るとわかりますが、これは写真に遠近感のぼかしをつけて、柔らかさと雰囲気を付与することができるアクションです。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop   
2015年10月29日

種類の豊富さが魅力 デザインフリーフォントまとめ「101 best free fonts, fall 2015」

どんどんと新しい種類が生み出され続けているフォント。フリーでダウンロードでき、さらにデザイン性も高いものも数多く配布されています。そんな中今回紹介するのは、種類の豊富さが魅力なデザインフリーフォントまとめ「101 best free fonts, fall 2015」です。

font1029_1
Omnibus-Type – Chivo

比較的新しいフリーフォントが多数まとめられています。どれも非常に魅力的なものばかり、以下に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:13  |  
Category: WebService   
2013年11月06日

改めて参考にしたいクリエイター達のワイヤーフレーム集「UI & Wireframe Sketches to Keep You Inspired」

ワイヤーフレームは新しいWebサイトやサービスのUIを考える時、その構造を可視化するもので、制作する前には必ず作るというクリエイターも多いのではないでしょうか?今回紹介するのは改めて参考にしたいクリエイター達のワイヤーフレーム集「UI & Wireframe Sketches to Keep You Inspired」です。

uwstkyi_0
Dribbble – App design | Phase 1: Sketching by Alex Deruette

軽めのタッチのものから、細かく描かれたものまで、さまざまなワイヤーフレームが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2017年01月01日

2017年 新年あけましておめでとうございます。

deve

皆様、新年あけましておめでとうございます。

2016年もDesigndevelopを応援・閲覧して頂き、本当にありがとうございます。最近は更新頻度が滞っており、質ではなく量での優位性をもって、デザインや開発を行っている方に貢献するというブログの軸が少しズレてしまっていました。

開設当初は最低でも毎日2件、多い日はもっと数多くの記事をお届けしていましたが、最近では1週間でも2〜3本になってしまっていました。新年ということで改めて当初のコンセプトを再度認識し進んでいきたいと思います。

記事の編集・発信については今までと変わらず、Designdevelopという名前の通り、主にフロントエンドの開発周りから、デザインの際に役立つツールなど利用するものを中心に、今年は記事更新をなるべく行えるように仕組み化し、もっと多様性のある情報、多くのデザインや開発に役立つ情報を皆様にお届けできればと考えています。

2017年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。

続きを読む
2009年03月03日

psd+XHTMLでWEBサイトを構築するチュートリアル43選

皆さんはWEBサイトを制作する時にどんな手順を踏んでいるでしょうか?制作会社さん、個人によってもその方法は様々だと思いますが、今回紹介する「43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation」はphotoshopでデザインされたモックアップをXHTMLとCSSで組み上げていくまでのチュートリアルを集めたエントリーです。

cssxhtmlpsdtips01
How To Create a Horizontally Scrolling Site

全部で43個と様々なWEBサイト構築のためのチュートリアルが紹介されていますが、いくつか気になったWEBサイトのチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2013年05月10日

アンティークなポラロイド風ビジュアルを簡単に作成できる「Free Polaroid Frames Psd」

デザインで写真を印象的に見せる際に使用することの多い写真風の加工。実際にフレームを手作りで制作しても良いのですが、やはり素材を使うことで、今まで自分では作ってこなかったような、新しい表現が可能になるものです。今回はそんな時に是非利用したい、アンティークなポラロイド風ビジュアルを簡単に作成できる「Free Polaroid Frames Psd」を紹介したいと思います。

デザイン処理として人気が高く、そして非常に使いやすいため重宝される、5種類のアンティークテイストなポラロイドフレームのpsd素材です。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:11  |  
Category: Design   
2008年05月13日

WEBショップ運営者の方へ最適フリークレジットカードアイコン「Free Credit Card Icons」

WEBショップ運営者の方へ最適フリークレジットカードアイコン「Free Credit Card Icons」

現実世界でもWEBでも決済手段として普及しているクレジットカード。特にWEBでは現実世界以上に、クレジットカード決済できるかどうかを分かりやすくユーザーに示すことが必要かと思います。今回紹介する「Free Credit Card Icons」はクレジットカードのアイコンをフリーでダウンロードすることが可能です。

VISA、MasterCard、American Expressなど日本でもお馴染みのクレジットカード会社のアイコンが配布されていますので「Free Credit Card Icons」自体は海外のサイトのコンテンツですが、国内でも十分に使えるかと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:04  |  
Category: Design   
tag: Design
2008年07月16日

カメラによる表現の可能性を広げてくれるアイデアソースのまとめ

カメラと一口に言っても様々なものがあり、撮影する手法や構図でできあがる写真は全く違うものになります。その普段とは違う写真を撮影する、又は違うものに見せるためのチュートリアルや、テクニック集をまとめているのが今回紹介する「25 Great Photography Tutorials and Links From Around the Web」です。

ただのレタッチとかではなく、写真の構図的なものから、カメラを自転車に付けて走りながら撮影するなどのアイデアものまで、実に様々なものが集められています。今日はその中からいくつ書きになるものをピックアップして紹介したいと思います。

(続きを読む…)

続きを読む
posted 02:34  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る