【SEO対策・schema.org】itemscope、itemtype、itempropの基本
————————R […]
投稿者: 森島
8bit デザイナーです。
コーディング・jQueryなど幅広く担当しています。
バナー・メインビジュアル デザイン集
今回はバナーとメインビジュアルを集めました。 個人的には、人物モデルの写真を組み合わせて作るデザインが気に入っています。 […]
jQueryしか使えないデザイナーが流行りのReact.jsでHello Worldしてみる。
React.jsの理屈は後回し。とりあえずコードを書いてみたい。jQueryが古いと言われているのらしいので「こう書けば […]
【jQuery】〇月×日△時になったら表示を切り替えたい
例えばキャンペーン応募受付が夜中の0時までなので、その時間ピッタリにリンクを削除して、終了のメッセージを出したい。しかし […]
WEBブラウザからプッシュ通知を送信 【Push.js】の使い方
2017年のトレンド予測で「ネイティブアプリが減少、WEBアプリケーションに移行が本格化」というものがありました。 確か […]
人物の写真を補正する
今回は人物のレタッチを紹介していきます。 使用するのはこちらの写真。 ヘアスタイルを修正 まず、看護師さんなので髪をまと […]
写真を美しく補正する
案件によっては、撮影などの機会がなく、担当の方が撮った写真を素材としてデザインをまとめるという状況も多々あります。 その […]
社会人のための三角関数復習[基本編]
前回書いた扇形状にアニメーションする記事、非常に残念な動きをしています。無念としか言いようがありません。 これを機におさ […]
svgで扇形を書きたかった。
勉強も兼ねて、円グラフのようにぐるっと描写するjsを書きたかったのですが、どうにもうまくいきませんでした。。 角度の計算 […]
GIFアニメは次世代へ！動くpng画像、apng形式の作り方
（動かない場合、firefoxまたはChromeで確認すると動きます。） 上記の画像はapng形式のアニメーション画像。 […]
水彩のデザイン素材 7点
練習も兼ねて、水彩のデザイン素材を作ってみました。 photoshopで作りました。商用可です。 ダウンロードはこちらか […]
まだ必要？ベンダープレフィックスまとめ
日々めまぐるしく進化していくWeb技術。Webブラウザ達もアップデートを重ねるごとに便利になっていきます。 数年前はFi […]
【 content:attr() 】CSSでタグのdata属性やtitle属性を取得して表示する
CSSの、 :after 疑似要素で同時に使用される content プロパティ。 「content:attr();」と […]
【CSS】マウスオーバーで画像がﾆｭｯと拡大するエフェクトをつける
口で説明しづらいのですが、最近よく見かけるこれです。 ↓ マウスカーソルあわせてみてください。 マウスオーバーのエフェク […]
【CSS】Webでマルチカラムレイアウトが可能に
雑誌の組版でよくある、マルチカラムレイアウト。Illustratorなどではテキストボックスを2つ作ってスレッドテキスト […]
（DTP）2色分解画像のつくりかた
特色印刷ってご存知でしょうか。 通常の印刷ではCMYKの4色のインクを使用しますが、それ以外にも様々なインクの種類があり […]
また新しくなったGoogle MAP、埋め込み表示の縮尺を変更する
Google MAPのインターフェースが一新されたのも記憶に新しいかと思います。その後も各種機能がハンバーガーメニューに […]
Chromeでpage-breakが効かない
今回は印刷対応 print.css について。 Webページを印刷する際、地図や図版が紙面の途中で切れて印刷されないよう […]
様々な雰囲気を演出する活字風文字の加工チュートリアル
今回は活字風の文字の加工を行うチュートリアルです。エッジに潤いのある加工で、シリアスな雰囲気を出したい、温かみを出したい […]
【怖くないJavaScript + jQuery】if文のいつもと違った使い方
今回は、条件分岐について。 条件分岐と言えば、if文で書いてしまうのが一番シンプルな形ですが、今日はいつもと少し違った使 […]
【怖くないJavaScript + jQuery】要素の数に合わせて値を自動で付与する
今回は、要素の数に合わせて値を自動で付与します。例えばliの数を数えて、widthを割り振ったりなど様々な事に応用が可能 […]
【怖くないJavaScript + jQuery】画像の縦横比を保ったままサイズを変更する処理
画像の縦横比（アスペクト比）を保ったまま、サイズを変更したい。「印刷対応が必要な場合」「常にwindowサイズ-150p […]
【怖くないJavaScript + jQuery】デバッグのススメその2 ～デバッグクイズ：初級編～
明けましておめでとうございます。本年もどうぞよろしくお願い致します。 皆様仕事始めも無事迎えられたようで、如何お過ごしで […]
【怖くないJavaScript + jQuery】デバッグのススメ ～なぜ動かないのか調べる～
jQueryのコードを見よう見まねで書いてはみるものの、動かず、そして結局諦める。初心者の方ならよくあることかと思います […]
【怖くないJavaScript + jQuery】SVGデータを使用しての処理
今日はSVGデータを使用してアニメーションさせてみましょう。 SVGデータとは何かといいますと、端的に言うとXML形式で […]
