WordPressユーザーのための優しいconcrete5入門 - Qiita
2017/01/15(日) に開催された WordBench京都 『WordPress + XXX = ???』での発表資料です。 自己紹介 菱川拓郎 コンクリートファイブジャパン株式会社 代表取締役社長 自宅はcotoから歩いて５分。会社まで歩いて97時間 最近の楽しみ：育児（娘0歳） 最近できてないこと：ローグワンを観る 宣伝：WordPress の解説書を執筆しました エンジニアのためのWordPress開発入門 WordPress を知らないエンジニアが初めて WordPress に触れたとき、戸惑わないための本 1/26 発売、予約受付中 → Amazon 著者：野島 祐慈、菱川 拓郎、杉田 知至、細谷 崇、枢木 くっくる concrete5 とは？ オープンソースのCMS（MITライセンス） コーポレートサイトに最適 マーケティング機能が充実 なるべくプログラムを書かずにテンプ
【CSS】おしゃれなボックスデザイン（囲み枠）のサンプル30
使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog
【CSS】見出しが変に改行しない！スマホのfont-size指定にvminを使ってみよう
スマホのfont-sizeの指定で良さげな指定方法を見つけたのでご紹介いたします。 特に見出しなんかの大きな文字を使用する場面で活用できそうです。 スマホあるある見出し改行しちゃう問題 スマホのコーディングしてると、見出しやキャッチコピーなどちょっと大きい文字がデバイス幅によっては改行位置が意図しない場所になってしまうことってありませんか？ スマホデバイスの多様化に伴い結構直面する問題な気がします。 せっかくのデザインがそれだと残念ですよね。 fontをvminで指定すると改行せずに文字サイズを小さくもできる そこで登場するのがvminです。これをfont-sizeの指定に使うことで改行せずに見出しをコーディングする事ができます。 百聞は一見にしかず。早速デモを見てみましょう。 font-sizeをvminで指定したデモ デモを作りブラウザ幅の変化によってどう変わるかをGIFアニメにしてみ
Webブラウザにおける文字のアンチエイリアスの現状の最適解｜dwango creators' blog（ドワンゴクリエイターズブログ）
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
初心者でも簡単！日本語で手軽に設置できるフォーム作成サービス3選
2017年5月16日 Webサイト制作, 便利ツール Webサイトとユーザーの架け橋となる問い合わせフォーム。ユーザーからすると単に問い合わせ先の電話番号やメールアドレスを掲載されているよりも気軽に問い合わせできますよね。今回はそんな問い合わせフォームをサクッと設置できるサービスを紹介します。HTMLとCSSで簡単なWebサイトは作れるようになったものの、問い合わせフォーム等の機能は作れない！なんていう方の強い味方！ ↑私が10年以上利用している会計ソフト！ 定番中の定番！【Googleフォーム】 Googleが提供しているGoogleフォームは誰でも無料で直感的にフォームを作れるサービス。アンケート調査に使われることが多い印象ですが、お問い合わせフォームとしても使えますよ。さっそく作ってみましょう！ まずは「Googleフォームを使う」ボタンをクリックしてフォームの作成画面に移動し、右下
シームレスな手書き風幾何学模様パターンセット18種「Rosalie Watercolor Patterns」
TOP > Design > シームレスな手書き風幾何学模様パターンセット18種「Rosalie Watercolor Patterns」 デザインに彩りを添えてくれるパターンはとても便利。その中でも特に模様が綺麗に繋がるように作られた、シームレスなパターンは非常に役立つアイテムです。今回ご紹介するのはそんなシームレスパターンから、手書き風に描かれた素材「Rosalie Watercolor Patterns」です。 水彩筆で書かれたようなラフで柔らかいタッチが特徴の、色合いの美しい全部で18種類のパターンがセットでダウンロードできるようになっています。 詳しくは以下 6種類の基本パターン×3種類のカラーバリーションの構成。基本パターンにはキューブ柄、ラフなボーダーなどトレンドを押さえた図柄が揃い、カラーは水彩風のカラフルなグラデーション、モノクロ、金箔のような質感のあるゴールドが
Panic Blog » ソースコードの盗難について
先週、動画変換ファイルアプリ HandBrake のMac版によってマルウェアに感染との報道がありました。（日本語記事参考: 動画変換ソフト「HandBrake」Mac版にマルウェア感染の危険性 | CNET Japan）2つの配信サーバのうちの片方で、感染したHandBrakeアプリが3日間公開された状態になっており、ダウンロードして起動するとそのコンピュータは攻撃者による遠隔操作が可能な状態になる、というものです。 運が悪く、さらにコンピュータ運にも恵まれず、公開されていた3日の間に感染したHandBrakeをダウンロード、起動したためにプログラマのMacが感染してしまいました。 その結果、どこかの、誰かに、私たちのアプリのソースコードが盗まれました。 続けて、以下の大切な3つについてお知らせします: ・今回の攻撃者がユーザ情報にアクセスした兆候はまったくありませんでした。 ・さらに、
メタボが問題なのに「日本人が栄養不足」の謎 | 健康をつくる栄養学のキホン | 成田崇信 | 毎日新聞「医療プレミア」
私たち日本人は普段どれぐらいの栄養を取っているのでしょうか？ 肥満やメタボリックシンドロームが問題になっていることを考えると栄養は取りすぎかもしれませんし、朝食を食べない人が増えていることや女性の痩身願望もありますから、若い人は栄養不足かもしれません。そうした疑問に答えてくれる資料として考えられるのが厚生労働省から毎年公表されている「国民健康・栄養調査」（注1）です。 公表されている最新の2015年の調査結果を見ると、日本人全体の栄養摂取量は減少傾向にあり、ほとんどの年代で、必要とされるエネルギー（カロリー）を十分取れていないことが分かります。ビタミンA▽ビタミンB1▽ビタミンB2▽カルシウム▽マグネシウム－－といった大事な微量栄養素が欠乏しているという結果も出ています。この結果を受け、新聞や雑誌などでも、若者を中心に日本人全体が深刻な栄養不足状態であるという…
「正しくない箸の持ち方」についての考察 - メシ通 | ホットペッパーグルメ
あつまれ！ 箸ヘタマンたち 箸の持ち方は人生を左右することもあるテーブルマナーの鬼門。 コンプレックスの元になったりマウンティングのネタになったり、果ては婚約が破談したりと、その影響は小さくないのではないでしょうか。 みなさんのまわりにもユニークな箸の持ち方の人がいると思います。その人こそ箸ヘタマンです。 正しいとされる箸の持ち方は、上の動画のように「ペングリップで上の箸を持って動かし、下の箸は親指の股から薬指に渡して固定」とされております。 箸ヘタマンは生活する上で多少のデメリットがあると思われますが、それでも「正しくない」箸の持ち方のまま生活しています。彼らが正しい持ち方に直そうとして直せないのか、それともこのままでいいと判断しているのか、気になるところです。 あと「その箸、どういう仕組みで動いてるの？」という単純な興味もあります。 そこで箸スタイルが個性的な人たちに取材してみたところ
「憲法って、ただの紙の上に書かれた文章」 役員の“過激ツイート”にLINEが厳重注意
「憲法って、ただの紙の上に書かれた文章」「お金を稼ぎたいなら生命保険に入り、水の入った洗面器に顔をつければいい」――LINE上級執行役員の田端信太郎氏が、Twitter上で過激な発言を行い批判を浴びている。LINEは5月17日、「田端氏が法律を軽視するような発言を行ったことは大変軽率な行為」とし、厳重注意したことを明らかにした。 田端氏は実名でTwitterを運用しており、プロフィールに「LINE株式会社 上級執行役員 法人ビジネス担当」と所属や役職も明記している。 13日、お金の稼ぎ方をTwitterで問われ「まず生命保険に入りましょう。そして洗面器を用意し水を張ります。水に顔をつけて10分もすれば！凄い時給でお金が貰えます！！」と投稿。 14日には、「憲法では全ての個人に生存権が保証されている」との意見に反論する形で、「憲法って、ただの紙の上に書かれた文章ですよね。。。実際に餓死しそう
ボタンのスタイルを大量に集めたスタイルシート・「Buttons」
Buttonsはボタンのみを集めたスタイルシートです。少し前の、影のある立体的なものや、ベーシックなもの、丸みのあるもの、フラットなものなどさまざまなボタンのスタイルかなり大量に揃えられています。どこかで役に立つ・・かな？ Buttons
Prettier - JavaScriptのコードを見やすく整形
JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。 そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。 Prettierの使い方 左側が元コード、右側が変換後のコードです。 引数の与え方などが大きく変わっています。 配列なども綺麗に並んでいます。 Prettierを使うとルールに合わせてコードを変換してくれます。改行やインデントでの整形になるので、動作が変わることはありません。インデントはタブか空白か選択できたり、ダブルクォートかシングルクォートかといった指定もできます。パーサーも指定できるので、自社好みのカスタマイズもできるでしょう。 Prettierはnode/JavaScr
Spotify For Everyone - Spotifyの埋め込みタグを簡単に生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 日本にも上陸したSpotifyでは音楽を手軽に楽しめます。定額制なのでいくらでも音楽が楽しめるのは便利です。基本的に会員向けのサービスではありますが、人に紹介したいと思うこともあるでしょう。 Spotifyでは埋め込み用のタグを提供していますが、もっと簡単に埋め込めるようになるのがSpotify For Everyoneです。 Spotify For Everyoneの使い方 アルバムを指定した場合。Webベースの埋め込みプレイヤーが表示されます。 もちろん登録していないとすべてを聴くことはできません。 アーティストを指定することもできます。 Spotify For Everyoneを使うとアーティストやアルバムなど様々な条件で自分のWebサイト内にSpotifyを埋め込めるように
WordPress：投稿・カテゴリー・タグの各ラベル名を任意に変更する方法 - NxWorld
WordPressではデフォルトの投稿タイプとして「投稿」が用意されていますが、それを任意のラベル名に変更する方法です。 以前にも別エントリーの一部でこれを変更する方法を紹介しましたが、カテゴリーやタグのラベル名まで変更する方法は書いていなかったので、それらの変更方法の備忘録も兼ねて。 下記をfunctions.phpに記述することでそれぞれ任意のラベル名に変更でき、サンプルとしてデフォルトのラベル名をすべてひらがなに変換してみたものです。 上からメニュー周り、投稿全般、カテゴリー、タグの順にそれぞれラベル名を変更しています。 add_action( 'admin_menu', 'change_post_menu_label' ); function change_post_menu_label() { global $menu; global $submenu; $menu[5][0]
手軽にテキストシャッフル演出ができるJSライブラリ「shuffle-text」を公開 - ICS MEDIA
JavaScriptライブラリ「shuffle-text」を公開しました。shuffle-textはテキストシャッフル（文字列がランダムで切り替わる演出）の表現を行うためのライブラリで、SPA（シングル・ページ・アプリケーション）やゲームの演出やスペシャルコンテンツなどの演出に役立ちます。 たとえば、ウェブサイトでマウスカーソルが触れたときに次のような演出ができます。 JSライブラリはMITライセンスで公開していますので、商用利用問わずどなたでも自由に利用が可能です。ソースコードやドキュメントはすべてGitHubにて公開していますので参照ください。 shuffle-text: JavaScript Text Effect library. shuffle-text を使ってみよう 本記事では、JSライブラリを組み込み利用するまでの手順を解説します。以下のデモが今回作成するもののサンプルとな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フラッシュバック
Create Presentations, Infographics, Design & Video | Visme
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
業種やデザインのテイストにあったカラー、色の組み合わせ、フォントが分かる！ロゴのデザインに便利なツール | コリス
画面ヘッダにおしゃれなカラーパレットを実装できる「jquery.colorPalette」:phpspot開発日誌
Page Not Found - NxWorld
異世界ではコードが詠唱魔法だった｜ファンタジーRPG ロジックサマナー～閃光の召喚プログラマ｜paizaオンラインハッカソン（POH）