あなたにもそんな経験が一度や二度ないだろうか。 あなたがこの記事にたどり着き、そしてこの記事を読むことでその解決方法がわかるかもしれないと少なからず期待しているとすれば、恐らくあなたはこの記事を最後まで読むつもりでいるだろう。 もしそうなら、今あなたのストレスは極限に近い状態にあるのではないだろうか。 そして、この記事を最後まで読み終えても解決策が見つかっていなければ、 と失望するのだろう。 だとすれば、今もっとも優先的に解決したいと考えている悩みであり、今まさにその悩みに直面している最中ではないだろうか。 誤解がないよう最初に断っておくが、互いに感情を持ち合わせる者どうしで築き上げていかなければならない人間関係において、自分が望んでいる結果を１００％実現できる方法は皆無である。 これはいつ、いかなる場合においても共通して言えることで、科学の力をもってしてもそれは不可能だ。 人の持つ『（複

:before, :after, :last-child, :nth-child, :not など疑似classを使った小技、レスポンシブ用のレイアウトやフォントのサイズ指定など、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 前回紹介した時は12個でしたが、アップデートされ、20個まで増えています。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区切りにする 5. ネガティブな「:nth-child」を使用してアイテムを選択 6. SVGファイ

「wordpress 新着記事 カテゴリごと タブで表示」みたいなキーワードで訪れてくれる方がいらっしゃるみたいなんですが、残念ながら当ブログでは該当する記事が存在しなかったので、書いてみることにしました。 関連記事 冒頭の検索結果で、おそらくこちらにたどり着いてしまうと思うんです。 WordPressの新着・ランダム記事などをタブ切り替えで表示する ちげーよ！カテゴリ毎が欲しいんだよ((└(:3」┌)┘)) と、残念な思いをしている方がいらっしゃるのかしら…と思って作ってみます。 完成図 Web Adobe 運営 このブログでいうと、こういう感じでしょうか（サムネイルもつけてみました）。フッターとかサイドバーに有りそうな感じ？カテゴリ毎の新着5件が表示されていて、上の見出しクリックで切り替わります。 指定したカテゴリの新着記事を表示 任意のphpファイル <ul> <?php globa

WordPressのテーマやプラグイン作成において、よく利用する関数やグローバル変数などを個人的に整理したコンテンツです。 各関数やグローバル変数は、情報別（データの種類）と目的別（機能の種類）に分類しています。 なお、ほとんどの情報はソースコードを見ながら書き留めた内容であり、確認不足による誤りや更新の遅れによる不正確な内容を含んでいる可能性があります。あらかじめご了承ください。

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 ホームページ制作をしていると「Instagramの特定のハッシュタグで投稿されている画像を一覧表示したい」という場面があります。 今回はInstagramからリリースされているAPIとjQueryプラグインを使って、ホームページ上にInstagramの画像フィードを表示させる方法を紹介します。 好みのハッシュタグの画像を並べるのに便利なInstafeed.jsInstagramに投稿されている画像フィードを取得するために今回はInstafeed.jsというjQueryプラグインを利用します。 まずはInstagram APIの取得準備をする。そのための下準備として、InstagramのAPIを取得するためのアプリケーション登録をします。 アプリケーション登録といってもそれほど難しいことはしません。 まずはInstagram De

十数年ぶりに就職して一所懸命働いているうちに、夏が過ぎ、秋が来て、クリスマスの季節になっていました。クリスマスケーキの予約のついでに買ってきたモンブランタルトを食べつつ、近況報告を書いています。 具体的なことは書けません […]

どれが本命？CSSやJQueryでぼかしのエフェクトをかける方法を一通り試してみた   最終更新日: 2017/03/28 最近のデザインの流行から、写真をぼかしてキービジュアル画像の背景などに使う機会が増えてます。 どんなにヘボイ写真でも、かっこいいデザインに仕上がったりするからと、とりあえずぼかしておけと言われることも多いのでは。 高解像度の写真を買わなくても済むので安上がりですしね。 ぼかした写真をデザインに取り入れるとき、普通は写真をPhotoshopでぼかして、画像そのものを加工する手法が多いとは思います。でも、今回どうしても写真は加工しないで、WEBページ内でblur（ぼかし）のエフェクトをかけることが必須という大人の事情がありましたので、仕方なくいろいろ調べてみました。 やりたいことはこんな感じです。 blurをかけると、どんな方法でやる場合にも画像のふち（境界線）は、ぼやけ

iOS6になったMy iPhone4。iOS6になってからは、内蔵のWebブラウザSafariにもいろいろ手が加えられました。Ajax通信の際、POST内容をキャッシュしたり、ポーリングに問題があったりしてページ読み込みが終わらなかったり、けっこうバグもあったりします。 バグは今後の修正に期待するとして、iOS6のSafariには嬉しいアップデートが一つありました。 それは、「HTML Media Capture」への対応です。これは何かというと、Safari内でカメラを起動してファイルアップロードができる機能です。 ということで、PHPでiPhone(iOS6以上)対応画像アップロードプログラムを書いてみました。iPhoneで撮った写真を簡単に自サーバーへとアップロードするプログラムです。画像の縮小にも対応しています。 動作イメージ 動作イメージはこんな感じです。 ■iPhone対応画像

sakurachiro.com 2024 著作権. 不許複製 プライバシーポリシー

細かいgifアニメを作る時、手っ取り早いのがFlashからgifアニメを作る方法です！ Flashで作ると修正があった時に編集がしやすいというメリットがあります。 画像で一コマ一コマ作ると短い物は簡単ですが、超大作になると大変すぎて泣けてくるので、これは修正入ったときめんどくさいなと思われる場合はFlashで作る事をおすすめします！ ただ、Flashで単純にアニメーションを作ってgifアニメで書き出ししても、上手く書き出す事ができないので、その時どうすればFlashで作ったアニメをそのままgifアニメにするのかというのを簡単にご説明します。 使用するのは「Flash」と「PhotoShop」です。 ※CS5.1での手順です。 ①まずFlashでアニメーションを作ります。 ②できたら、「ファイル」→「書き出し」→「ムービーの書き出し」→書き出し形式を「PNGシーケンス」にします。 ※保存を押

Home > 便利なツール > フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。 たいへん遅ればせながら、とある本で「Aptana」の存在を知って、気になって使ってみたら、すごーい！便利！デザインもかっこいい！アプタナって名前も可愛い！これが無料とか信じられない！と、真夜中に一人テンションが上がってしまい、翌日見事に寝坊した私です。 まだ入れたてほやほやで、使いこなしているわけではないのですが、もしまだご存じない方がいたらおすすめしたいなーと思って、書いてみました。 はじめに 同じようにAptanaの記事を書いてくださっているブログもいくつか拝見したのですが、古い記事が多く、現在のバージョンや方法とは少し異なる点があったので、あらためて書いてみようと思いました。つまり、この記事も執筆時点（2012年2月）のものですので、

初めてのPHP！お問い合わせフォームを作ってみよう（１） 2013年11月11日 ツイート ヾ(´ω｀)ﾉおはようございまーす。 ちょっとずつおなかの辺りが肥え始めた下僕1号です。。。（汗） 今日はお問い合わせフォームの入力画面を作ってみようと思います。 まずは入力画面として「input.php」というファイル名で、下のようなコードを書いてみましょう。 Webブラウザで見ると、このような画面になります。 次に、確認画面となる「confirm.php」というファイルを作っておきます。 確認画面については次回説明しますので、とりあえず今は 「<h1>お問い合わせ（確認）</h1>」などと書いておきましょう。 「次へ」ボタンをクリックしてみて、confirm.phpが表示されたら成功です。 【１】formタグ フォームの内容は、<form>～～～</form>で囲まれた部分に書きます。フォームの