CSSで和の波模様の青海波(せいがいは)のパターンをアニメーション付きで表現したもの
CSSだけで作られた和柄の青海波文様。日本の波を表す模様です。またアニメーションもついていて、すこし遊び感がある背景パターンです
Photosho CC 2014 がリリース 16つの機能・強化が追加
Photoshop CCがPhotoshop CC 2014に。スマートオブジェクトやスマートガイドでよりWEB制作が行い易いようになってきている
CSS3で導入された not() を使ったhoverによってグレースケールを操作するデモンストレーション
CSS3のnot()を使った否定的なセレクタの使い方のデモンストレーション。マウスオーバーによる動作を否定的に行っています。また、not()を使うことでコードが短く書けるメリットも
【入門】PhotoshopでWEB制作用にガイドとグリッドの設定 + ガイドの引き方、消し方、修正の仕方
フォトショップの入門編。WEB制作におけるグリッドとガイドの設定と基本的なガイドの使い方を解説、表示の切替にも便利なショートカットキーも紹介しております
border transparent を使った、背景を映し出す三角形を使ったテクニックと応用
CSSの擬似要素のborderを使って透明な背景が映し出される三角形を作り出すテクニック。応用することでいろいろな見せ方も可能になる
完成度の高い文字を美しく見せる、2つの色を指定するだけで使えるSCSSコード
文字を美しく見せるCSSのテクニック、SCSSで簡単に色々なカラーのバリエーションで作成することが可能。変更箇所はたったの2箇所でOK
PhotoshopってWEB制作に絶対必要？ とかのお話
実はPhotoshopの初心者だった話、なんでPhotoshopが必要なのかという話と、これからはPhotoshopの話題が増えるよという話をしています
記事がパクられたというか、ぶっこ抜かれたので コピーサイトに対する3つの対策と実際に行った作業の結果
サイトの記事の内容や画像が無断転載、コピられた時に対策する方法を3つ紹介。また私のサイトも実際にコピーされてしまったので、実際に対策をしてみた流れを紹介
2つのGIFアニメを重ねることで同盟部分に別の映像を重ねることで表現するテクニック
HTMLで2つの画像を組み合わせて合成することで、GIFアニメーションの効果と、GIFの透かし効果をうまく使って インパクトのある画像を作るテクニック
スクロールが可能なのを知らせる矢印マークの動きで、要素が裂ける感じが斬新なCSSを使ったアニメーション
wave simulation ちょっと、見たことない感じでとても斬新。 矢印マークがふわふわと動いて、スクロールができることを知らせることはよく使われますが、このアイディアは斬新。 矢印マークの動きと合わせて、矢印マー […]
Movable Typeの商用利用でも無償な Movable Type Open Sourceの入手
ブログシステムのCMSMovable Typeのオープンソース版Movable Type Open Source を公式サイトから入手する方法
CSSのBackground-blend-modeを使ったいろいろな背景パターン
CSSのBackground blend modeを使ったデモや、いろいろな背景パターン。またどういったものなのか詳しく解説されているサイト等を紹介
ネットショップを簡単に構築できる国産CMS EC-CUBE Ver.2.13 のダウンロードからインストールまでをやってみた。
ネットショップを簡単に構築出来るCMS EC-CUBEのダウンロードからインストールまでの手順。初めてする問に戸惑うポイントと、実際にインストールしてみての感想を書いています。
テキストのエリアをぼかして、クリックでくっきり見えるようにするネタぼれ防止のアイディア
ネタバレ防止に使える、テクニック。CSSのtext-shadowを使ってぼかした状態で表示させ、クリックされた時に内容がクリアに見えるようにすることでネタバレを防止するアイディア
HTML5のvideoを画面いっぱいの背景にする方法
HTML5のvideoタグを使って、ブラウザの画面いっぱいに動画を背景として流す方法です。 videoタグとちょっとのCSSで実現可能です。
Bootstrapを使ってWEBサイトを作ってみようぜ 第8回 「オーソドックスなシンプルなフッターを作る」
第1回 「CSSフレームワークって何？」 第2回 「グリッドシステムって何？ グリッドシステムを学ぶ」 第3回 「セットアップして利用開始できる環境を作ろう」 第4回 「制作事例をみてイメージを膨らまそう」 […]
画像を使わずにCSSでエアメールの枠の模様を背景で作る方法
エアメールとはこんなやつです。最近はあまり見かけなくなりましたね、今は別のこの封筒じゃなくても手紙がちゃんと届くってことなんでしょうか？それでも文房具屋さんでは片隅に置かれてたりして、まだまだニーズがありますね。 そんな […]
自動で生成される検索に表示されるサイトリンクを操作する
Googleの検索結果では自動的に、ある程度認知度があるサイトではサイト内のリンクから自動的にサイトマップ的なサイトリンクが生成されます。 当サイトでは「9ineBB」と検索するとこのような検索結果が表示されます 6つの […]
テキストエリアがアクティブになるとプラベルの文字がピョンっと飛び出す 入力フォームのデザイン
お問い合わせフォームや、会員登録等のフォームで使われるような入力フォームで、その場所がアクティブにあると、中にあるラベルである文字が入力の箇所からぴょんと飛び出すアクションの入力フォームのデザインです。 文 […]
意外と知らない？Google 日本語入力で計算式を入力すると計算結果に変換する方法
Google日本語入力が強力すぎて、もうMS-IMEには戻れません！ かなりGoogle日本語入力を気に入っているのですが、実はGoogle日本語入力には 計算機能がついています。 普通に使っていると、なか […]
