タグ

cooshinのブックマーク (3,551)

  • #Illustrator 複数ページのPDFを複数アートボードに一括配置するスクリプト : GOROLIB DESIGN #はやさはちから

    ◆ #いきなりHTML 2(レスポンシブ対応) なんと!スライスもコーディングも全自動!イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA!オリジナルスクリプトで時短革命 こんなにラクしてイイんです!お見積もり無料!お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊!ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra + Illustrator 2020(24.3)までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。

    #Illustrator 複数ページのPDFを複数アートボードに一括配置するスクリプト : GOROLIB DESIGN #はやさはちから
    cooshin
    cooshin 2017/01/12
  • 今度こそ覚える、Bootstrap3 グリッドシステムの使い方 - TetraThemes

    I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザインの一部として非常に重要な要素となっています。 グリッドをうまく使えるかどうかがデザイナーとしての評価の分かれ道にもなるため、デザイナーとしてしっかり覚えておきたいBootstrap3のグリッドシステムの使い方を確認しておきましょう。 Bootstrap3のグリッドレイアウトとは? Bootstrap3にはモバイルファーストで作られたレスポンシブなグリッドシステムが搭載されています。 Bootstrap3のグリッドシステムは、画面幅を12分割して作られており、1〜12のカラムを指定することでレイアウトを作っていきます。 グリッドを作るにはHTMLタグ(divなど)にclassを追加するだけ。 <!-- グリッドレイアウトの例 -

    今度こそ覚える、Bootstrap3 グリッドシステムの使い方 - TetraThemes
    cooshin
    cooshin 2017/01/09
  • Error creating new page

    cooshin
    cooshin 2017/01/08
  • 【プロが比較検証してみた】WordPressの表示速度を早くするキャッシュプラグイン一覧

    『サイトの表示速度が遅くストレスを感じる』 そんなときに便利なWordPressキャッシュプラグイン。多々あるけど、どれがいったい効果があるんだろう?実際にインストールし、ツールを使い計測してみました。比較評価ツールにはGoogleのPageSpeed Insightsを使いました。 キャッシュプラグインインストール前の数値 プラグインの比較検証用に、3つのサイトを用意しました。 サイトA、サイトBはそれぞれ公開されているWordPressサイト。コンテンツが存在し、プラグインもいくつか有効化されている状態です。サイトCは、今回の検証用に用意した新規サイト。WordPressデフォルトテーマを有効化した後、固定ページ、投稿データは全て削除。今回検証するキャッシュプラグインとの競合を避けるため、プラグインは全て停止した状態です。

    【プロが比較検証してみた】WordPressの表示速度を早くするキャッシュプラグイン一覧
    cooshin
    cooshin 2017/01/08
  • AirPodsを使ってみた - 8090rock

    AirPodsを使ってみたので、レビューしてみたいと思います。 AirPodsを使ってみた いや~、、AirPods届きましたよ。。。 さっそく、、毎日使ってまして、、、 ちょ~便利です。。。 例えば、ミュージック聞いていて、片方のAirPods外すと、自動的に一時停止したり、、 またAirPodsを耳に装着すると、ミュージックが自動的に再生したりと、、めっちゃ、いい感じです。。 AirPodsをダブルタップするとSiriがご用件は何でしょう? と聞いてきます。。 それと、、 ケーブルがなくなるというのが、こんなにも自由なんだという開放感ですね。。。 あの、ケーブルのわずらわしさがなくなります。。 混んだ電車の中でも、他の人のカバンや服にひっかかる心配する必要がありません。。 どっちかというと、混んだ電車の中でAirPodsを落としたら、どうしよう。。。。AirPodsを落としてしまう方が

    AirPodsを使ってみた - 8090rock
    cooshin
    cooshin 2017/01/08
  • Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times

    どうも、まさとらん(@0310lan)です。 みなさんは、「CSSフレームワーク」を活用しているでしょうか? いきなりフレームワークと聞くと、「なんだか難しそう…」と思ってしまうかもしれませんが、最近は誰でも利用できるようにシンプルな設計で公開されているモノが増えています。 そこで今回は、多機能でありながらも学習コストが低い「CSSフレームワーク」を厳選し、レスポンシブ対応でモバイルに優しいものをいくつかご紹介しようと思います! ■CSSだけで多彩なサイトを構築できるフレームワーク! 【 Picnic CSSWeb制作に必要なコンテンツを、とにかく簡単な手順で手っ取り早く構築できるように設計されているのが「Picnic CSS」です! 特に、Flexboxを活用した非常に柔軟なグリッドレイアウトや、JavaScript不要でインタラクティブな要素を構築できる機能などはとても便利だと思

    Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times
    cooshin
    cooshin 2017/01/07
  • UIデザイナーがSketchを使う理由と導入方法 – WPJ

    スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か? はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現

    UIデザイナーがSketchを使う理由と導入方法 – WPJ
    cooshin
    cooshin 2017/01/07
  • 2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA

    HTMLCSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります(※)。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw

    2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA
    cooshin
    cooshin 2017/01/07
  • Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧|DTP Transit

    #1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正(一括置換など)はデフォルトではできないので、当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ

    Illustratorを使うとき、私が手放せない10個のスクリプト(2017更新版)+ 入手できるスクリプト一覧|DTP Transit
    cooshin
    cooshin 2017/01/07
  • 国|际|博|彩|监|督|委|员|会

    secs 您将在我们的网站享受更多 立即进入网站 secure 安全加密

    cooshin
    cooshin 2017/01/06
  • CloudFlare Flexible SSLでのHTTPS化を断念した話

    先日、このサイトに CloudFlare Flexible SSL を導入し、偉そうに CloudFlare Flexible SSLでWordPressを無料でSSL化した手順 という記事まで書いたわけですが、昨日このサイトを見たお友達から 「なんかサイトの表示崩れてない?」 と言われ、普段使わない別の端末で確認してみたところ確かに表示が崩れていて10秒ぐらい頭が真っ白に。 普段使う端末ではキャッシュの影響なのか、正常に表示されていたので全く気付きませんでした。。 導入直後にもスタイルシートが読み込まれない問題が発生しており、対策を行った結果表示が直ったのでてっきり解決したものと思っていたんですけどねー。 Flexible SSL は通常の SSL とは仕組みが異なるため WordPress では不具合が発生するようです。 そのまま SSL 証明書を購入すれば HTTPS を使い続けられ

    CloudFlare Flexible SSLでのHTTPS化を断念した話
    cooshin
    cooshin 2017/01/06
  • CloudFlare Flexible SSLでWordPressを無料でSSL化した手順

    ブログの SSL 化の流れが進んでいるので当サイトも SSL を導入しました。 通常、SSL を取得するには費用がかかりますが、今回使用した Flexible SSL は CloudFlare が無料で提供しているものです。 SEO で若干有利になるようですが、ぶっちゃけまだブログを SSL 化する意味はほとんど無いと思います。 (それどころか AdSense 以外の広告は大抵 SSL 非対応なのでむしろデメリットかも笑) ですが、インターネット全体で確実に SSL 化の流れは加速しているので、この流れに乗るのも悪くはないと思います。 無料ですから、無料。 どうせ将来的に SSL 化するなら早いうちにやっておいたほうがいいですよね。 WordPress を SSL 化する手順 以下の手順で実際に設定を行っていきます。 CloudFlare で Flexible SSL を設定 WP プラグ

    CloudFlare Flexible SSLでWordPressを無料でSSL化した手順
    cooshin
    cooshin 2017/01/06
  • 【WordPress】サーバ負荷が軽い「Simple GA Ranking」プラグインで人気記事ランキングを表示する方法 | Tips Note by TAM

    2016.11.18 【WordPress】サーバ負荷が軽い「Simple GA Ranking」プラグインで人気記事ランキングを表示する方法 人気記事ランキングを表示させるプラグインは「WordPress Popular Post」「WP-PostViews」など色々あります。 今回は、Google Analyticsのデータを元にランキングを表示する「Simple GA Ranking」の使用方法をご紹介します。 ◆目次 プラグインのインストール OAuth2認証とプラグインの設定 サイトに表示する フックの設定 プラグインのインストール 管理画面の「プラグイン」>「新規追加」より「Simple GA Ranking」で検索し、インストールと有効化を行ってください。 OAuth2認証とプラグインの設定 管理画面の上部に「Simple GA Ranking is available OA

    【WordPress】サーバ負荷が軽い「Simple GA Ranking」プラグインで人気記事ランキングを表示する方法 | Tips Note by TAM
    cooshin
    cooshin 2017/01/05
  • RealFaviconGeneratorでWordPressにファビコンを設定する方法

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ファビコンとは、サイトにアクセスすると下図のようにブラウザ上に表示されるアイコン画像のことだ。ファビコンがあると、ないものに比べて目に留まりやすい。また、どの大手企業サイトにもファビコンがあるように、信頼性の高いサイトという印象をユーザーに与える。 ここでは「Favicon by RealFaviconGenerator」というプラグインを使ったファビコン設定を紹介する。このプラグインは、従来のファビコン設定の手間を省き、さらに iPhoneWindows 8 のアイコン画像まで設定できる。 プラグインの画面はすべて英語だが、図の通りに進めるだけで設定できるので安心してほしい。 また FTP ソフトを使用して手動でファビコンを設置す

    RealFaviconGeneratorでWordPressにファビコンを設定する方法
    cooshin
    cooshin 2017/01/05
  • 正しいfaviconの設定方法を対応ブラウザ別にまとめる | Glatch(グラッチ) – 夫婦で活動するフリーランスWeb制作ユニット

    サイト制作で忘れられがちな印象があるfaviconの設定ですが、とっても重要なので正しい書き方で設定しましょう! <link>でfaviconを指定することがありますが、以下の記述をよく見かけるかと思います。 <link rel="shortcut icon" href="/path/favicon.ico"> rel属性にshortcutの記述が必要なのは、IE8以下の対応が必要なときのみです。 shortcutは非準拠ですので使わないようにしましょう。 古いブラウザに対応する必要がないサイトであれば、rel属性にshortcutは不要ですし、ファビコンの画像もpngやgifが問題なく使用できます。 そこで、どのブラウザまで対応するかによりどう記述すればよいかが変わってくるので、一覧にまとめました。 IE8以下も含めたIE、Chrome、Firefox、Safari、Opera、Edge

    正しいfaviconの設定方法を対応ブラウザ別にまとめる | Glatch(グラッチ) – 夫婦で活動するフリーランスWeb制作ユニット
    cooshin
    cooshin 2017/01/05
  • 神ってるWebデザイナーになるためのBootstrap3の始め方 - TetraThemesブログ

    One owl to rule them all Bootstrap4が公開されていますが、まだα版ということもあり、まだまだ現役バリバリのBootstrap3。レスポンシブデザインをやるなら必ずと言っていいほどCSSフレームワークが取り入れられていますが、その中でも特に人気の高いフレームワークでもあります。 この記事ではこれからBootstrap3を始めるWebクリエイターさんから、Web系に転身された元Lisp使いの方まで、神ってるWebデザイナーになるためのBootstrap3の始め方をやさしく解説していきたいと思います。 Bootstrap3をさくっとインストール Bootstrap3に必要なファイルのダウンロード まずはBootstrap3の公式サイトにアクセスします。 トップにDownloadボタンがあるのでこれをクリックしてダウンロードページへ移動。ダウンロードページでは3つ

    神ってるWebデザイナーになるためのBootstrap3の始め方 - TetraThemesブログ
    cooshin
    cooshin 2017/01/05
  • ソフトバンク解約者は要注意!ヤフー(Yahoo! ) から毎月390円ずつ盗まれるのを止める方法 - ぐちろぐ

    はじめに この記事は『ヤフー(カ』名義で勝手に毎月390円引き落とされるのをこうやって止めたよ!という内容です。 (2016年の体験談なのでGoogle検索結果などが今とは異なっているかもしれません。ご了承ください) 俺の試行錯誤の話なんてどうでもいい!今すぐ解決したい!という方は「まとめ」まですっ飛ばして下さい。 謎の390円の請求に気づく ある時、クレカの明細を見たら『ヤフー(カ』名義で390円が引き落とされている。 ヤフー株式会社から毎月? 身に覚えがない。 もしかして、有料サービスを利用したままになっている? ヤフーのプレミアム会員代ではなかった 以前ヤフオク出品のためにプレミアムに入ったことはあったが、それも一時的なものですぐに退会したはず。 それが退会できていなかった? ログインしてみるが・・・ 未登録だ。 つーかプレミアム会員代、月額462円だから金額が違う。 じゃあ390円

    ソフトバンク解約者は要注意!ヤフー(Yahoo! ) から毎月390円ずつ盗まれるのを止める方法 - ぐちろぐ
    cooshin
    cooshin 2017/01/01
  • 【追記しました】岡山旅行中、財布落として無一文になった。

    当方29歳男性、東京在住の中肉中背サラリーマン。年末休暇を利用して岡山に一泊一人旅に来ていた。 で、岡山に着いて早々に財布を落とした。現金も、カードも、すべて財布に入っていた。 気づいたその時から、この状況をサバイブし如何に東京に帰るのか、その手段を見つけることがこの旅の目標になった。 予め断っておくが、えっちなご都合展開とかは全くないので、そういう展開を期待する読者諸賢は、この段階でブラウザバックすることを強く推奨する。 まずもって幸いだったのは、事前にホテルの宿泊料金はwebを通じて支払い済みだったことだ。 師走の末に野宿は命に関わる。一泊5,000円のシティホテル故、問題解決に向けての協力は全くしてくれなかったが、それでも夜露をしのぐ屋根を提供してくれただけで御の字だった。 そして、一文無しとは言ったが、普段使っているSuicaには3,000円近い残高があり、コンビニでおにぎりやお茶

    【追記しました】岡山旅行中、財布落として無一文になった。
    cooshin
    cooshin 2017/01/01
  • 服が大好きな僕が2016年に買ってよかったファッションアイテムをコーディネート多めでまとめてみました!! | むーろぐ

    服が大好きです。むーろぐ管理人のひろむ(@mwwx)です。 服を買ってはWEARでコーディネートをアップしたり、ブログで報告していますが、中には紹介出来ていないアイテムもあります。 買ったはいいけど、全然着てない・・・なんて買い物ミスなアイテムもありますが、1年の振り返りとして買ってよかったファッションアイテムのみをザーっと振り返ってみたいと思います。 2016年はアクセサリーの年にしたいととひそかに言ってましたが、どうなったでしょうか。書いていたらもの凄く長くなってしまいましたが、購入した順番で見ていきますよ。 ■adidas Originals TUBULAR DOOM PK ボリュームがある程度あり、モード感溢れるハイテクスニーカーが欲しいと思っていた時に発売されたadidas originalsの新作「チューブラードゥーム」。 チューブラーというシリーズは他にも種類がたくさんありま

    服が大好きな僕が2016年に買ってよかったファッションアイテムをコーディネート多めでまとめてみました!! | むーろぐ
    cooshin
    cooshin 2016/12/30
    シームレスTは、かなり欲しくなった
  • 年末年始は特集読んで、Amazon ギフト券1万円分をもらおう! はてなブックマークアプリお年玉プレゼントキャンペーン - はてなブックマーク開発ブログ

    ※ キャンペーンは終了しました。たくさんのご応募ありがとうございました。当選発表はこちらから。 2016年もあと少し。はてなブックマークアプリでは日頃の感謝を込めて、Amazon ギフト券10,000円分が当たる特別なプレゼントキャンペーンを実施します! 参加するには、 はてなブックマークiOS・Androidアプリでこの告知をブックマーク 2017年1月6日15時までに、お気に入り特集1つを含めたコメントを追記して保存するだけ キャンペーン終了後に5つの特集が選ばれ、その特集に投票した方からそれぞれ1名様、計5名様にAmazon ギフト券10,000円分をプレゼント! さらに参加するだけで、グリーンスター5個をもれなく差し上げます! 帰郷した時の暇つぶしや、仕事始めの息抜きに。テレビの特番も楽しみですが、アプリで特集も読んでみませんか? ※ 特集は、アプリ内で表示されているものに限ります

    年末年始は特集読んで、Amazon ギフト券1万円分をもらおう! はてなブックマークアプリお年玉プレゼントキャンペーン - はてなブックマーク開発ブログ
    cooshin
    cooshin 2016/12/30