This domain may be for sale!
tipsに関するkanariiaのブックマーク (843)
-
kanariia 2013/08/14
-
【WordPressループ外で、現在の投稿（記事）IDやページIDを取得する方法】｜今村だけがよくわかるブログ
たびたび使うんですけど、もう何回も忘れそうになるんでメモを・・・WordPressループ外で投稿（記事）IDやページIDを取得する場合は、いつも <?php get_the_ID(); ?>を使っています。これは「関数リファレンス/get the ID – WordPress Codex 日本語版」にも書かれていますが、「wp-includes/post-template.php」で定義されているということです。 では早速ですが、どんな定義がされているかを見ましょ～。 post-template.phpで「get_the_ID()」が書かれているところ/** * Retrieve the ID of the current item in the WordPress Loop. * * @since 2.1.0 * @uses $post * * @return int */ functi
-
誰でもアイデアを量産できる！効果バツグンのアイデア発想フレームワーク5選まとめ | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
-
Excelを使って、ランダムパスワードを作ってみよう！！
『久しぶりだなぁ～鳥取ぃ今夜もお前たちの声、聞かせてくれ～いくぞぉ～いくぞぉ～!!』って『LUNA SEA』中心に音楽・本・暮らしのつれづれ日記・・鳥取から1日1記。目指せ毎日更新 お久しぶりに、コンピュータのマメ知識ねた。 会社の社員が利用するシステムがあって、そのシステムにログインするための 初期パスワードを作成したい。 なんてことが、仕事の関係で発生しました。 さて、どうしましょ・・ 「一律に初期パスワードとして、社員全員に『11111111』なんていう簡単なものを与えて、 初期ログオン時に変更してもらう。」 ってのも、手ですが・・・最初に不正ログインされると困るんだよね。。 って事で、社員個々にランダムにパスワードを付与することとします。 ネットで検索すると、色々なツールがあるようだけれど、この方法を使えば、Excelシートにそのまま利用できるんで便利です。 では、Excelを準備
-
phiary
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
-
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
-
スタイルだけで「いいね」がずれるのを解決します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
特定のOSおよび特定のブラウザでしか発生しないかと思われますが、 「いいね」だけずれちゃったりしたとき。 ありませんか？こんな風に。 これ、もしかしたら、「line-height」のスタイルが当たってしまっている所為かもしれません。 .social { line-height: 0; } 「いいね」のところだけこんな感じでしてあげましょう。 どうでしょうか、キレイに揃いましたか？ ソーシャルのボタンとかは、外部からいろいろ引っ張ってくるからアタフタしちゃうかもしれませんが、 割と簡単に解決することもあるかもしれませんね。 LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。 Webサイト制作の実績・料金を見る
-
LESSをはじめようと思ったらとりあえずBootstrapのmixinsを入れておくと便利
LESSをはじめようと思ったらとりあえずBootstrapのmixinsを入れておくと便利 LESSにはMixinという複数のプロパティをまとめる機能があります。 例えばcss3のベンダープレフィックスなど設定しておけば、あとで１行で呼び出すことができます。 で、実際作成するにあたり一から作るより Twitter Bootstrap を利用すれば、よく使いそうな機能があらかじめまとまってるのでいいかもしれないです。 投稿日2012年04月17日 更新日2012年04月17日 css3プロパティ 準備ができたところで早速使ってみましょう。 最初はCSS3で追加された「border-radius」で角丸にしてみます。 たとえば「id="box1"」でマークアップした「div」があります。 html <div id="box1"></div> 通常のcssでしたら次のようになりますよね。 css
-
WordPressでFacebookからのアクセス数を簡単に増やすための3つの設定手順|シェア時の画像サイズを3倍にしよう！ « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
-
border-image 未対応の IE のための対策: おちエンのブログ
昨日に引き続き IE ネタ。 CSS の border-image、かなり便利で多用していたんですが、IE では対応されていませんでした。 .hoge { -webkit-border-image: url(/images/hoge.png) 0 5 0 5 stretch stretch; -moz-border-image: url(/images/hoge.png) 0 5 0 5 stretch stretch; } とやっておけば、Chrome, Safari, FireFox では画像をうまいこと引き延ばして表示してくれます。 が、IE では対応していないため、何らかの対策をせざるをえません。 良い方法が見つからないため、現在は以下のように対応しています。 PHP で IE かどうか判別 IE の場合は、追加で CSS 読み込み IE の独自拡張の良く分からない CSS を使っ
-
Progressionで複数ファイルをまとめて読む | RuputerFan
Progressionのリソースキャッシュと、複数ファイル読み込みの組み合わせが 便利すぎて思わず漏らしてしまいそうです（ﾁｮﾛﾘ）。あっ。 外部画像を読み込んで一覧表示させるものを作ってまして、 各サムネイル内で読み込むようにしてたんですが、 最初にまとめて読むように変更しました。 というのも、リソースキャッシュのおかげで 画像の流用がすごく簡単に行えるようになったからです。 Progression4で外部ファイルの使い回しを簡単に 》 RuputerFan リソースキャッシュについては以前かいたこの日記を参照。 複数ファイルの読み込みにはProgressionがLoaderListというクラスを用意しています。 // 読み込む画像一覧 var list:Array = [ {id:"img_a", url:a.jpg"}, {id:"img_b", url:b.jpg"}, {id:"
-
今年１年何度も読み返したWordPressに関する記事５ | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？
今年1年を通して、何度も読み返した記事を忘れないように整理した。とりあえず、自分のための備忘録。 WordPress で Web製作をしたいけど、PHP はまだちょっとという人の PHP ガイド カスタマイズしたいけど、PHPの知識がないからちょっと…という人におすすめ。 一度目を通しただけで理解するのは難しいけど、何度か読むうちに全体像が頭に入ってきます。 最近は、webデザイナーさんも、システムよりの知識を身につける必要があるみたいで勉強に費やす時間が凄そう。文章量が多いので、読むときは気合いを入れて! WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 | WP-D 自分のサイトにあてはめてチェックしました。内容は基本ばかりだけど、抜けの確認にも最適。SSLを使う僕に死角なし。 WordPressをクライアントワークで使用する際に覚えておくと良さそうな管
-
よくあるカスタマイズコード functions.php 多め
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
-
レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
-
-
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
-
WordPressの自作ウィジェットの個人的な覚書 - かちびと.net
昨日ちょっと嵌ったのでメモ。 WordPressの自作ウィジェット で分からなくて調べたことを 備忘録として残しておきます。 面倒だけど覚えると便利ですね。 進行中の案件で、ウィジェットによるコンテンツ管理が仕様に含まれています。その時にちょっと嵌ったことをメモ書き。完全に個人的なメモです。 尚、自作ウィジェットの作成法が分からんという方は以前の過去記事をご参照下さい。 WordPressのウィジェットを自作するためのTips なので目新しい情報は一切無いです。 作成したウィジェット 作ったウィジェットはもうちょい要素が多いですけど構成は極めてシンプルなものです。 add_action( 'widgets_init', 'foo_bar_box' ); function foo_bar_box() { register_widget( 'Foo_Bar_Box' ); } class fo
-
-
Photoshopのレイヤーを連番画像として一気に書き出す方法 | 日曜アーティストの工房
PhotoshopのTips。ちょっと便利だなと思ったのでメモ。 Photoshopのレイヤーごとにファイルを書き出す方法。アイコンを大量にボタン風にして書き出そうとしたとき、連番で効率よくレイヤーごとに書き出せないかと思って。 フレームモードのアニメーションウィンドウで、「レイヤーからフレームを作成」を実行。 コマごとにレイヤーが表示されるから、最初のコマで必要なボタン背景デザインやエフェクトを表示させる（→１コマ目を編集すると、アニメーション全体に反映される） で、書き出しは「ファイル」＞「書き出し」＞「ビデオをレンダリング...」を選択し、「画像シーケンス」にしてレンダリング、と。 書き出し設定をPNGにして、アルファチャンネルを「ストレート - マットなし」にすると、きちんと半透明表現が可能なフルカラーの透過PNG（32bit）で書き出しできます。 レイヤーを一括で書き出すというよ
-
FlashではじめてiPhoneアプリを作りました – 宇都宮ウエブ制作所
Flashは神。 正宗です。 Flash CS6を使ってFlashから簡単にiPhoneアプリを作る事ができましたので 、今回ハマったポイントなどを書いていこうかと思います。 簡単にiPhoneアプリを作る事ができたと言いましたが、 簡単というより、こう、普通に、普通にFlashを作ったらそれがそのままiPhoneアプリとして書き出された、という感じです。 なのでFlashに関して言えば特別なにか書くところがないくらい自然にiPhoneアプリを作る事ができました。これは凄い感覚でした。 ちなみにはじめて作ったアプリはこちらになります。 iDropCam iPhoneのカメラを通じてカラーのRGB値を割り出そうというアプリです。 仕掛けは単純なアプリですが使いやすいよう工夫してこしらえましたので、今月（2012/07）いっぱいは無料なのでよかったら使ってみてください。 AIRについてちょこっ
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました