Illustrator使いのためのWebデザインの基礎1 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 「Illustratorをメインにしたウェブデザインってどうやるんですか？」と質問された。 世の中のウェブデザインをする人の多くがデザインを仕上げるのに、何を使っているか、いまいちよくわからないのだけど、私の場合、Fireworksがメインで、素材作りにIllustrator、Photoshopを使う‥‥というやり方をしています。 ※【注意】ここでいう「仕上げ」「メイン」とは「HTMLにするページのビジュアルデザインのデータ」と「デザインしたものをウェブサイト用に書き出しする作業をするソフト」という意味です。 ということ
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
Synergy! - CRM・顧客管理システム | シナジーマーケティング株式会社
使いやすさを徹底的に考えた画面デザイン 無駄な機能を極力そぎ落とすことで、操作性のよい管理画面を実現。 また、定期的にユーザーテストを行って使い勝手を検証し、「マニュアルを見なくてもつまづかず、短時間で効率的に使える」ことにこだわっています。 Synergy!の管理画面デザインへ 個人情報を安心して扱える堅牢なセキュリティ 重要な個人情報・購買データを扱う上で必須となる、高いセキュリティ性能。 Synergy!は、ファイアウォールによる不正侵入検知や暗号化など、外部からの防護はもちろん、データの「持ち出し」を防ぐため、細やかな権限設定・操作ログ・強制ログオフ・二重ログイン検知などのセキュリティ機能を有しています。 また、プライバシーマークおよびクラウドセキュリティに関する国際規格「ISO/IEC 27017」の認定を取得しています。導入時に必要なセキュリティチェックのご要望にも対応していま
30のスライドショーのデザイン
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
YouTubeを効果的に見せるための12の隠しパラメータ
YouTubeの動画をブログに貼り付けるときに次のようなiframeタグを利用するのはご存知かと思います。 <iframe width="470" height="269" src="http://www.youtube.com/embed/YDxYmhze5Do" frameborder="0" allowfullscreen> </iframe> このiframeタグに隠しパラメータ（隠されている訳ではありませんが）をつけることで見栄えや動作を変更することができます。 以下の動画はパラメータを付与してみたものです。テーマおよびプログレスバーの色の変更して、セピアカラーの動画にマッチしたデザインにしています。再生後の関連動画の非表示や再生開始位置の変更なども行っています。 ということで以下、隠しパラメータの紹介です。すべてのパラメータは、次の設定例のように、src属性に設定したURLの末
スクロールによってリストの表示をダイナミックに変化させる·stroll.js MOONGIFT
stroll.jsはCSS3を使ったスクロール時に多彩なイフェクトを実現するJavaScriptライブラリです。 WebページはJavaScriptによってどんどんダイナミックに変化させられるようになっています。そこにさらにCSS3を組み合わせることでスクロール時のイフェクトをこんなにダイナミックにできます。それを実現するのがstroll.jsです。 例です。スクロールさせるとリスト部の描画が滑らかに変化します。 3Dを使っている場合は特に奇麗です。 様々な変化があります。 スクロールは上から下、下から上の両方に対応しています。 ソースです。ul.classでアニメーション方式を指定しています。後は単純なリストです。 デモ動画です。全部で13種類のアニメーションがあります。 stroll.jsではリストのスクロールに伴うイフェクトを容易に実現できます。スクロールの速度によってイフェクトの幅
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
