Create Websites Without Writing Code Using Adobe Muse
2014年8月17日 Webサイト制作, 便利ツール グラフィックデザイナーさんの中にはWebデザインに挑戦したいと思っている人もたくさんいると思います。それでもなかなか一歩踏み出せないのはマークアップやコーディングがなんだか難しそうだからではないでしょうか？先日、ロンドンで出会ったグラフィックデザイナーさん達と話して、「タグの文字列を見ただけで蕁麻疹が…」というように食わず嫌いのソースコード恐怖症な方が多いようで、どうにかしてその思いを払拭できないか？Webデザインの楽しさを伝えられないか？と思い、印刷デザイン感覚でWebサイトが作れる「Adobe Muse」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Adobe Museとは？ 「Adobe Muse」はデザイナーさん達御用達のAdobeが提供する、印刷物をデザインする感覚でWebサイト制作できるアプリです。HT
見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」:phpspot開発日誌
Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能すぎて馬鹿でかいよりもシンプルなのが逆にいいかもしれませんね。 関連エントリ HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」
これが2011年WEB屋に必要とされた厳選情報の数々！今年注目されたWEB屋ネタベスト20！ | バンクーバーのうぇぶ屋
さて、今回の記事は僕自身本当に楽しみにしていた記事のひとつです。 今日は僕が毎日色々な所から集める厳選したWEB制作ネタを投稿し続けている、FacebookやTwitter、そして周囲のWEB屋のオススメ、RSSで毎日読んでいる情報等、僕がWEB制作に携わる上で見てきた情報を、ゼーンブ集めてFacebookのLike数やTwitterのRTなどを参考にしつつ、ランキング形式でご紹介させて頂きます！ それでは、前置きなんかどうでもいいので、さっさと下記からバンクーバーのうぇぶ屋がまとめた、2011年最も注目されたWEB屋情報ランキングとしてご紹介させて頂こうと思います！ ※このランキングはあくまでバンクーバーのうぇぶ屋が運営するサイトやSNSを元にして集計した物になり、その他団体、企業に属するものではありません。 ※2011年リリースされたサイトや記事だけではありません、2010年とかに公開
[JS]jQueryのプラグイン33 1選 -2011年10・11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 FlexSlider シンプルながら高性能でセマンティックなマークアップのスライダー。 Slidorion 画像スライダーとアコーデ
jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ
jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり把握出来てなかったのでこの機会に全部目を通して触ってみました。機能というか、どんな感じで要素を取得出来るか、みたいな内容になります。 しっかり使いこなしてきた人間の書いてる記事じゃないので、もしかしたら解説が間違ってるかもしれません。一応公式のリファレンス見ながらやってますけどそれでも勘違いしていたらご指摘頂けると嬉しいです。 カテゴリごとにjsfiddleで全サンプルを用意してありますのでフォークしてご自身向けに変更して頂ければと思います。 Basic Filter(基本フィルタ)Sample基本フ
Web業界でよく使う用語の英語辞典
2014年8月22日 Web関連記事, 英語 英語のサイトにはたくさんの素敵情報が溢れていますが、なんだかハードルが高く感じていませんか？頑張って読んでみたけどわからない単語につまづいたり。という事でWeb業界でよく使う英単語を、過去のメールのやり取りを読み返したりして思いつく限り書いてしました（そのままカタカナになっている単語は省きます）。ポイントをおさえれば「「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々」で紹介されているようなサイトもスラスラ読めるようになるかも！？ ↑私が10年以上利用している会計ソフト！ 目次 あ行 か行 さ行 た行 は行 ま行 や行 ら行 あ行 値 – Value HTML、CSS、JavaScriptなどなど、いろんな場面で出てきますね。 You can get the value of a form elemen
jQuery初心者向けの基礎をしっかり学べるサイト
【ｊQueryって何からjQueryの基本まで】... / 【jQueryの使い方から動作デモまで】jQue... / 【jQueryでのアニメーションからイージングま...他...全6件
jQueryの便利に使えるスニペット１０:phpspot開発日誌
10 awesome jQuery snippets | CatsWhoCode.com jQueryの便利に使えるスニペット１０。 次のような使えそうなスニペットが１０個あります 画像のプレロード rel="external"なリンクのtarget="_blank"化 アンカーへのスムーススクロール divカラムの高さを合わせる CSSプロパティに対応しているかテストする URLのパラメータを得る フォームでEnterキーを無効にする よく使う処理は覚えておくとよさそう 関連エントリ コンテンツをページ内でハイライトしつつ切り替えられるjQueryデモ iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」 ギャラリー等を面白く見せられるjQu
Fireworksで製作したボタンが無料でダウンロードできる「THE DAILY BUTTON」
WEBの制作には様々なツールやソフトウェアがありますが、そのなかでも多くのWEBデザイナーが利用している、Fireworks。WEB制作に特化したグラフィックソフトの一つです。今日紹介するのはそんなFireworksで製作された制作データを素材としてダウンロードできる「THE DAILY BUTTON」です。 ボタンに絞って、様々なボタンが公開されています。公開されているものの中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 上記の他にも現在68この多種多様なボタンが公開されています。Fireworksを普段利用している方は、非常に役立つサイトだと思います。素材としてだけではなく、制作データで公開されていますので、作り方を学びたい人にも役立ちそうです。WEB制作をfireworksで行っている方は是非どうぞ。 The Daily Button
地味に便利なコーダーさん向けのジェネレーターまとめサイト「Web制作小物ツール」 | バシャログ。
ボジョレー・ヌーボー解禁日、今日は買って帰るけどワインはあまり飲めないishidaです。 Web制作に関連するジェネレーターサイトはいろいろありますが、個人的によく使っているサイトをご紹介します。特にコーダーさん向け。 http://webtools.dounokouno.com/ サイト名からあまり想像できないですが、地味に便利なジェネレーターが６個あります。 ダミーテキストジェネレータ システムなどで文字数制限する際のサンプルやデザインやワイヤーフレームなどに使えます。文章のパターンも、坊ちゃん・徒然草・英語など７種類から選択できます。 パスワードジェネレータ 4〜20桁のパスワードをランダムに生成。一度に20個まとめて作れます。 Basic認証コードジェネレータ 名前の通り。.htaccessと.htpasswdが作成できます。 HTMLエンティティ化 HTML内に掲載するメールアド
「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々 | バンクーバーのうぇぶ屋
最近やたらWEB屋さん達からの留学相談が増えてきましたが、やっぱり多いのは実際にこっちに来て仕事をしたい、移民したい、WEB業界の交流を持ちたい、というようなお話。 もちろん、人によって留学に求める物は違うので、都度色々お話させてもらっていて僕自身刺激になることも本当にすごく多いのですが、たまに聞かれるのが「どんなブログやサイトを見て情報収集しているのか？やっぱり英語なのか？」というお話。僕自身もちろん純日本人なので、英語の本とか読もうとすると未だに発狂しそうになりますが（Steve Jobsも全然進んでないorz）。確かに、日本語のサイトから情報を収集することは少なくなった気がします。 当然、僕が尊敬する人のブログは誰であろうと逐一チェックしますが、デザインや技術面での情報収集は英語記事を読んでいることが多いです。 でも、正直デザインや技術面の記事って英語分かんなくっても、なんとなく分か
「WEB+DB PRESS総集編」が過去10年分のPDF入っててコスパ高すぎる件
昨日 @sou_lab さんのツイートで知ったのですが、今売られている「WEB+DB PRESS総集編［Vol.1～60］」という雑誌には、過去10年分の記事が PDF 形式でまるごと収録された DVD が付録で付いています。 しかも値段は ¥2,699 なので、1冊あたり約 ¥45 です。 私は普段Webデザインの仕事をしているのですが、趣味で PHP や jQuery スクリプトを書いたりしていて、そっち方面も幅広い知識を身につけたいと思って本を買ったりはしているのですが「WEB+DB PRESS」は初心者には難しそうなイメージがあってあまり買ったことがありませんでした。 この際だからと思って購入し PDF をパラパラ見ていると、例えば「jQuery実践入門」という記事では「jQueryって何？」というところから丁寧に解説されていて、想像以上に分かりやすく役立つ記事がたくさんありました
URLの終りに「/」(スラッシュ)は必要?、不要?
http://www.suzukikenichi.com と http://www.suzukikenichi.com/ URLの終りに「/」(スラッシュ)を付けた方がいいのか、付けない方がいいのか、付いたときと付かないときでは何か違いがあるのか。 誰もが1度は疑問に思ったことがあるはずです。 URLの末尾に付ける「/」のことを「トレイリングスラッシュ(trailing slash)」と技術的に呼びます。 トレイリングスラッシュのあり・なしについて、ウェブマスター向け公式ブログでGoogleが説明しました。 補足を交えながら要点をまとめて解説します。 まず、トレイリングスラッシュのあり・なしによるウェブサーバーの一般的な振る舞いの違いです。 http://example.com/foo/ （トレイリングスラッシュあり） http://example.com/foo （トレイリングスラッシュ
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
ここ20年間のウェブまわりの技術をまとめた図*二十歳街道まっしぐら（FC2ブログ時代）
ウェブ開発者にとって欠かせない技術をまとめた１枚の画像です。 約２０年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。
まるで画像のような文字を動的に作るjQueryプラグイン·jQuery sIFR Plugin MOONGIFT
これは素敵なライブラリ。プログラマ（というのは言い訳に過ぎないが）はデザインが苦手だ。そのため、インパクトのあるロゴをデザインしようと思ってもなかなかうまくいかない。 上のフォントがどうなるかは詳細にて！ これはもう諦めた方が良い。だが単なる文字で書かれているだけではインパクトが薄い、使うのはjQuery sIFR Pluginだ。 jQuery sIFR PluginはjQueryプラグインとして動作するオープンソース・ソフトウェアで、文字を素敵なフォントで表示してくれるソフトウェアだ。 jQuery sIFR PluginはFlashを使い、動的に指定した文字を指定したフォントで描いてくれる。CSSで指定するのとは違い、JavaScriptが動作し、Flashが動いている環境であれば誰でも同じ結果を得ることができる。 このように表示させることが可能！ さらに動的に生成されるということも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI