定規・ガイドを利用してレイアウトを作ろう-PS
ガイドを使い仮の線を引いていきますが、レイアウトを作っていくうえで黄金比と言う比率が有りますのでその事を少しお話します。黄金比とは１：１．６１８の比率で物を作成すると美しく見える比率なんです。でも私はこれを気にしなくてレイアウトを作成しています。興味がある方は「黄金比」で検索されると詳しいことが書いてあるサイトがたくさん有りますので検索してみてください。 ここでは黄金比率は無視して作成していきますがご了承ください。それでは各パーツのサイズを決めていきます。この画面のサイズは横幅が1500pxになっていますが実際のホームページのサイズは横幅1070pxで仕上げますのでそれをふまえてガイドを引いていきます。上部メニューの表示-新規ガイドをクリックするとガイドを設定する画面に行きますので各数値を入力していきます。 ホームページに影をつける為のガイド設定 影がついて浮き出てるようなかんじのホームペ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ボタンやテキストに透明感のある光沢を与えるPhotoshopのレイヤースタイル
ボタンやアイコン、テキストに透明感のある光沢を与え、エレガントなスタイルにするPhotoshopのレイヤースタイルを紹介します。
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (1) ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 | パソコン | マイコミジャーナル
ThickBox 3とは? ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。Lightboxと比べてもThickBoxの方がプログラムサイズがコンパクトなことも魅力です。 ThickBox 3の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使うことができます。ThickBo
Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に！｜クロノドライブ
ThickBoxとはjQueryを使用したAjaxライブラリの一つで、主に画像をページ上に大きく表示させるときに使われます。また、画像だけではなくHTMLファイルも表示することが出来るため、これ一つで画像とHTMLをポップアップ表示（正確には同じページ上にオーバーレイ表示される）させることができます。 ◆サンプル このライブラリの便利なところは、小難しい設定をしなくても使えることや、ポップアップした画像を自動的にブラウザに収まるサイズに縮小してくれるところです。 ※HTMLを表示する場合にはサイズを指定する必要があります。 使ってみたい！と思った方のために使い方の手順を下記にまとめました。 必要なデータを揃える まずは、配布元であるThickBox3.1に行き、Downloadから下記ファイルをダウンロードしましょう。 ファイル名 thickbox.js thickbox.css load
超！美味しく変換 - 料理の写真をおいしそうにするよ♪
画像補正エンジン「AccuSmart™」について 「超！美味しく変換」に採用されている「AccuSmart™」(アキュスマート)は、明るさや光源の違いなど、その場の雰囲気に合わせてデジタルカメラ画像を最適化する自動補正技術です。 「超！美味しく変換」は、この定評あるエンジンを料理画像用に最適化しています。 料理がより美味しく見えるように、鮮やかさ、色合い、明るさなど写真の質感を自動で補正し、見たままの美味しさを画像に再現します。 about「AccuSmart™」 FoodPic! uses "AccuSmart™" technology. It optimizes your digital camera image to meet the place or the circumstances where the image was taken, including its brightn
css Zen Garden：CSS デザインの美
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment
DinPattern
Surface Pattern Types and Styles Surface patterns can be found all around us in various fields. Fields like textiles, ceramics, architecture, and graphic design. Surface patterns range in style - from geometric to experimental. Patterns are always on trend in some form; whether loud or subtle, ... How-to: Using Patterns from DinPattern A quick how-to video regarding the patterns here at DinPattern
色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
Webデザイン手書き風デザイン 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォントふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」:phpspot開発日誌
「画像処理ジェネレータ・サービス」を作り出すサービス"Imagenerator"を使ったサンプル集リストです。「古いポートレート」ジェネレータ「美人三連打」「イラスト写真作成サービス」「Popular Science表紙ジェネレータ」「POPULAR SCIENCE低画質版」ペンシル・イラスト・サンプル魚眼レンズ写真・サンプルジグソーパズル・サンプルイラスト吹き出し・サンプルカラー版画風サンプルLomoカメラ風サンプルLOMOカメラ風サンプル2顔合成ジェネレータサンプル台詞吹き出し付き版画・サンプル「燃
新着記事
Googleが教えるSEOでやってはいけない30の事 - 海外のSEO対策・SEOツールをわかりやすく解説するブログ