セメントプロデュースデザイン代表の金谷が、 CEMENTの考え方やデザイン、モノづくりの観点からお話させていただく 全国各地でセミナーや講演を行っております。 開催スケジュール代表あいさつインタビュー記事一覧
CEMENT PRRODUCE DESIGN
セメントプロデュースデザイン代表の金谷が、 CEMENTの考え方やデザイン、モノづくりの観点からお話させていただく 全国各地でセミナーや講演を行っております。 開催スケジュール代表あいさつインタビュー記事一覧
ステートフルJavaScript 4章 | jekylog
そもそも、コントローラとは一体何でしょうか。簡単に言うなら、コントローラはアプリケーションの中でビューとモデルとをつなぐ接着剤の役割を果すものです。ビューとモデルの双方に関与しているコンポーネントはコントローラだけです。ページが読み込まれると、コントローラはビューにイベントハンドラを関連付け、コールバックを適切に処理し、必要に応じてモデルとのやり取りも行います。 便利なライブラリも存在しますが、コントローラの作成にライブラリは必須ではありません。コントローラにとって必要なのは、モジュール性を持ち独立した存在であるということだけです。疎結合度の高いコンポーネントとしてふるまうべきであり、グローバル変数を定義したりすることは可能な限り避けなければなりません。これを実現するための優れた手法がModuleパターンです。 4.1 Moduleパターン ロジックをカプセル化してグローバル変数の衝突によ
ソースコードの装飾表示方法 SyntaxHighlighter
HTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。 NetyaSun ソースコード表示 ホームページ 作成、運営、管理ガイド 行番号や各行背景色で見やすい ソースコード ビュー ライブラリ SyntaxHighlighter エディタのようにWebサイト上に綺麗にソースコードを表示する方法。 ソースを書くプロ達や未来の開発者のための学びの場である HTML,CSS,JS,Perl,PHPなどのマニュアル・解説サイトなどで、 PREソースコードを行頭番号付きでカッコよく表示するソース ビューア SyntaxHighlighter SyntaxHighlighter:Download ソース上にオンマウスで の操作タブがソースの右上に表示されるようになった。 ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。 <?xml ve
CBCNET | Topic » HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章）
HTML5でのジェネラティブ・アート［Processing、JavaScript、チュートリアル］ （『ジェネラティブ・アート』の未刊の章） 本記事はビー・エヌ・エヌ新社より刊行された「ジェネラティブ・アート」をスケッチするための解説書『ジェネラティブ・アート―Processingによる実践ガイド』の著者であるマット・ピアソン氏がCreativeApplications.Netでのスピンオフ企画として寄稿した原稿の翻訳版となります。「ジェネラティブ・アート」に興味がある方はぜひ本と合わせて御覧ください。 「ジェネラティブ・アート Processingによる実践ガイド」についてはこちらから。 This article is a Japanese translation of Matt Pearson’s Tutorial at CreativeApplications.Net, thanks
管理画面のデザインに困ったらThemeForestを参考にする | 高橋文樹.com | デザイン
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 困ったときのThemeForest情報です。プログラマかデザインの苦手なフロントエンドデベロッパ向け。前置き長めです。 プログラマを悩ませる管理画面 昨今のWebサイトではPHPなどのサーバサイドスクリプトとデータベースを組み合せることが多いのですが、その際管理画面というものを作ることがあります。 よくあるパターンとしては、CMSや業務管理アプリみたいなものを管理画面として作り、そこで作成／入力したデータを一般客向けのWebサイトとして表示するというパターンです。 問題1: 管理画面はデザイン予算がかけられない で、この管理画面なのですが、「デザインについて予算が割かれることがほとんどないわりに細かい注文がゴチャゴチャくる」ことが多いです。中の人はしょっちゅう触っていると何
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方Read less
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
可変グリッド（リキッド）レイアウト | Webデザイン フリーフォント Prismtone
可変グリッド（リキッド）レイアウト、ちょっと気になってます。 ざっとご紹介。 ...見づらいのではないか。 と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。 もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原則はあるはずなので、文字のジャンプ率が低く、フォーマットが統一されているこれらのサイトは、すべての情報が並列に見えがちかなと感じます。 こういう場合は、「写真・枠の大きさ」「色」「表示位置が上なのか下なのか」あたりで、強弱・メリハリつけてく感じなんですかね。 色でのメリハリは出してるサイトはないように思います。日経と丸の内はグルーピングとして色使っているけど。 情報が古いor優先度が低い場合、文字色とか不透明度下げるとかも、意外とおもしろいのではないかと。 枠の形がきっちり決まってる分、それく
A List Apart: A List Apart
How can user experience researchers make sure their voices are heard and their work is valued? By telling a good story. Gerry Duffy guides us through the thickets of research as storytelling by showing us how to recast an oft-maligned discipline as an opportunity to craft a convincing and exciting narrative.
Illustrator CS自動化作戦 with JavaScript
Last Update:2009/12/25 PM 10:00 【Illustrator CS自動化作戦】 このページは毎日コミュニケーションズから発売されているIllustrator 10自動化作戦のサンプルおよび原稿をIllustrator CS用に書き直したものを載せています。このページを見る前にIllustrator 10自動化作戦を手元においておくと良いかもしれません。 ver 10 から ver CSへの変更は意外と多く、特にスクリプトにおいては結構変更しなければならない点が多くあります。つまりスクリプトにおいては互換性が低いとも言えます。また、他のAdobe製品（Acrobatを除く）との共通GUIなどもなく、ちょっと時代遅れのような状態になっています（ファイルオブジェクトは共通っぽい）。（2005年1月時点で最も高機能なのはAfterEffects 6.5に搭載されているJ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fladdict
IDEA * IDEA
http://gerenuk.crazyphoto.org/2009/06/23/837/
CSS Spriteを活用しよう - DesignWalker