日本の伝統色の組み合わせ、襲色目（かさねいろめ）の色コードまとめ
MS Office カテゴリ MS Office (105) 関連タグ Access (45) Excel (92) OfficeScripts (2) PowerPoint (8) Python (2) VBA (92) YouTube (6) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS
3キャリア対応の携帯サイトをXHTMLで作る方法 - ウェブランサー
<?php if (ereg("DoCoMo", $_SERVER['HTTP_USER_AGENT'])) { header('Content-Type: application/xhtml+xml'); } echo "<?xml version=¥"1.0¥" encoding=¥"Shift_JIS¥" ?>"; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-Type" content="application/xhtml+x
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
さくらにて、OpenPNE3.6.0で携帯電話からユーザー新規登録 | あみだがみねのもろもろ備忘録
前回の記事、👉 さくらにOpenPNE3.6.0をインストールするの続きです。 前回の設定だけでは、携帯電話からのユーザー新規登録ができないので、その設定をします。 携帯電話から、OpenPNEにユーザー新規登録しようとすると、 「get@あなたのAcount.sakura.ne.jp」に空メールを送ることになります。 (「あなたのAcount.sakura.ne.jp」は、OpenPNE.ymlのmail_domainで指定した値) この空メールの送り先が存在しないので、まずは「get@あなたのAcount.sakura.ne.jp」を作成します。 さくらのサーバコントロールパネルから、メールアドレス「get」を作成します。 これでユーザー新規登録メールが届きます。 次にこのメールを、OpenPNE転送して自動でユーザー新規登録するには… /etc/postfix/virtual、と、
GIF作成 - GIF画像(GIFアニメ)を無料で作成できるサイト！
GIF画像作成(GIFアニメ) 「バナー工房」では、オンライン上で簡単に無料でGIFを作成できます。 作り方は簡単！最大100枚までの高画質なGIFアニメを作成することができます。さらに、点滅の速さや繰り返しの設定も自由自在に変えられます。 GIFアニメ画像とは、「複数の静止画像」を1つの画像に重ね合わせたアニメーション動画（GIF形式に変換した画像）の名称です。 動きががあるので、静止画像よりも目を引き印象に残りやすいため、ウェブサイトやSNSなど、さまざまな場面で使用されています。 以下①、②、③の順番に実行してください。 ①まずはじめに、「オプション設定」と「画像の切り取り設定」を選択。 ②次に、静止画像を「最低でも２枚以上」選んだ後、画面上の「GIFアニメを作る」ボタンをクリック。 ③最後に、「保存」ボタンをクリック。 ※もし「点滅の間隔」や「ループ」の設定を変えたい場合は、GIF
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
激震走る! あなたの会社は大丈夫? 馬鹿系SEO業者がしでかすこんなこと!｜More Access! More Fun
はっきりいっときますが、今日のブログは激震です。 大企業、有名企業の名前まで出てきます。ほんとですから。 実は先日、ある会社のコンサルを依頼されて打ち合わせに行ってきました。とりあえず集客の立て直しから始めるのですが、１年半にわたりSEO業者に月5万円払い続けているのに全く効果が無いので契約打ち切りたいとのこと。いまでこそ外部リンクはほとんど効果無くなりましたが、ちょっと前ならとりあえずは効果あった。全くないのはおかしい。本当に外部リンクつけていたのか、とWebmasterツールから外部リンクをダウンロードし、友人のSEO専門家に精査してもらいました。 結果・・・ 「ひどいです。びっくりしました。これほどモラルのない業者はなかなか見ないです。」 中国の悪質業者からリンクを買って、中国のサイトにリンクをつけさせていたのです。 中国の悪徳制作会社が、勝手にクライアントのサイトに隠しリンクを埋め
標準の日本語フォント / もうパンツはかない
各環境でどんな日本語フォントが使えるのか、まとめてみました。 それぞれのOSで標準添付されていると思われる日本語フォントをCSSの指定で表示させたものをキャプチャーしました。小さい方の字は16ピクセル、大きい方は 150% とCSS上で指定しています。使用ブラウザは主に各環境の標準ブラウザ(MacはSafari、WindowsはEdge)です。 Mac Windows Linux macOS Sonoma (14) ヒラギノ角ゴシック (ウェイト:W0〜W9の10段階) font-family: "HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 100; font-family: "Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 400; font-family: "Hiragino S
初めてWordPressを使ってみようという人の為の予備知識
私も大好きな WordPress。これから WordPress を始めてみようかなと思ってる人や、インストールまではしたけど ... という人向けの記事です。カスタマイズなどについての記事ではないので、いつもの読者さん向きの記事ではないかもしれません。 このブログ – Webデザインレシピ、WordPress というキーワードで訪問してくれる人がとても多いんです。でも「WordPress」だけで、複合キーワードなしで訪れてくれているので、WordPress についての何を調べているのかなー …。 なので、今回は WordPress そのものについて、知ってる範囲でまとめてみました。WordPress って何？という漠然とした疑問を持ってる人、または、初めて WordPress を使う！という人向けの記事です。 初めての WordPress 目次 WordPress って何？ WordPre
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
ぺんたん info
TOP 最新情報 卒業年度早見表 (履歴書作成などに便利)UNIXタイムと日時を変換するツール年号と西暦の変換ツールmd5やsha1などのハッシュ値変換ツール端末からのヘッダー情報を見るツールURL エンコード デコードツール IPアドレスの一覧 文字化けから元の文字を推測するツール 面倒な人向けの自動判別可能 オギノ式計算機 apkファイルをAndroid端末にUSB接続でインストールする方法[開発者ではない人向け] Android のapkファイルからパッケージ名を取得して、削除用バッチファイルを作成するツール Windowsを定時にシャットダウンするツール コマンドやプロセス名から検索して一括でkillする方法 1ファイルにclassを記述して実行する方法 Debian/Ubuntu/RaspberryOS のアップデート方法とアップグレード方法 PHP Startup: Unabl
【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】
（記事が長すぎたので前編・中編・後編に分けました） 僕ももう、リストラされそうなとあるおっさんなんですが、先日Webサービスを公開しました。 きっかけになったのはこの記事です。 自分でWEBサービスを作りたいと思っている人へ http://anond.hatelabo.jp/20101203150748 こんな事できたら良いなぁと思っていると、他にもやっている方たちがいました。 たった2日で製作されたWebサービス「お部屋晒し」って？ http://matome.naver.jp/odai/2131952812556433001 WEBサイトを発注してみた。 http://anond.hatelabo.jp/20120318122617 Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300 http://d.hatena.ne.jp/inouet
CSSスプライトについてあれこれ。
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
デザイナー必見！アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々！ | バンクーバーのうぇぶ屋
WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザイン以外のギャラリーや専門サイトを見る事も少なくはありません。 配色ルールなんかをインテリアやファッションデザインからヒントを得る的な記事も前に書かせてもらいましたが、似たような事かなと思います。たまにはWEB以外のデザインに目を通して違う発見やアイデアを得るための時間を作るのも面白いものですよー！ というわけで、今回は海外WEBデザインギャラリーまとめに続きまして続編的に書いてみようかなと、前回
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン（Call to Action Button）】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在
dl要素を美しくデザインするスタイルシートのまとめ | コリス
実用的なものからちょっとトリッキーなものまで、dl要素を使った美しいデザインのスタイルシートを紹介します。 In Defence of the Definition List HTML <dl class="wrapper1"> <dt>News Item 1</dt> <dd><div class="div1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vestibulum orci eu purus viverra imperdiet. Cras scelerisque commodo dictum. Mauris sed libero non justo adipiscing tempor tincidunt eget eros. Praesent eu cursus enim. Donec d
WebデザイナーのためのJavaScript、jQueryの勉強法 - DESIGNMAP
まったくのプログラミング初心者の方を対象にJavaScriptの独学方法をのべていきたい。今回とりあげるJavaScriptの勉強法はあくまでWebデザイナー向け（もしくはフロントエンドエンジニア向け）なので、Node.jsのようなサーバーサイドJavaScriptはとりあげていない。 JavaScriptとjQueryをどちらから勉強するべきか。今回はあえて邪道とわかっていながらもjQueryにふれるという順番をとった。本来は、JavaScriptの基礎をしっかりおさえてからjQueryにすすむのが正統である。今回はトップダウン方式で実践にふれてから、基礎に戻る学習法を提案したい。 jQueryはJavaScriptを楽に開発するためのライブラリで、jQuery自体はJavaScriptのコードでできている。最初にいきなりjQueryにふれて、HTMLを動的に操作する（これをDOM操作と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ