今見てくれてる人の数

ホンキートンク・スーダラブルース

ゆるコラム、oF、邦ロックや歌謡曲、小説の感想。ドラクエ、JavaScript、ドラゴンボール超など。湘南あたりを転がってる石コロのゆるゆる生きてく超雑多な軌跡です。

Webデザイン

【WordPress】管理画面のWマークのロゴを変更したい

絶賛、友人の会社サイト制作中です! 今回は、ふと、管理画面のWマークのロゴを変更したいと思いました。 これです。 クライアントにとってはWマークてなんぞやという気持ちでしょう。きっと。 function.php に こちらのアクションフックのコード記載で、で…

【WordPress】カスタム投稿タイプの特定のターム(タグ)の記事をn件表示

WordPress産ポートフォリオサイトなどに、作品をアップしてて、 いくつかの代表作だけいつもトップページに表示したい そんな時があると思います。 僕はありました。 そんな時のメモです 表示条件カスタム投稿タイプ worksターム(タグ)名 masterpiece表示件…

LINEスタンプを作ってみた!審査長い....。 Plu Plu Apple (プルプルりんごちゃん)発売中!!!

はじめてLINEスタンプを作ってみました! Plu Plu Apple (プルプルりんごちゃん) store.line.me 共作です! 相方がマジックでイラスト書いて、スキャン。 私はイラレで色ぬり担当。。ベジェ曲線なので調節。 (イラレほぼ無知で苦手なので苦戦。辛かった。…

インスタグラムの投稿をワードプレスに自動投稿するプラグイン「intagrate Lite」

先日、以前WordPressでサイトを制作してあげた手芸作家の友人のこんな悩みを聞きました。 「InstagramとWordPressの更新を2つするのが手間なの。インスタに力入れてるから、Instagramをアップするとワードプレスにも記事として自動投稿するという仕組みって…

display: table;が便利! 子要素を整列しつつフロートしたい時。

display:table が便利なのでメモです!ie8以上対応だし。 普段はフロートを使用しているけど、アイコンなど子要素を上下や左右中央揃えなど整列しつつフロートしたい時などに重宝します。 1,基本形 親にdisplay: table;子(セル)にdisplay: table-cell;が基本…

JavaScriptでPHPの変数の値を使う方法メモ

WordPressのテーマファイルなどをカスタマイズしていて、Ajax処理を作ったときに、PHPの変数の値をJavaScriptに渡して使いたい! という場面がありました。 方法を調べたところ、こちらで解決しました。 filename <script type="text/javascript"> var hoge = <?php echo json_encode($hoge</script>…

へっぽこコーダーが女子Webデザイナーにモテる為には。

本記事での「モテる」とは、「仕事で重宝される」から「彼女を作る的な下心」まで広い意義で使用します。笑中小の制作会社で数年間、どうにか生き抜いた実体験を元にしています。。 目次 1. PSDファイルは女子デザイナーからのラブレター。2. 「清潔感」が大…

background-imageを横幅100%で綺麗に可変表示させる(レスポンシブ、スマホサイト制作時とかに)

レスポンシブやスマホサイトを制作していて、背景画像を可変対応させたい時があります。みなさんどうやっているでしょうか。 僕はいつもこちらの記事を参考にさせて頂いてます。 www.go-next.co.jp sample /* 例:幅640px高さ360pxの画像の場合 */ #targetElm…

CSS3アニメーション入門以前!  transform,taransition,animationの違い

こんにちは、ちゃんいーです。 今回はCSS3のプロパティ、transform, taransition, animationの違いをが 自分の中でごっちゃになっていたので簡単にまとめてみました。 変形や、アニメーションに使用するプロパティ達です。 日本語に訳すとわかりやすいのです…

JavaScript 大量の要素をDOMに追加する際の、createDocumentFragmentの使い方。

大量の要素を挿入するときに、毎回DOMにアクセスするとパフォーマンス的によろしく無いのでcreateDocumentFragment を使おうという教えを頂いたのでまとめです。 聞いた事あるけどよくわからんという方も多いのではと思います。 まず、低速バージョン。 配列…

画像圧縮でブログを軽くしよう!できるパンダ君!TinyPNGが超便利!

はてなブログを初めて数日、、、 「今月のファイル利用量」という欄が少しずつ埋まっているのに気がつきました! これはほっとくとマズイぞ! 「iPhone7で撮った写真送ったら、数MBもあった。。 そのままどんどん入れてたらページも重くなるし容量に達してし…

【無料版で頑張る!はてなブログカスタマイズ】 コピペでOK。ハンバーガーボタンでフルスクリーンメニュー。

↑ 完成図 (追記: 10月12日) このブログは現在はPC、スマホ共に右上にボタンを表示してます! > 実装方法 > パソコン版、レスポンシブにも使用したい。 > ハンバーガーメニューを右下に表示したい 最近よく見かけるハンバーガーボタンを押すと、 フルスクリー…

【コラム】イタリア生まれのフォントをフレンチレストランで使っちゃダメなの? 「フォントのふしぎ / 小林 章」を読んだ。

僕はふと思いました。 「イタリア生まれのフォントをフレンチレストランのメニューで使っちゃダメなのかな?そういうところもデザイナーの人は気にしてるのかな?」 今回は 個人的に好きなフォントのちょっとしたうんちくを調べて見ようという企画です! 「…

JavaScript コールバックの作り方

ぐぐっても簡単な説明がなかったのでメモです。JavaScriptでコールバックを作りたい。。 手洗い関数を実行した後にうがい関数を実行したい! そんな時の手引きです。結論としては、 関数の引数として関数(functionオブジェクト)を渡して実装します! 実際の…

【WEBデザイン】CSSのfont-sizeが%とかemとかremとかvwで指定されてると、ビビっちゃう君と僕を救う2分

いまだにレスポンシブデザイン怖い、、 なぜなら、%とかemとかremとかvw、vhとか恐ろしいフォントサイズ指定がたくさん。。。 これらををなんとなくでしてる僕みたいな人。 途中で引き継いだ案件とかでpx以外が指定されててビビったあなたへ捧げます。 大前…