jQuery1319文字:約3分ISSEIONZE映画『マトリックス』のオープニングで使われている、コンピューターの画面上を緑の文字が流れる映像。実装したサンプルを紹介します。もとはネットサーフィン中に見つけたものですが、改変して次のようなJavaScriptのコードを書いています。Logos](レスポンシブ・ロゴ)のアイディアが面白いので紹介します。現在サイトで紹介されているのは以下の16企業。開発ブログDesign1914文字:約4分ISSEIONZEウェブは基本的に横書きが主流で、縦書きのウェブサイトは珍しく、かなり少数派です。固定概念を崩して縦書きデザインを取り入れてみると、目新しさやアクセントが生まれ、自由なレイアウトと華やかな印象のデザインが可能になります。開発ブログDesign1690文字:約3分ISSEIONZEウェディング系の優れたウェブデザインを調査する機会があったのでメモします。華やかな印象のウェブサイトを11個、集めました。film]のランディングページです。4」のモデルとして人気ゲーム「ファイナルファンタジーXIII」の主人公「ライトニング」を起用しています。FacebookやTwitterなど、SNS界隈でも随分と話題になっていますね。JavaScript1403文字:約3分ISSEIONZEページをスクロールさせて、非表示だった特定の要素がウィンドウ内に入ってきたときに、指定したアニメーションエフェクト付きで表示させるスクリプト[ScrollReveal]を紹介します。以下の公式配布サイトのデモを見れば何が起きているのか一目瞭然ですね。開発ブログDesign1138文字:約2分ISSEIONZEウェブデザインの制作で頭を悩ませているとき、優れたサイトを眺めているだけでインスピレーションの源になります。レイアウトやカラーパレット、導線や特殊な動きなどなど、学ぶことが多く自分の引き出しも増えていきますからね。ウェブデザイナーの方なら幾つか有名なギャラリーサイトをブックマークに登録しておくべきです。jQuery1895文字:約4分ISSEIONZEウェブページをスクロールさせると、その動きにシンクロしてプログレスバーが表示される[Scrollgress]の使い方を紹介します。実際に導入してみましたので、まずはサンプルをご覧ください。開発ブログDesign2493文字:約5分ISSEIONZE「黒」×「ピンク」ってオシャレな色の定番の組み合わせのはずなのに、過激な印象が先行してしまうためか、ウェブデザインに限定して探してみると意外に人気がなく、採用しているサイトが少ないんです。性的なイメージを喚起させる側面があるためか、企業サイトではほぼ使われることがありません。Popup]は、その名のとおりスタイルシートの設定だけで実装できる便利なテクニックです。下記URLよりサンプルをご覧ください。Posters]を紹介します。クオリティの高いA5サイズの「.ai」および「.eps」ファイルが梱包されており、テキスト部分を編集するだけで印刷に適したデータとして使えます。それぞれのデザインは以下のとおり。Icons]が面白い。Icons]が無料で提供されています。オフィシャルサイトに掲載されている上記のGIF画像を見るとおり、ブラックユーモア満載のダークなデザインが面白いですね。Icons]が面白い。Template]が無料です。Template]を紹介します。Template]が無料です。