2014年8月7日のブックマーク (8件)

  • メモしておきたい!サイト制作時に知っておくと「意外」と役に立つこと

    作成:2014/08/4 更新:2014/11/01 Web制作 > 今回はサイト制作において毎回使うこと、意外と面倒で忘れがちなものをメモしておきます。事前に知っておくことで効率的にコーディング、納品できると思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ドメイン+サーバ 1.独自ドメインでHPとgmail を運用させるまで 2.コマンド 3.IP制限 CSS 4.画像の回り込み 5.marginの相殺 6.ショートハンド 7.ビューポート設定 8.IEでCSS3を再現 IE対策 9.filter属性 10.条件付きコメント WordPress 効率化 11.keywordsとdescriptionを自動出力させる 12.記事中の最初の画像を自動検出して、表示 13.タイトルの文字数を自動でカットして、語尾に「…」をつける 14.管理画面 ドメイ

    メモしておきたい!サイト制作時に知っておくと「意外」と役に立つこと
    ebisu3htn
    ebisu3htn 2014/08/07
    今回はサイト制作において毎回使うこと、意外と面倒で忘れがちなものをメモしておきます。事前に知っておくことで効率的にコーディング、納品できると思います。 もくじ ドメイン+サーバ 1.独自ドメインでHPとgmail
  • 私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど)

    こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。(たまにjQueryが必須でないものもあります。) ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス

    私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど)
    ebisu3htn
    ebisu3htn 2014/08/07
    こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。(たまにjQueryが必須でないものもあります。) ※紹介しているプラグインを [
  • Photoshopでの面倒な作業を簡単に!便利すぎるPhotoshopのアクションのまとめ | コリス

    グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。

    ebisu3htn
    ebisu3htn 2014/08/07
    グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopの
  • 最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」

    最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」 デザイン制作にはたくさんの素材が必要であり、すべてを手作りしているとどうしても時間が必要になってしまいます。今回はそんな時に参考にしたい、最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」を紹介したいと思います。 Andrea Galanti | WebDesign フォントやアイコン、UIやテクスチャといった、定番の素材をピックアップし紹介しています。 詳しくは以下 26 Vintage Handwriting Photoshop Brushes – Inspiration Hut Marketplace か

    最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」
    ebisu3htn
    ebisu3htn 2014/08/07
    デザイン制作にはたくさんの素材が必要であり、すべてを手作りしているとどうしても時間が必要になってしまいます。今回はそんな時に参考にしたい、最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Fr
  • これなしでは生きられないアプリ特集「Mac編」:Lifehacker Pack for Mac 2014 | ライフハッカー[日本版]

    itou  - MacOS,Webアプリ,アドオン・拡張機能,ソフトウェア  10:00 PM これなしでは生きられないアプリ特集「Mac編」:Lifehacker Pack for Mac 2014 Macには便利で楽しいアプリがたくさんあります。中でも、いくつかのアプリは「それなしでは生きられない」ほど便利です。今回は、生産性、コミュニケーション、メディア管理など、それぞれの分野における米Lifehackerイチオシのアプリを集めた「Lifehacker Pack for Mac 2014」をご紹介します。 生産性向上ツール Alfred 昨年の米LHのイチオシは『Quicksilver』でしたが、今年、ランチャーの王者に選ばれたのは『Alfred』です。さらに多機能になり、いくつかの素晴らしい自動化機能も追加されました。無料版もありますが、さらに高度な自動化や、細かい設定にこだわりた

    これなしでは生きられないアプリ特集「Mac編」:Lifehacker Pack for Mac 2014 | ライフハッカー[日本版]
    ebisu3htn
    ebisu3htn 2014/08/07
    via ライフハッカー[日本版]
  • Excelで複数のデータを検索して結果を分かりやすくする

    {オブジェクト}には、対象となるRangeオブジェクトを指定する。{検索文字列}には、検索対象となる文字列を指定する。 今回は電話番号のチェックに正規表現を使っている。VBAで正規表現を使うには、ちょっとした設定が必要だ。それには、記事「Excel VBAで正規表現を使うには」を参照してほしい。 正規表現の詳細については「正規表現言語 - クイック リファレンス(MSDN)」を参考にしてほしい。 図1で、電話番号セルに電話番号を入力して、該当するデータの背景色を変えるマクロはリスト1になる。VBE(Visual Basic Editor)を起動して、Module1内にリスト1のマクロを記述する。 Option Explicit Sub 電話番号検索() Dim myRegExp As New RegExp Dim regCheck As Boolean Dim 検索電話番号 As Rang

    Excelで複数のデータを検索して結果を分かりやすくする
    ebisu3htn
    ebisu3htn 2014/08/07
    業務効率化に役立つVBA/マクロのさまざまなTipsをコード例を交えて紹介していきます。今回は、一つのデータを検索するFindメソッドと複数存在するデータを検索するFindNextメソッドの基本的な使い方を解説。膨大なデータ
  • Phalcon勉強会(Phalcon Night)に登壇しました

    こんにちは。宇都宮です。 8月5日にPHPフレームワーク・Phalconの勉強会があり、縁あって登壇させていただきました。 イベントページは以下です。 Phalcon Night 最速フレームワーク Phalconを使い倒せ! スライド 私の発表のスライドは以下です。 https://ryo-utsunomiya.github.io/phalcon_night_01/(クリックするとスライドが表示されます) スライドはreveal.jsで作成しているので、GitHubの方がおすすめです(SlideShareでも閲覧に支障はありませんが、一部表示崩れがあります)。 Phalconの勉強会について 実は、社外でPhalconユーザーに会うのはこの勉強会が初めてだったりします。PHPの勉強会はたまに行きますが、Cake、ときどきLaravelって感じで、Phalconは存在自体知らない、という人

    Phalcon勉強会(Phalcon Night)に登壇しました
    ebisu3htn
    ebisu3htn 2014/08/07
    こんにちは。宇都宮です。 8月5日にPHPフレームワーク・Phalconの勉強会があり、縁あって登壇させていただきました。 イベントページは以下です。Phalcon Night 最速フレームワーク Phalconを使い倒せ! スライド 私の発表のス
  • [CSS]紙、ステッチ、リボンなどのかわいいエフェクトを簡単に実装できるコードをまとめたスタイルシート -Beemuse

    p, div要素などで実装したシンプルなHTMLに紙やステッチのかわいいスタイルを簡単に実装できるスタイルシートをまとめたフレームワークを紹介します。要素を少し増やすとリボンも簡単に実装できます。 Beemuse Beemuse -GitHub 使い方は簡単、CSSファイルを外部ファイルとして記述し、あとはHTMLにclassを追加するだけで、さまざまなかわいいスタイルを利用できます。 <head> ... <link rel="stylesheet" type="text/css" href="css/beemuse.min.css" /> </head> 各デモは:before, :after の疑似要素を使用しているため、IE8+でご覧ください。一部のスタイルはIE10+になります。

    ebisu3htn
    ebisu3htn 2014/08/07
    p, div要素などで実装したシンプルなHTMLに紙やステッチのかわいいスタイルを簡単に実装できるスタイルシートをまとめたフレームワークを紹介します。要素を少し増やすとリボンも簡単に実装できます。 Beemuse Bee […] via コ