スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
配色を考えるときに便利なオンラインツール10個集めてみました | WP-E (仮)
最終更新: 2018年4月14日 皆様こんにちは！最近WP-Eメンバーに本名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllustratorとの連携機能があるので便利です。(Adobe Creative CloudのアカウントIDが必要となります) 「Explore」のページでは、様々なカラーパターンを見ることができ、気に入ったものを登録したり編集したりすることができます。登録したカラーパターンはPhotoshopやIllustratorにも反映されます。 Color Hexa Colo
[ブログ]書籍のページをWebで引用するとき知っておきたいこと
マンガのコマや雑誌のキャプチャをブログで使いたい ブログやメディアをWebで運営していて、ある雑誌や単行本のページのキャプチャを使いたいということがありますよね。私もたまにあるんですけど、こういうときどうするのがいいんでしょうか。突っ込むとコワイ著作権関係の話題ですが、とはいえやりたいと思ったことについてあらかじめ知っておくことも大事だと思いますw ちなみにWEBCRE8.jpでは過去にも著作権やライセンス関係の記事をいくつか書いています。 特にグレーな感じで扱われている書籍や雑誌のページをWebサイトに掲載するためにはどうするべきなんでしょうかね？付随する情報まであわせて調べてみました。 引用が前提 まず、今回考えたいのはあくまで紙のコンテンツの引用についてです。つまり改変を伴うパロディや、コンテンツの再配布、紹介、必然性のない利用を目的としません。 引用の要件については言及されることも
![[ブログ]書籍のページをWebで引用するとき知っておきたいこと](https://cdn-ak-scissors.b.st-hatena.com/image/square/3253dbc6ee760eee340f6e0765261c635973e208/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2014%2F06%2Fcontents-book-quote-03-150x150.png)
[CSS]テキストの左右に水平ラインをすぅーーーっと引くスタイルシートのテクニック
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
Finderのツールバーにアプリアイコンを追加すると作業が捗る - あなたのスイッチを押すブログ
MacのFinderのツールバーに、アプリの起動アイコンを設置してみましょう。すると非常に作業が捗るんですよ。 今まで、Finderにあるファイルを特定のアプリから起動する際には、わざわざファイルをDockまでドラッグしたんです。しかし、これって結構な距離なんですよ。 特に、マウスを使わずタッチパッドを愛用している私にとっては、長い距離のドラッグ＆ドロップは、なかなかしんどい作業なのです。 そんな時、Finderのツールバーが非常に便利。アプリアイコンを設置することで、ファイルを特定のアプリで開くのがメッチャ楽になりました。 Finderのツールバーにアプリを登録する方法 まず、Finderのアプリケーションフォルダから、設置したいアプリを選択します。そして、Commandキーを押しながら、ツールバーにドラッグ＆ドロップ。これで完了です。 逆に、ツールバーに設置したアプリアイコンを外す場合
Photoshopをより便利に利用できる無料プラグインいろいろ
2013年12月17日 Photoshop, 便利ツール デザイナーにはかかせないツール、Adobe Photoshop。Creative Cloudになってどんどん便利になってきましたね！そんなPhotoshopをさらに使いやすくしてくれる無料プラグインが多数配布されています。私はPhotoshop CC ver. 14を使用しており、そのバージョンで使えるプラグインを中心に紹介していきます！ ↑私が10年以上利用している会計ソフト！ Photoshopプラグインの使い方 最新版のAdobe Extension Managerをダウンロード＆インストール ダウンロードしたPhotoshopプラグイン（.zxpファイル）をダブルクリック 自動的にAdobe Extension Managerが起動するので、そのままプラグインをインストール。自動的に起動しない場合はAdobe Extensi
アフィリエイトで月100万円稼ぐための考え方と手法 - 冒険の書
最近、この冒険の書のブログがちょくちょくとアフィリエイターさんのブログで紹介していただけるようになりました。 以前は、目標をブログで公開したり収支報告をすることで、自分にプレッシャーをかけてモチベーションを高めるために更新していましたが、10月に売上が復活したタイミングで収支報告は終わりにしたので、この冒険の書の更新のモチベーションも大きく下がっていました。 今は、公開しているカードローンのサイトのデータなどは公開していますが、他に特に更新することもないなぁと思っていたところ、jumblr.というブログの2015年 副業でアフィリエイトをはじめる人が注目すべきアフィリエイターブログ5選！という記事でこの冒険の書を紹介していただきまして読ませていただいたのですが、そういえばこのブログはアフィリエイトの手法の話はあまりせず、精神論に終始していた気がするので、少しだけ、自分がアフィリエイトを取り
そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
iPhoneやiPadからパソコン内のファイルへ簡単にアクセスできる無料アプリ『Younity』 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
MacでFaviconを作る方法
どうも、私です。 Web制作やっていながら、どうもFaviconを作ることに意識が向かない私です。 とはいえ、クライアントワークではFaviconをつけてほしいというオーダーもあります。言われたら作るのですが、Macだとやり方がトリッキーでして、備忘録的に記しておきます MacでFaviconを作るやりかた 16×16ピクセルの画像を作る 古来からのFaviconはこのサイズ。でも、最近はiOS用に高解像度のFaviconを用意できるケースもあるらしい。Wikipediaに書いてありました。 ただ、今回はブラウザのタブの左端に表示してほしい用なので、このサイズで作ります。私は使い慣れたPhotoshopで作りました。 適当な画像フォーマットで保存します。PNGかGIFでいいでしょう。 プレビューで開く Mac OS X標準の画像表示アプリ「プレビュー」で開きます。開いたら、「ファイルメニュ
ファビコン（favicon）とは？代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
フリーフォント22選【日本語対応／商用可／無料】
最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。（参考：サイト改善 10のポイント） 誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1. スタイリッシュにまとめたい
デザインのアクセントに使えるエフェクト、飾り罫、フローラル、葉っぱなど、Photoshopのブラシのまとめ
光や風のエフェクト、コーナー、飾り罫、フローラル、葉っぱ、ハート、レース、リボンなど、デザインのアクセントに使えるPhotoshopのブラシを紹介します。 ここで紹介する素材はすべて同一の作者様が作ったものなので、クオリティにばらつきはありません。 素材の利用にあたっては、個人でも商用でも無料です。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
キャベツ半分だけレシピ〜これだけで十分に美味しいディナー！ - 今日、なに食べよう？〜有機野菜の畑から～
甘だまキャベツ サラダのうえんでは、芽キャベツまで含めると、毎年冬に１０種類くらいのキャベツを作ります。作る上で一番難しいのは播種のタイミングです。この辺りは冬場気温がかなり低くなるので播種が遅れると葉が巻かないのです。早すぎると暑さのせいで良い苗が出来ません。苗作りは野菜のできを大きく左右します。ここ数年気候が予測しにくくなっていますから、余計に大変です。 蒸し焼きキャベツ、アンチョビソース添え 材料（3人分） キャベツ 1/2個 オリーブオイル 大さじ1 ニンニク 1片 〈アンチョビソース〉 オリーブオイル 135cc アンチョビペースト 大さじ3 ニンニク 2片 牛乳 大さじ2 醤油 小さじ1 スポンサーリンク 作り方 ①キャベツ半分を3等分する。 ②フライパンにオリーブオイル大さじ1に皮を剥き潰したニン
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
安定寄りの零細IT会社を作って1年ちょいで得た知見 - terurouメモ
デンキヤギ株式会社という名のITの会社を作ってから1年強になった。 自社プロダクトを事業の中心に据えたいとは考えているが、まずは安定経営のため受託開発を優先してきたことにより得た知見をまとめておく。ちらほらと「会社を作ってどうよ」みたいな事は聞かれた際に、まともに答えてきていなかったという自覚があるので、その回答でもある。 設立以前から現在までのざっくりの状況 中小SIerでサラリーマンエンジニア歴10年（うち5年ぐらいはR&D部門所属） 名古屋ローカルではあるが、コミュニティ活動はガッツリやってきた方 まずは1人だけの株式会社を設立 設立から1年ちょいの間に社員を2人採用 現時点では受託開発中心で、安定に寄せた経営方針 業績はボチボチ、倒産の危機とかはない程度には良い とりあえず受託で食っていくために必要なもの カネ コネ 相場・市況感 ちゃんと仕事を回してちゃんと納品する能力 さえあれ
デザインの解剖 - MEMOGRAPHIX
武蔵野美術大学・デザイン情報学科の学生だった時、「デザインの解剖」というカリキュラムがあった。 デザインの解剖とは、グラフィックデザイナーの佐藤卓さんが独自に行ったプロジェクトで、コンビニやスーパーで売っているような日用品を題材に、ひとつの商品の構成要素を約20項目に分解、それぞれの項目で「どうしてこの部分はこうなっているのか」を、企業の担当者に直接取材して調査するというもの。この基本フォーマットを崩さぬまま、大学の授業としてアレンジしたのが、ムサビ版「デザインの解剖」だった。もちろん客員教授として佐藤卓さんを招いている。 今までに佐藤卓さんが「解剖」した商品は、ロッテ・キシリトールガム、富士フイルム・写ルンです、タカラ・リカちゃん、明治乳業・明治おいしい牛乳など、馴染みのある商品ばかりだ。このプロジェクトは、普段私達が「よく知っている」と思っているものが、実は「よく知らない」ことに気づく
LCC格安航空券セール情報を見逃さないための3サイト
LCC(格安航空会社)が参入したことにより、日本人にとって飛行機を利用した旅行は、グッと身近になりました。 ジェットスター、エアアジア、ピーチエア、スカイマーク、バニラエラ、etc……今や数え上げればキリがないほどLCCの数が増えています。航空会社はJALやANAだけではありません。 LCCは不定期にセールを開催します。１チケット数千円。時には「１円」でチケットを販売することがあります。これには２つの意味があります。セールによって広告プロモーションと同じ集客効果を得る。もう１つの理由は、空席がある状態より１円でも売上になったほうがマシだからです。 とはいえ、LCCのセールは「不定期」「先着順」という方法で格安航空券が販売されます。いわば情報戦。格安航空券比較サイトはまったく役に立ちません。 しかし、全てのLCCのメルマガに登録し、サイトを巡回する。これに挑戦したことがありますが、メールボッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
店舗サイトをWordpressで制作するときに役立つプラグイン５選 | Wordpress boy（ワードプレスボーイ）
Flipsblog.jp
新着記事
Flatis
自炊サク飯派必見！ 1品で済む丼もの簡単レシピ18選｜All About（オールアバウト）
