タグ

Web制作に関するArisonのブックマーク (425)

  • 【WordPress】WP Canvas Shortcodes はショートコードの王様

    WP Canvas Shortcodes はショートコードの王様だ。 先日の記事(ウェブデザイン技能検定3級を受験しました)は縦に長いページになってしまい、 その大半が、身内ネタ。 来のWEBデザイン技能検定の内容に関係が無かったので、初期表示ではトグルで非表示にしたいと思った。 そんなときに見つけた便利なプラグインが「WP Canvas Shortcodes」。 WP Canvas Shortcodes は簡単なショートコードを入力するだけでページの質を上げてくれます。 Shortcodes – WP Canvas http://webplantmedia.com/starter-themes/wordpresscanvas/features/shortcodes/ トグル機能だけではなく、アコーディオンやタグ、カラム分けのできるショートコードなどがあります。 下記のサイトが試しにトグ

    【WordPress】WP Canvas Shortcodes はショートコードの王様
    Arison
    Arison 2015/12/01
    初期表示ではトグルで非表示にしたいと思った。そんなときに見つけた便利なプラグインが「WP Canvas Shortcodes」。 WP Canvas Shortcodes は簡単なショートコードを入力するだけでページの質を上げてくれます。
  • ウェブデザイン技能検定3級を受験しました

    2015年度第3回のウェブデザイン技能検定3級を受験しました。 ええ、きちんと6時には起きましたよ。 ええ、さらに、朝ごはんをSガストでべましたよ。 ええ、さらに、腹痛対策にトイレ問題もバッチしです。 迷子にならないようにingressしながら向かいましたよ。 で、試験会場に早く着いて、勉強もしましたよ。 きちんと勉強してたんですから。 ウェブデザイン技能検定 勉強中 //arison.jp/blog/2015/11/28/webdesign-study/ まずは【実技】60分。 問題は全部で6問。そのうち5問を選択。 1問目 ファイルごとにディレクトリを分けて、ディレクトリの違うファイルへのリンク(htmlCSSの編集) 2問目 リンクの追加と文言変更(htmlの編集) 3問目 レイアウトの変更(CSSのfloatの使い方) 4問目 背景と文字の変更(CSSのcolorとbackgr

    ウェブデザイン技能検定3級を受験しました
    Arison
    Arison 2015/11/30
    2015年度第3回 ウェブデザイン技能検定3級 回答速報 抜粋
  • リリース2日で閉鎖したミニブログサービスiine logを再リリースしました - kamiのサービス制作ログ

    先日、個人でiine logというミニブログサービスをリリースしました。 このサービスはリリース2日で200ユーザ、20,000PVと(個人サービスとしては)好調な滑り出しでした。 ただ、ある問題が発生したため、昨日に至るまで閉鎖していました。 クローズから2ヶ月後の今日、ようやくiine logを再リリースできました。 この記事はその記録となります。 iine log | よかったことだけを書きのこすミニブログサービス どんなサービスか iine logは、ひとことでいうと「よかったことだけを書くTwitter」です。 1つの投稿につき100字以内で、よかったことだけを書くことができます。 Facebookだと、よかったことは書きづらいです。 Twitterだと、よいこと悪いこと、様々な感情が流れてきます。 よかったことだけを見たい・書きたいと思い、制作しました。 また、私は承認欲求や自

    リリース2日で閉鎖したミニブログサービスiine logを再リリースしました - kamiのサービス制作ログ
    Arison
    Arison 2014/12/23
    少数の心ない人がサービスを壊すのは社会の縮図。その対策方法について。運営の思うようにいかないのが常っぽい。
  • コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション

    WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数(PHPPHPHTMLCSSJavaScript(jQuery)ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ?」「あれなんて関数だったっけ?」なんて時に見ると便利なカンニングペーパー(チートシート)の紹介です。 WordPressチートシートWordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日語版 WordPress チートシート

    コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション
    Arison
    Arison 2014/11/18
    チートシート
  • Useful CSS Text Effects

    2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト! テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

    Useful CSS Text Effects
    Arison
    Arison 2014/02/05
    すぐに使えるテキスト用CSS
  • Coveloping

    box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。

    Arison
    Arison 2013/12/12
    WEB制作の時短ツール
  • 利用経験比較!WordPressを快適に使えるレンタルサーバー(6選)

    上記6つのレンタルサーバーは、いずれもWordPressの簡単自動インストール機能が付いてるので、誰でも簡単にWordPressサイトを立ち上げられます。 WordPressを使ったホームページやブログを運営していく場合は、月額1,000円ぐらいからのレンタルサーバーが安心なのは確かです。 格安レンタルサーバーのせいで相場が低くみられていますが、大切なデータは信頼のおけるレンタルサーバーに預けるのが盤石。 「WordPressがうまく動かない…」 「管理画面の動作が遅い…」 「webサイトの表示が遅い…」 こんな方は、WordPressに力を入れているレンタルサーバーに乗り換えるだけでストレスが解消されるので、これまで以上にサイト運営が楽しくなります。 当記事では私の体験の元、現状のレンタルサーバーに不満のある方、レンタルサーバーの新規取得・乗り換えを検討中の方に、WordPressを快適

    利用経験比較!WordPressを快適に使えるレンタルサーバー(6選)
    Arison
    Arison 2013/11/30
    WordPress専用レンタルサーバのまとめ
  • 良質な情報が得れる!なかのひとが書くネット系企業公式テックブログまとめ45選 | nanapi [ナナピ]

    はじめに インターネット業界で働く方や企業のWeb担当の方にとって、情報収集というのは日々の仕事の結果に繋がる貴重な活動のひとつですね。RSSリーダーやニュースアプリなど手段はさまざまですが、日々最新の情報に高いアンテナを貼っている方も多いかと思います。 その情報収集元のひとつとして、ネット企業のなかのひとが情報発信をしてくれている公式ブログなどなどは非常に参考になることが多かったりします。 ここでは、そんなインターネット業界で働く方や企業のWeb担当の方に参考になると思われるネット企業の公式テックブログをまとめてみました。ぜひご参考ください。 ネット系企業公式テックブログまとめ 「クックパッド開発者ブログ」(クックパッド株式会社) クックパッド開発者ブログ クックパッドエンジニアがサイトの開発と運営について書き綴ります techlife.cookpad.com 「サイバーエージェント

    Arison
    Arison 2013/11/03
    中の人が教えてくれる技術
  • CMS導入前にしておきたい質問

    今注目されている Micro CMS 従来は Joomla, WordPress, Drupal, Movable Type 辺りから制作者の肌に合うツールを選ぶ場合がありました。これらは今でも十分に使える高機能 CMS ですが、機能が多過ぎることから、メンテナンス、運営、ワークフローをしっかり設計していないと、複雑で扱い難いものになることがあります。無料から使える小中規模 CMS は出そろった感がありますが、ここ 1, 2 年ほど新しい CMS を幾つか見かけるようになりました。 Pico : 静的ファイルを管理する CMS Dunked : ポートフォリオに特化した CMS Koken : こちらもクリエイティブ向け CMS Leeflets : 1ページサイトを手軽につくる CMS Ghost : Markdown で書けるブログツール Dropplets : こちらも Markdo

    CMS導入前にしておきたい質問
    Arison
    Arison 2013/10/29
    マイクロCMS
  • http://www.hp-stylelink.com/news/2013/10/20131008.php

    http://www.hp-stylelink.com/news/2013/10/20131008.php
  • http://www.hp-stylelink.com/news/2013/10/20131001.php

    http://www.hp-stylelink.com/news/2013/10/20131001.php
    Arison
    Arison 2013/10/09
    HTML とCSS のコーティング規約
  • 【WordPressで「前の記事」「次の記事」にサムネイルを付けたり、記事が存在しない時の空欄を有効活用しよう】|今村だけがよくわかるブログ

    WordPressで「前の記事」「次の記事」にサムネイルを付けたり、記事が存在しない時の空欄を有効活用しよう】 以前まで、下のような感じでWordPressの個別記事には同じカテゴリのにある「前に書いた記事」と、「次に書いた記事」を表示していました。 前の記事、次の記事を表示 こちらは、次の記事がない状態 上の2つの画像のように、関数「previous_post_link」や「next_post_link」を使って表示していたのですが、この表示ってもっとかっこよくできないかなぁと思いました。例えば、 記事にサムネイルつけられたらいいなぁ「前の記事」「次の記事」が存在しないときの空欄を有効活用したいなどです。そう思ってネットを調べますと、よい方法がありました。もし、「もうちょっとこの辺、かっこよくカスタマイズできないのかな~」みたいに思われている方がいらっしゃいましたら、参考程度にご覧くだ

    【WordPressで「前の記事」「次の記事」にサムネイルを付けたり、記事が存在しない時の空欄を有効活用しよう】|今村だけがよくわかるブログ
    Arison
    Arison 2013/06/23
    前後のページのサムネイル
  • ブログランキング & 成分解析|blogram

    Gamblogramへようこそ ギャンブログラム(Gamblogram)では、人気のカジノサイトを中心に、カジノゲームについて紹介しています。オンラインカジノは、現在日でも人気が高まっており、多くのプレイヤーが楽しんでいますが、オンラインカジノはまだまだ日での普及が進んでいないため、プレイヤーが信頼できるサイトを選ぶことが大切です。 そこでギャンブログラムは安心・安全な運営元が提供するサイトであり、日語対応のサポートも充実している厳選された人気のカジノサイトを紹介しています。また、各カジノサイトの特徴やボーナス、ゲームの種類などを詳しく解説しているので参考にしてください! さらに安全性の高いオンラインカジノサイトのみを紹介するだけではなく、カジノゲームについても紹介しています。ルーレットやブラックジャック、バカラなどの人気のテーブルゲームから、スロットゲーム、ビデオポーカーまで、幅広

    Arison
    Arison 2013/05/23
    ブログランキング・成分解析サービス blogram.jp。 自分のつぶやきを客観的に見つめてみると面白い。何気に僕は出川哲郎の記事で第2位に位置してます。
  • WEB制作時に役立つ!ダミーテキストに使える定型文まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    先日、弊社プログラマーの段田さんのブログで、ボーナスアップの道具として利用された野田です。 あれは、久しぶりに傷ついた。 そして、プライベートでもいろんな人にいじられた。 ネットって怖いですね。 さて、今回は、WEB制作に役立つ定型文のご紹介を致します。 僕自身、デザインする際に構成からガッツリ考えるのが大好きっていうか仕事なので、 それにあわせてダミーテキストを考えることが多いです。 デザインを提出する際には、「テキストテキストテキスト」や「ダミーダミーダミー」で提出することは絶対にしません。 お客様の意図を読み取ってこちらからご提案させていただくということも、Webデザイナーには必要なスキルの一つだと思うからです。 あたりまえなことですが、こういう部分に気づかない方も案外いらっしゃいます。 正直、僕もデザインを始めてすぐの頃にはそんな感じでした。 「仮」という言葉に甘えてしまう事は良く

    WEB制作時に役立つ!ダミーテキストに使える定型文まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 大手サイトのrobots.txtでわかる「検索でヒットされたくないページ」の特徴

    robots.txtとは robots.txtは、検索エンジンのクローラー(bot)に、クロールされたいページや、クロールされたくないページを教えるテキストファイルのことです。多くの検索エンジンのクローラーは、そのドメインの最上位ディレクトリに設置されたrobotst.txtを最初に読み込んで、クロールするべきページとクロールするべきでないページを取得し、それに基づいて巡回します。ただ、一部のクローラーには、このrobots.txtを無視するものもあります。 robots.txtの書き方はおよそ以下の通りです。 User-agent:(ここにbotのユーザーエージェントを記述。ワイルドカード指定も可能) Crawl-Delay:(クロールの時間間隔を指定) Disallow:(クロールされたくないページやディレクトリを指定) Allow:(Disallowで指定されたディレクトリの小階層で

    大手サイトのrobots.txtでわかる「検索でヒットされたくないページ」の特徴
    Arison
    Arison 2013/05/21
    robots.txtはセキュリティホールにもなる。本当に見られては困るページは、robots.txtだけでなく、IP制限などを掛けたり、サーバー側キャッシュは残さない設定にしておくことをオススメします。
  • twitter-rss.com

    Arison
    Arison 2013/05/21
    Twitter arisonjp RSS
  • [Å]【保存版】ブログを効率良く書くために超便利なブログツールまとめ

    [Å]【保存版】ブログを効率良く書くために超便利なブログツールまとめ

    [Å]【保存版】ブログを効率良く書くために超便利なブログツールまとめ
  • jQueryで地震分布図を作成しよう

    地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時

    Arison
    Arison 2013/04/26
    jQueryで地震分布図作成
  • すぐれた PHP ライブラリとリソース

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    すぐれた PHP ライブラリとリソース
    Arison
    Arison 2013/04/26
    PHPerには必須のライブラリ集。これを使うだけで面白いもの作れそう。
  • IE10 の自動アップデート

    Name : Hitoshi Arimura HN :アリソン、arisonjp 大都会岡山の南部にある玉野市生まれ。 大都会岡山のIT会社(目標は大都会No.1) でコンピュータとお客を相手に日夜格闘中。 岡山滞在中は家族ブログ。 出張中はグルメブログ。 基的に遊び人のおっさん。 ライフハックとガンダム好き。 ギガフロート玉野を浸透中。 Ingressでは青色好きなENL。 質問は 質問箱からどうぞ あなたの「いいね」が欲しいです。 最近の投稿 チャットGPT が語る ギガフロート玉野 2023-12-09 AIが描くギガフロート玉野 2022-12-10 ブログ再開します 2022-01-07 ギガフロート玉野とメタバースについて 2021-12-10 ギガフロート玉野の公式グッズ 2020-12-16 ギガフロート玉野「宇高航路フォーエバー」 2019-12-17 ギガフロート玉野

    IE10 の自動アップデート
    Arison
    Arison 2013/04/25
    IE 10の自動アップデートGW 後に始まる