JaypegWelcome to JAYPEGJAYPEGは簡単に優れたポートフォリオが作成でき、自分の作品を投稿できる、 デザイナーのためのソーシャルサービスです。
どーもふとしです! 世界中にあるかっこいいサイトを作っている人達のサイトってどんなサイトなんだろう。という所からスタートした企画です、さらにひとつの国に絞って、その国の雰囲気を浮き彫りにすることが狙いです。 今回は紳士の国イギリス、UKです(:3」∠)_ UKのWebデザイン simonfosterdesign.com 白と黒と灰色の洗練されたWebサイトです。 brownandwhitecreative.com 白と黒と灰色のサイトです。デザイナーコンビのサイトみたいです neverbland.com 白と黒を基調としたミニマルなサイトです。渋いですね。 willvilles 白と黒サイトです。When I’m not working,I love doing this…といって自分の趣味を紹介しているのですが、その言い方がかっこいいですな。 ghosthorsea.co.uk 細かい要
前回の記事でSEOの観点から見たレスポンシブECサイトのポイントを解説しましたが、今回はサイト構築の際に気をつけなければならないポイントや注意点を解説したいと思います。 1. レスポンシブECサイト構築ワークフローのポイント 2. レスポンシブECサイトならではの注意点 3. コンテンツ企画から考え直す必要性 4. プラットフォーム(ショッピングカートやCMSなど)から考え直す必要性 1. レスポンシブECサイト構築ワークフローのポイント レスポンシブWEBデザインでECサイトを構築すると、ワンソースマルチデバイス対応なのでデバイス毎に別々のコンテンツを企画する必要がありません。まずはモバイル(スマートフォン)向けに最低限必要な情報を精査することで無駄を省き訴求力の高いECサイトのコンテンツを作成することができます。 PCやタブレットなど大画面向けのコンテンツはモバイル(スマートフォ
モリモリスリムが届いたので口コミレビューします! モリモリスリムが届きました。 普段から便秘気味で市販のウィズワンやフォースコリンで対応していました。 しかし最近体が慣れて来たのか思うように出せなくなったのでこちらを試してみることにしました。 注文してから約3日で届きます。 メール便だからポストに入れてくれるので配達時間を気にしなくてもいいのが便利ですよね。 お試し5パック入りを購入! 送料込で380円は安いですよね。 だけど便秘に効果がないと意味なし! ということで早速飲んでみたいと思います~♪ 口コミでもあったように下痢や腹痛が出るといったことがあるようなのでちゃんと説明書を読みます。 私は4日くらい出ないのは当たり前なのでとりあえずはモリモリスリムが推奨している3分から始めたいと思います。 250ccのお湯に浸しました。 なんだかあんまり色が出ていないような…。 何か成分が下に沈んで
最近、メルマガでいろいろな質問をいただくので、そこからインスパイアされて書くブログが多く、ネタに困らなくなってきました。 でもって・・・本日はいいWEB制作会社と悪い制作会社について。これまたわたしの独断と偏見で述べさせていただきます。あくまでもわたしの価値観ですので一般的かどうかは知りませんが、制作会社を選択するときに参考になればということで書かせていただきます。ちなみに自分自身は「いわゆる制作会社」の範疇には入らないと思いますので「他社の悪口書くな」的な指摘は的外れと先回りして言っときます。 世の中には大別して二種類のWEB制作会社というものが存在します。 端的にいうと、「作って納品して終わり」と考えるところと、「納品した時点が始まり」と考える二種類でございます。いい方変えると、印刷物とは根本的に異なるWEBというものを理解しているかどうかという差でもあります。前者のほうが手離れがいい
公益社団法人 地域医療振興協会が運営する医療施設のホームページを対象に、これまで各施設が独自に構築してきたこともあり、更新頻度やコンテンツの構成など、施設間でのバラツキが目立つ状態だったため、地域医療振興協会のブランド施設でありながらも、一見して認識できないサイト群となっている課題がありました。 また、CMS も既存の物がありましたが、使い勝手の悪さと自由度の低さから、運用・更新面での課題を抱えていました。 さまざまなステークホルダーのニーズを集約したウェブサイトの構築を行うことをミッションとして、リニューアルのプロジェクトがスタートしました。 ユーザー(患者さま)に伝えるべき情報が伝わるウェブサイトであることが第一ですが、それだけではなく、各施設の運用担当者が通常業務の傍らで簡単に更新できる仕組みをもち、地域医療振興協会のブランドを継承する一定のガバナンスを維持できることを最低限の目標と
コーディングスピードはまだ上がる!! Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍!10倍!上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。2011年入社の根岸と申します。 9月まで「あそんで♪HuggPet」というゲームのディベロッパーをしており、10月から新規ゲームのプロジェクト責任者(PS)をしております。 今回の記事では、「あそんで♪HuggPet」で使用している「ボタン」の実装方法について、少しだけお話させていただきたいと思います。 ボタンは押したらハイライトしてほしい先日、居酒屋で「すみませ~ん!」と大声で店員を呼んだのですが、反応がありませんでした。 その後、すぐに店員が来たので問題無いと言えば無いのですが、私は店員に声が届いているのか不安で、危うくもう一度大
SEOにもHTML5が重要などといわれる時代になってきましたが、HTML5といえばプラグインなしでデバイスとらわれず動画やアニメーションが再生できるのが大きな魅力ですよね。HTML5の動画プレイヤーは既に多数リリースされていますが、今回はその中から実際に使えるものを10厳選して紹介した記事をspyrestudiosから。 — SEO Japan 動画プレイヤーにはあまりに多くの選択肢があるため、どのアプリケーションが自分に最も相応しいのか選択するのは難しい。私なら、物事を複雑化しないことと、動画プレイヤーの更新、新機能、バグ修正という将来の頭痛の種を避けることをお勧めする。その全てに対処し、あなたの仕事を簡単にするオンラインベースの動画プレイヤーにこだわるのだ。物事を行うことや物事を複雑化しないことのより簡単な方法に関心があるなら、www.wix.comもチェックするといいかもしれない。
先日、カリスママーケッターで有名なミッチ・ジョエルのKickstarterに関する記事を紹介しましたが、今回は、その続編的な位置づけになる記事を。少し前にバス監視員の女性が生徒からいじめられている映像がYoutubeにアップされて大きな話題になりましたが、その事件から考えるインターネット、そして人間の暗部について。 — SEO Japan 昨日はKickstarterがどんなにすごいかについて話した。今日は、インターネットがどれほど大きな腹部へのキックになり得るかについて話す。 カレン・クラインは、今彼女が獲得している注目を浴びるに値するために何をしたのか?この68歳のバス監視員は、ニューヨーク州グリースにあるAthena Middle Schoolの中学生の集団に言葉の暴力を受けた。10分間に及ぶ苛めの動画がYouTubeに投稿され、今、全世界が一部の人々の行動の暗闇を目にしている。なぜ
昨日、フィリピン・マニラで開かれた WordCamp Philippines に参加してきました。私にとってはマレーシア(2010年)、韓国(今年5月)に引き続き、日本を含めたアジア4カ国目の WordCamp。フィリピンでは2008年から去年を除いて毎年開催されており、今回4回目だそうです。 2009年の WordCamp Tokyo でマットが「フィリピンではプールサイドの会場でカラオケ用マイクを使って話した」という話をしていたこともありましたが、今回の会場は「Asian Institute of Management」という大学院の建物。Wifi も電源もしっかり利用できて、とても整った設備でした。 WordCamp Philippines 2012 会場、Asian Institute of Management。 イベントはセッションによって1トラックまたは2トラックの構成。コン
※模索して行った物なのでミスリードの可能性がありますのでご注意下さい。 なかなか動かなくてハマリました・・・動画やっぱこわい。。 タグ自体はシンプルなんですが、ブラウザ対応の動画形式が違うんですね。 何が面倒って、その動画形式や対応状況などを加味して用意するのが面倒でした。 用意する動画は mp4 : Chrome・Safari・IE9 ogv : Firefox・Opera webm : Chrome・Opera という具合。 更に、もちろんHTML5をサポートしていないブラウザも有り。 動画の変換ですが、僕はこのツールを使いました。 XMedia Recorde http://www.forest.impress.co.jp/lib/pic/video/vdoenc/xmediarecode.html (窓の社) 読み込んで形式を選択してエンコードボタンをクリ
【教えてくん】コミュニティーなのです。 なんかニュースとかあったらここに書こうかと思ってますよ。とりあえず、おいらのブログ お金も電気も水道も電話も無い5万人が住む町の一週間。 : ひろゆき@オープンSNS ひろゆき@オープンSNS (ひろゆき@オープンSNS) 投稿者, @ 2012-11-01 03:08:00 お金も電気も水道も電話も無い5万人が住む町の一週間。 最近は、仕事をしない人=お金を稼がない人というイメージがある気がします。 世の中には、お金を稼がなくても、家の仕事を手伝ったり、近所の掃除をしてたり、ボランティアをしてたり、駅前で楽器を鳴らしてたり、ネットでサイトを作ったり、小説を書いたり、料理を振舞ったりと、他人を喜ばせるためにすることは一杯あるわけです。 でも、お金を稼がない=意味が無いと考える人が増えてきた気がします。 無職でも、他人の役にたつ何かをしてれば、社会にと
WEB+DB PRESS plus(ウェブディービープレスプラス)シリーズは, Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』編集部が自信を持ってお届けするシリーズです。 本章ではまず,プログラムを初めて学ぶ人に向けて,プログラムを学ぶうえでの心構えを説明します。次に,JavaScriptとは何なのか,書いたプログラムをどのようにして実行するのかといった,JavaScriptを本格的に学ぶ前の事前知識を解説します。 1.1 プログラムを学ぶうえでの心構え プログラムはすべて覚えなくていい プログラムを学ぶ前に覚えておきたい重要なことが1つあります。それは,プログラムはすべてを覚えておく必要はないということです。JavaScriptの仕様をすべて把握して,何も見ないで完璧なプログラムを書ける人はほとんどいないと思います。筆者も含めてほとんどの人はわから
Linus Torvalds - Google+ - So with even a $399 tablet doing 2560x1600 pixel displays,… リーナス・トーバルズがGoogle+で、ラップトップの解像度だけが全然向上していない現状に吠えてる。 399ドルのタブレットですら2560x1600ピクセルのディスプレイなんだぜ。ラップトップの解像度の標準もそれぐらいにしてくれよマジで頼むし。もちろん11インチでもだ。頼むし、"retina"とかいうクソな名前で呼ぶのはやめれ。単に、「まともな解像度」と呼べ。ラップトップがここ10年ほど、あんまり進化してないのは残念すぎるだろ。 俺は弁当箱みたいなラップトップは欲しくないが、1366x768とかいうのは旧世紀の遺物だろ。マジで、じきに携帯電話すらラップトップのクソな解像度を笑うようになるぜ。 もし自称技術ジャーナリスト
Start working out your responsive layouts through sketches using our super awesome responsive sketchsheets! What's this for? We're embracing design for a multi-device world. So we need to start thinking about how our sites will look on smaller devices early on in the design process. Your code shouldn't dictate how your layouts will respond to different screen sizes. Work through those problems usi
年鑑2024版発行、作品展「日本のグラフィックデザイン2024」を東京ミッドタウン・デザインハブで開催中
こんにちは、kintoneを作っているエンジニアの佐藤鉄平(@teppeis)です。先日10/24に発売されたWEB+DB PRESS Vol.71のJavaScript連載で「プログラマのためのjQuery再入門」という記事を書かせて頂きました。 ワンランク上のjQuery使いを目指す方のために、こんな内容になっています。 パフォーマンスアップの秘訣 Sizzleの仕組みとセレクタの高速化 on/offによる新しいイベント制御API Deferredを使った非同期処理 最新版の1.8.2をもとに書いたので、1.4あたりでjQueryに入門した方の知識のブラッシュアップにもオススメです。是非ご覧ください。 これでもう「jQueryは甘え」なんて言わせません! jQuery 1.9で削除されるかもしれないAPIたち さて、jQueryの次期バージョン1.9が来年前半に計画されています。 1.
ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった(気分を害す、イライラ)。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説(UIからUXが重要と言われようになった理由) この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ!」という流
黄金比を使ったグリッドを組み立てたり、エレメントに使ったりなど、美しいレイアウトを生み出すGolden Bootstrapを紹介します。 Golden Bootstrap Golden Bootstrap -GitHub Golden BootstrapはBootstrapのプラグインで、「bootstrap.less」にファイルをインクルードして利用します。 // Grid system and page structure ... @import "golden-bootstrap/golden-bootstrap.less"; // Add support for Golden Bootstrap ファイルをインクルードすると、黄金比用の3つの変数を利用できます。 @goldenRatio: 1.6180339887498948482; @goldenLarge: 1/@golden
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
先日『技術と英語を同時に、しかも無料で勉強できる画期的な方法 – Google Japan Developer Relations Blog』という記事を拝見させて頂きました。 なるほど、確かにWEB屋であればWEB系のネタを見聞きしながら英語を学ぶってことは非常に有効な学習方法のひとつなのかもしれませんね。こういう話しもネタになるのかと勝手に感銘を受けましたので、僕もひとつ知っているサイトを皆さんとシェアさせて頂ければと思いまっす。 僕は完全にフロントエンドの開発、ディレクション畑の人間なので、自分の興味ある分野としてご紹介するサイトは英語はもちろん技術的なお話を聞くのに超オススメなんですよーってお話す。 ShopTalk: A Web Design and Development Podcast with Chris Coyier and Dave Rupert Chris Coyle
2012年 10月 31日 コーディング速度を3倍早くするSass(Scss)のフレームワーク”Compass”が本当に便利 カテゴリ: Sass タグ:CodingSassScssコーディング効率化 \ CSSのメタ言語Sass(Scss)。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになってますが、使いこなせばかなり早くなります。 1.Compassとは 2.インストール 3.初期設定 4.Sass(Scss)ファイルをCSSファイルに 5.実際に作る 6.参考文献 compassとは オープンソースのCSSオーサリングフレームワークです。Sassがベースになっており、mixinで予めベンダープレフィックスが定義されていたりと、Sassをより便利に使え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く