タグ

関連タグで絞り込む (158)

タグの絞り込みを解除

Webに関するlion_7326のブックマーク (128)

  • 情報量が多く定期的にチェックしたい日本の素晴らしいブログ 60

    Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho

  • SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO

    こんにちは山形です。 htmlcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから

    SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO
  • iGoogleの代替RSSサービス「iSoople」を組み込んだ情報収集のしかた

    http://isoople.digi-popeye.jp/ これはiGoogleの様にRSSを受信してリスト上に表示してくれるサービスで、単機能のリンクや検索窓、ガジェットの追加こそ出来ませんが(お願いしますw)iGoogleの実用的なメイン機能であるRSS受信が出来ます。実はベータ版のころからこっそり使っていましたw 一応ベータ版の時とはCookieによるデータの管理だったのが、会員登録をしてユーザー情報をとっておくようになりました。それによって同じホームページを別のパソコンでも使えるようになりました。Cookieではさすがに心もとないですしねw iSoopleのちょっといいとこ見てみたい iGoogleの機能限定版なので不自由なところはあるにしても、iSoopleの方が勝っている機能があります。それは RSSで受信する記事の数を選べること タブ管理できること RSSの受信に特化してい

    iGoogleの代替RSSサービス「iSoople」を組み込んだ情報収集のしかた
  • トレンドに振り回されない。デザインの考え方を等身大にまとめた本を書きました。

    東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 1月29日に「スマートフォンデザインでラクするためには」という技術評論社さんにて書かせていただきました。 表紙カッコイイ!!! いつも書いているブログ記事の豪華版 このブログではよく作ったアイコンやロゴ、Webサイトの製作過程を紹介しています。 なぜそれをするのかというとデザインでは「何を考え、どう決断し、どう表現したか」が大切だからです。 「スマートフォンデザインでラクするために」はその「何を考え、どう決断し、どう表現したか」をより掘り下げて232ページ、6万文字弱使って書いています。 いやー豪華ですねー。死ぬかと思った! 画面に向かうな 「画面に向かうな」とはわたしがよく行うデザインの模索方法です。これ

  • 食べれるようになってきたフリーのウェブサイト制作者が、その先進むべき道の選択肢色々を考える

    べれるようになってきたフリーのウェブサイト制作者が、その先進むべき道の選択肢色々を考える 2013.01.15 | 考える。 こんにちは。オリーブです。 だいぶ間が空いて、執筆陣の中での肩身が狭くなってきちゃった(ノω・)テヘ 今日は前回の「保守・運営」について考える | WP-Dに引き続きまして、考えるシリーズです。制作者人生について考えます。 この記事の対象となる人 フリーになって、仕事をもらえるようになり、よいよいべれるようになってきたフリーのWEB制作者がどんなことを考えているのかをご紹介します。 自身の経験を振り返れば、半ば事故のような理由でフリーになることを選び、しかもWEBでいこうと思い、周囲に相談すれば「考えが甘いよ」と言われて、当にべていけるのか不安な中でやってきました。 ですので、次のような方々の参考にしていただければと思います。 今、そういう道にいってみようか

    食べれるようになってきたフリーのウェブサイト制作者が、その先進むべき道の選択肢色々を考える
  • Loading...

    Loading...
  • 【 Modern UI 】を感じさせるWEBサイト10選 | バシャログ。

    年明けですね。今年もよろしくお願いします。 年末ギリギリに見たレ・ミゼラブルの影響を少々受けつつ、年明けからドラマのgleeにハマってます。歌の力って凄い・・・!seki です。 おススメのドラマなので、皆さんもハマって一緒にgleekになりませう。 さてさて。昨年の、Windows8 の発売が噂されていた頃より、じわじわと流行っている Modern と呼ばれるUIですが、今年もまだまだ熱の冷めない人気っぷりが予想されますよね。今回は、このタイルのようなデザインを感じさせるWEBサイトを集めてみたのでご紹介です。 Modern UI っぽいデザインのWEBサイト10選 【no.01】 http://www.rockwerchter.be/ 【no.02】 http://www.bricoleur.co.jp/ 【no.03】 http://www.acer.co.jp/ 【no.04】 h

    【 Modern UI 】を感じさせるWEBサイト10選 | バシャログ。
  • FICC ナレッジブログ | FICC | ブランドマーケティング

    ビジョンラダー:ブランドパーパスとプロフィットを両立し、理想を現実に変えるためのフレームワークブランドパーパスブランディングビジョンラダー ビジョンは組織の共有する目標であり、人々を束ね、活気づけるものです。ビジネスの理想の形の定義であると同時に、持続的な成長の原動力にもなり得ます。この貴重な資源を最大限に... 続きを読む 逆境のいまこそ見直したい、ブランドの「設計図」とは?:ブランドホロタイプ・モデルの基ブランドホロタイプ・モデルブランディング この異常な状況の下で、多くの人が通常どおりの広告に多少ながらの違和感を感じていると思う。パンデミックによって私たちの環境は劇的に変化し、広告の大半がその文脈から外れてし... 続きを読む パーセプションフロー・モデルとは?10年以上の経験に基づくナレッジパーセプションフロー・モデル マーケティングは複雑なチームプレーを要する企業活動であり、個

    FICC ナレッジブログ | FICC | ブランドマーケティング
  • Shumpei Shiraishi's Weblog: Web開発を革命する(かも知れない)Web Componentsという仕様について

    Web Componentsは、現在のところ余りまとまった日語の情報がないようですが、Web開発を大きく、当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome(WebKit)がWeb Components(の一部)を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日語の情報も充実してくると思われますが、エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Componentsはかなり大きな、込み入った仕様でして、一回のブログエントリで詳細も含め全てを紹介するのは現実的では

  • 「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 - Design Color

    CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 2015 1/12 アクセシビリティ (C)田中舘 一久 中根雅文さん、山和泉さん、植木 真さんによるセッションです。 テーマは「アクセシビリティ」。 「アクセシビリティ」とは Webアクセシビリティとは、基的には、障害者がWebを利用できることである。もっと具体的にいうと、Webアクセシビリティとは、障害者がWebを知覚し、理解し、ナビゲーション(訳注:広義には、Webサイトのページ間やページ内を移動したり見てまわったりすること)し、インターラクション(訳注:Webに入力したり情報を受け取ったりしてWebを利用)できることである。 ウェブアクセシビリティ基盤委員会 / WAIC: Web Accessibility Infrastructure Commi

    「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較 - Design Color
  • リピート率に直結!ブラウザのレンダリング速度を高速化する5つのこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    最近上京してきたんだけど東京とか物価高くてやんなっちゃう。ほんともう特に家賃とか駅から徒歩30分とかそれってもう徒歩圏内じゃなくない?あ、どうも僕です。 今日はクライアント(ブラウザ)側で高速にページを表示させるために、最低限押さえておきたい簡単なテクニックを厳選してお届けしちゃうよ! WebサイトやWebサービスを作る上で、ユーザを獲得するには応答時間を早めることがとても重要なファクターなんだ。 統計的にも応答時間とユーザのリピート率との相関性は実証されていて、例えば、表示までに時間のかかるサイトなんかは、もう二度と使わねぇとか思っちゃうよね! それほど応答時間というものはユーザを獲得する上でもかなり重要なんだ! HTTPリクエスト数を少なくする Webページが表示される際、まずはベースとなるHTMLが読み込まれてから、ページにリンクしてある画像ファイルやスクリプトファイルなどを読み込ん

    リピート率に直結!ブラウザのレンダリング速度を高速化する5つのこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • <!--:JA-->「デザイナーもJavaScript覚えるべきだよ」について<!--:-->

    Web やアプリのデザイナーか「技術にしばられないでデザインを考えていく」コミュニティ。 月1回の定例MTGと年に数回のデザイン中心ハッカソンなどをしています。 先日、Facebookでぼやりとつぶやいたのですが、「デザイナーもJavaScript覚えるべきだよ」ということについて、思うことを素直に書いてみます。 2012年12月8日に開催されたCSS Nite in OSAKA, Vol.34でわたしは微力ながら第二会場の進行をしていました。 この日のセッション内容については、これからのWeb系の仕事まわりでは、なんとなく各専門家はいても、WebならWeb系全般の一般教養みたいなのはおさえておかないと、実際仕事につながらないよねーみたいな雰囲気でした。 たしかにそうなんです。 でも思うのは、「デザイナーもJavaScript覚えるべきだよ」と軽々しく言うのはちょっと違うと思うのです

  • 今すぐサイトの広告収入を2倍にする方法 - ぼくはまちちゃん!

    こんにちはこんにちは!! 今日はちょっとだけ実用的なお話です! はい! タイトルの通り、『今すぐサイトの広告収入を2倍にする方法』。 なんだか、うさん臭いですね>< でも、やり方はシンプルで簡単です。 やり方: スマートフォンでアクセスされた時に、 一番上 (ファーストビュー) に 300x250 のレクタングル広告を貼る。 これだけ。 ちなみにこんな感じになります。 (スクロールさせようとすると、絶対に広告に指が触れてしまう!) 最近は、この方法で広告を貼っているサイトが増えてきているので、見たことがある人も多いと思います。 うざいですよね。わかります。 けど、この方法で貼られた広告は、クリック率がハンパない。 しかも、(今のところは) 規約違反じゃない。 それどころか、アドセンス公式ブログで推奨すらしています。 (推奨している位置は記事下だけど) ブログの場合、通常の広告クリック率はだ

    今すぐサイトの広告収入を2倍にする方法 - ぼくはまちちゃん!
  • develo.org

    HTMLCSSJavascript、デザイン、絵を描いたり。 develo.orgの最新情報 記事の詳細 表示・非表示 このサイトはMovable Typeで作ってるんですが、最近は技術系の記事はQiitaに投稿したり、写真はFlickrに投稿したり、日記の記事はTumblrに投稿しようかなぁーとか思ったりと・・。 他のサービスで記事を書いたりすることが増えてきたので、APIで記事を取得してそれをまとめたサイトを作ってみようかなぁー! と思いまして。時間をみつけてはちょくちょく作っていたのが、ようやく見れるぐらいになってきたのでご紹介です!

    develo.org
  • 高速にWordPressを動作させる網元を使うべくAWSにブログを移転しました。その手順を備忘録として残します。 |https://wp.yat-net.com/name

    2012年 12月 06日 高速にWordPressを動作させる網元を使うべくAWSにブログを移転しました。その手順を備忘録として残します。 カテゴリ: AWS タグ:AWSWordPress このブログをAWS(Amazon Web Services)で提供しているEC2に変更しました。前々からロリポップに対しての限界点がある程度見えていて、いずれ変更することになるけども、それならもうやっておこうかなと言う思いで変えちゃいました。今回はその備忘録として記事にしたいと思います。 1.AWSとは?EC2って? 2.AWSのメリット・デメリット 3.今回の環境について 4.導入手順 5.サーバーと接続する SSHとSFTPについて 6.料金の確認 7.最後に 8.追記 AWSとは?EC2って? AWS(Amazon Web Services)というのは、あの多くの人が利用しているECサイトであ

    高速にWordPressを動作させる網元を使うべくAWSにブログを移転しました。その手順を備忘録として残します。 |https://wp.yat-net.com/name
  • スマートフォンWebアプリ最適化”3つの極意”

    WebAssemblyBlazorWebAssembly System Interfaceでコンテナライズの設計を解説Takao Tetsuro

    スマートフォンWebアプリ最適化”3つの極意”
  • Webデザインの価値とは何か -webサービスにおける、webデザインの費用対効果(2)

    前の記事で、なぜwebデザインは安く見られてしまうのかという問いに対し、 ・参入障壁が低く見える ・ノウハウが広く、速くシェアされやすい ・制作物という点だけにおいて、デザイン作業が定義されてしまっている。 ・効果が一目瞭然ではなく、評価しづらい。 ・需要(発注者)と供給(制作者)のうち、現状では供給が多い という点で技術価値・優先順位・価格が低くみられてしまうという現状について述べた。 現状はたしかにそうなんだけども。 かけるべきときにはかけようぜ!というのが私の趣旨である。 前記事でものべたとおり、期待効果が一目瞭然ではないためデザインの価値は質的にわかりづらいものだ。 今回はその見えづらい、webデザインの価値について、自分が現場で思った所を書いていこうと思う。 デザインの成功例 Google Apps logo ring of happiness / adria.richards

    Webデザインの価値とは何か -webサービスにおける、webデザインの費用対効果(2)
  • Let’s Publish Your Website to the World!

    2014年8月17日 Webサイト制作, 便利ツール ついに連載「実践で学ぶWebサイト制作ガイド」最終記事となりました!これまでの章で制作したWebページも、自分のパソコンの中に保存しておくだけでは誰もあなたのWebサイトを見ることができません。ファイルをWeb上にアップロードして、多くの人に見てもらえるようにしましょう! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その8 目標:Webサイトを世界中の人に公開する 必要なもの:サーバー、ドメイン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法 文書構造を意識し

    Let’s Publish Your Website to the World!
  • こいつぁ便利だ…商用利用OK・クレジット表示不要の画像素材を横断検索してくれるサイト「タダピク」

    最近では、商用利用OKの写真素材等を無料提供してくれる優良サイトがたくさんあってたいへんにありがたいのですが、お目当ての素材を探すためにそれらのサイト全てをチェックできるわけもなく、結局いくつもタブを開いて同じキーワードを入力して…なんて言う経験はないでしょうか? そんなあなたへの強い味方、商用利用OK・クレジット表示不要の画像素材サイトを横断検索してくれる「タダピク」が便利でしたのでご紹介。 このサイトは、商用利用OK・クレジット表示不要の画像素材サイトの横断検索サイトです。 検索結果に表示されたリンク先の規約をご確認の上、ご利用をお願いいたします。 via: タダピク(tadapic) – 商用利用OK・クレジット表示も不要の画像素材検索エンジン 「タダピク」さんで横断検索できるサイトは↑の29サイト様。これだけの数があれば求めていた伝説の素材もあっという間に見つかりそうです…!ありが

    こいつぁ便利だ…商用利用OK・クレジット表示不要の画像素材を横断検索してくれるサイト「タダピク」
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事