Chrome、Safari、Internet Explorer 7 以降、Firefox、Opera に対応。 昔はsafariのほうが簡易版で、Chrome系に充実した機能がある感じだったのですが、久々にSafariエクステンションをDLしてみたらすごく高機能になっていました。 クイックスタート動画はこちら。
Adobe XD(Adobe Experience Design CC)がリリースされたとのウワサを聞いたので、触ってみました。 Adobe XDは、プロトタイピングアプリです。 ワイヤーフレームも作れますし、アートボードも管理でき、各アートボードへリンクさせることもできるみたいです。 ※現在は英語版のみっぽいです
PhotoshopとIllustratorとSketchが最近のウェブデザインツールとして上がってますね。 お客様のニーズに合わせて、いつもはデザインしないアプリをベースアプリとして デザインを要求されることもあるかとおもいます。 今回は、「だいたい同じことができる、でも得意不得意はあるかも」といったことをアプリをまたいで考えてみました。
HTMLファイルのほうが多くを占めるサイトの場合、「既存のテーマファイルをカスタマイズするより、htmlファイルをベースに構築したほうが早いかも」、と思うことがあり、最低限どこを直していけばいいかを書いてみたいとおもいます。 テーマの基準となる.htmlファイルを /WPの置かれているフォルダ/wp-content/themes/new_theme 内にコピーします。ファイル名は、index.php に変更。 「new_theme」は、好きなテーマファイル名でOKです。 css、js、画像フォルダは、既存のhtml郡の中に置いたままでもいいですし /new_theme内に複製コピーしてもOKです。 各ファイルパスだけ、相対パスだとWPのパーマリンク設定によってはうまく動かないことがあるので WPのテーマフォルダと違うところにある場合は絶対パスで http://xxxx.com/css/cs
Sketch3は、ウェブサイトや、アイコンや、スマホデザインや、レスポンシブデザインなどのデジタルデザインに特化したデザインアプリです。 直感的で、定義をすればするほど速くデザインができるんですが、PsやFwと比べると、シンプルになりすぎてて「あの機能はどこなの?っていうかあるの?」って思うものがいくつかあったので、まとめてみたいとおもいます。
レスポンシブ・イメージ。 ざっくり言うと、「retinaなど高解像度なディスプレイも増えてきたし そろそろPCビューでも@2xと@1xと両方の画像を処理しましょうかね。」 ・・という処理と、 レスポンシブレイアウトの際にさらに 「どうやって高解像度画像とノーマル画像を扱っていくの?」 っていう課題みたいなところのことかなと思っています。 そんなレスポンシブ・イメージ的なコーディングのしかたと ついでのWordPressで「今」どうやって扱うといいかなぁという考察です。 「retina.js」は、「/images」 などのフォルダに「a.jpg」 と 「a@2x.jpg」 を放り込めば自動でretinaな場合にのみ@2xに変えてくれる便利なjsです。 →わたしが使ったタイミングがだいぶ前なので、今はよくわからないのですが なんとなく重い、あと、なんか変換されてるのか不安になるので、設定が簡単
クライアントワークなどで、PCとスマホをわけて表示したいときに利用します。 PCとスマホのテーマを別々に用意し、スイッチするようにするプラグインです。 スマホ対応プラグインのように、ビューを自動生成(というか、標準テーマが入っている)ものではありません。 ・「スマホ・タブレット・携帯・ゲーム系」の各端末に対して任意のテーマを適用できる ・各端末のUA設定を管理画面から変更可能 ・「PC Switcher」=「 PC版 | スマホ版 」みたいに フッターに入っている切り替えボタンを自動で挿入可能で、もちろんカスタマイズも可能 ・スマホ表示を用意していないページなど、一部のページに切り替え無効設定ができる
ネットショップASP系で、月数千円程度の運営費で現在海外対応を行いたい場合、 日本発信のサービスはほとんどないのが現状です。 海外と一言で言っても、英語だけで済むものでもないですね。 バイリンガルな感じで、手頃に試せて、 日本のカートASPの感覚で使えるサービスを探してみました。 JUGEM CART 初期費用無料、運営費無料 システム利用料: 商品が売れた場合のみ、送料を除く販売価格の10%(税抜) カラーミーショップとの在庫連動可能 表示は英語のみっぽいです。 通貨は22種類から、1種類を選択。 paypal決済 表示言語は英語だけでよくて、通貨を一つに絞っての運営でよくて、とにかく海外販売をはじめたいという人には敷居の低いサービスかなとおもいます。 baseとか、ああいうカートシステムのようなライトな感じで始められそうです。 ワタシ的に、Live commerceはなしです。UIがわ
ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね?」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly:Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン
With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd 2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites. 翻訳アプリを通してみた: グラフAPIのV2.3のリリースにより、箱状のプラグインは廃止され、新しいページプラグインの代わりに2015年6月23日の使用に動作を停止します。ページプラグインは、あなたのウェブサイトへのページからコンテンツを簡単にフィードを埋め込むことができます。
いわゆる「flashライク」といわれるインターフェイスで、html5なアニメーションを作れるアプリを試して比較してみました。 「Edge animate」「hype 3」ともに、アニメーションを作れるアプリです。 写真をスライドさせたり、ボタンを置いたり、頑張ればゲームも作れます。 読み込む情報にもよると思いますが、出来上がったものはflashよりは軽い印象。 バナー広告や、ネット上のプレゼンテーション、アイキャッチなどに利用します。 スマホ用のビューも作れますし、レスポンシブにもでき スマホやタブレットでも再生&利用できるのが特徴でしょうかー。 PC上ではIE8+他モダンブラウザで再生対応しています。 (古すぎるパソコンだと再生できないかもですね。) 1)画像データをドラッグ&ドロップして配置 2)「録画」ボタンを押して、キーフレームを置きたいタイミングを選択→位置などを指定 3)イージ
アメーバブログからWordPressにエクスポートする方法です。 ただ、アメーバの機能って独自のものが多く WordPressも独自路線を行っていますので 記事を同期できてもコミュニティを持っていくことはできません。 (コメントはインポートできますが・・) そのあたりのことをご理解いただいた上で、ご覧ください。 0:サーバーと、WordPressを用意する 1:アメブロからデータをエクスポート(windowsでの作業になります) 2:WordPressをインストール 3:WordPressにて、先にデータ(主に画像)を処理するプラグインを入れる 4:エクスポートしたデータが多い場合は、テキストアプリで切り分けながら少しずつインポート&確認 要点としては、「どうやってデータをエクスポートするか」ということと アメブロデータ→WordPressとしてインポートするときに 画像リンクはあっている
比較的、テンプレートに馴染んでくれるようなサクッとできる系、最近使ったWordPressプラグインや、phpスクリプトをメモ。 サーバーで仮URLから本URLに一括で書き換えたい時になどに便利なphpプログラム。 設定方法などは、こちらのサイトが詳しいです。 直接SQLを書き換えちゃうので、いろいろと注意が必要。 何度も設定した項目を確認して、慎重に進行すれば、一気に書き換えができるので便利です。 *WordPressの設定で、パーマリンク設定を変更している場合は、 SQL書き換え後に再度同じ設定で登録しなおすと直ります。 →DATABASE SEARCH AND REPLACE SCRIPT IN PHP
フリーランスで作業員ひとりな仕事のしかたをしている私にとって ネット上のサポート系ウェブアプリは欠かせない存在です。有料であっても。 2015年2月現在、私が利用しているウェブアプリをご紹介します。 いわゆるプロジェクト管理ツールです。todoとスケジュールカレンダーの連携→icalへ落とせるので一括で管理できます。その他、打ち合わせ時のメモや、メール転送も役に立ってます。 だいぶ前に新しいUI+初期から課金あり(フリートライアル期間あり)な状態になりましたが、新UIはなれるととっても使いやすいのでよいです。 プロジェクトを凍結すればカウントされないので、ログもきちんと残るのも嬉しい。 複数のお仕事を抱えている事が多いので、何がどこまで行っているのか、今何のお仕事を持っているのかがわかるのが便利です。 私のマネージャー的役割です。「ばに:今日なにやるの?」「Basecamp:これですよ」み
いままで、WordPress、カラーミーショップ、他CMSなどへコーディングする時、実際には複数の工程が存在していますが、一気に考えがちでした。 その方法も大事だと今も思っていますが、見方を変えて、集中できるようにする考え方、つくり方を考えてみました。 CMS系のコーディングで必要な工程は以下の様なものかとおもいます。 ・カンプ画像から素材を書き出す ・HTML(html4.01/html5)+CSS(CSS3)コーディング ・jquery系のフロントエンド的な動き ・CMS側のプログラムに合わせた独自タグへの対応 ・CMSにあるDB内のデータを足したり引いたりといった簡単なプログラミング ・CMS側のプラグインファイルを微調整したりといったPHP+HTML+CSSな操作(←WPのみ) ※静的HTMLファイルとするのか、CMS側に入れ込むのか、という課題もありますが 事前の工程や打ち合わせ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く