コードを書かずにデザイン本位のWebサイトが作れる「STUDIO」、1年間のβ運用を経て正式版をローンチ——自ドメインでのサイト公開も可能に - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
東京に拠点を置くスタートアップ STUDIO は2日、クラウドベースの Web サイト作成ツール「STUDIO」を正式ローンチした。同社は昨年4月にβ版を公開しており、約1年間を経ての正式版の公開となる。 STUDIO は、以前、個人旅行ツアープラットフォーム Travee を共同創業した石井穰氏と（Travee はその後、旅行大手エイチ・アイ・エスに事業譲渡）、UI/UX 設計やアプリ開発を手がけたオハコの取締役を務めた甲斐啓真氏（オハコは後に、インターネット総合サービスのココンによりグループ会社化）らにより創業。 サービスステップ （クリックして拡大） STUDIO は、HTML や CSS のコーディングスキルが全くなくても、ドラッグアンドドロップによるデザイン本位の操作だけで Web サイトを作成できるクラウドサービスだ。この種のツールにありがちな、コードのエクスポートや Web
koshikistay | 甑島（こしきしま）の日常をあじわう滞在
◯ ⼤⼈1-2名様でのご利⽤をオススメしています。 ◯ シャワールーム・洗⾯所、トイレは共⽤になります。 ◯ キッチンの利⽤可。但し、朝⾷・⼣⾷サービスの関係で使⽤できない時間帯もあります。 ◯ 朝⾷「⾖富とひものの朝御膳」のオプション追加の場合は、チェックイン時に必ずお申し付けください。 （¥1,500/⼈） ◯ 駐⾞場：あり
たてよこWebアワード2017
日本語組版において、縦書きと横書きの選択肢があるということは極めて自然なことですが、Webサイト制作の中で自由な組版を実装するための技術はこれまで標準化されておらず、縦書きの実装はJavaScript等による強引な手段でしか実現できないという問題を抱えていました。 私たち『縦書きWeb普及委員会』は、縦書きと横書きが混在する日本語組版の文化をWebに継承し、自由な組版を実装するための規格をWeb標準とすべく、Webに関連する各種技術の国際標準化団体であるW3Cと協議を重ねながら、CSSにおける新たな組版規格である〝Writing Modes〟の標準化に向け、様々な取り組みを行なっています。 『たてよこWebアワード2017』は、こうした取り組みのひとつとして、CSS Writing Modesを用いた縦書き実装の指標となるような優れたWebサイトを表彰することを目的としたアワードです。 縦
こだわりたまご通販 いとう養鶏場｜佐賀県武雄市の伊東養鶏場
自然豊かな環境の中、水にこだわり 昔ながらのスタイルで 安心・安全・おいしいたまごを、うまれたその日のうちに出荷する養鶏場です。 鶏舎は、昔ながらの開放鶏舎。 創業以来、毎日鶏と顔を合わせる「全手採り」スタイルで養鶏を行っています。 プロが配合設計した飼料をベースに、 武雄産のレモングラスや佐賀県産のアスパラなどを加えるかたちで オリジナルフードも作って日々試行錯誤を繰り返しています。 卵に含まれる18種類のアミノ酸が、それぞれ普通の卵の2〜3倍多く含まれているアミノ酸たっぷりの卵。アスパラの茎下を乳酸菌・納豆菌・酵母菌などで発酵させ抽出したアスパラエキスを飼料に混ぜています。必須アミノ酸を含む18種類のアミノ酸が凝縮された卵です。
見やすさを重視した日本の素敵なECサイト 30
最近は比較的簡単にECサイトが作れることもあり店舗数も増えてきました。今回はデザインの素敵なECサイトを日本のサイトに絞って30サイト紹介します。ECサイトということで見やすさを重視したデザインを選んでみました。 また今回ファッション関係のECサイトは含まれていません。ファッション関係のECサイトは多いので別の機会にまとめようと思っています。 1. キャンティオンラインショップ 2. 京都 嵐山たなか 3. Grand CIRCLE ONLINE SHOP 4. good evening 5. 日本橋 神茂（かんも） 6. うかいオンラインショップ 7. ZUTTO 8. hanon 9. ヤヱガキオンラインストア 10. OSANPO Shopping 11. おらほの屋 12. 百文 [ momon ] 13. pu-pi 14. くらしびと 15. hakkle 16. In Des
flatuicolorpicker : Best Flat Colors UI Design
Flatuicolorpicker gives you the perfect colors for Flat Design
Website Templates & WordPress Themes from Gridgum.com
Dobul is a versatile and fully functional mobile app tailored for the food delivery industry, compatible with both iOS and Android. Perfect for businesses venturing into food delivery, this scalable and customizable app offers an end-to-end solution to streamline operations and enhance user experience. Dobul comprises a suite of four integrated apps, each designed for specific user roles within th
知っておくと便利！あのサイトでさりげなく使われていたCSS小技集 - コムテブログ
TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 １．キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
魅力を再発見！スプラッシュページを設けたWebサイト15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはデザイナーの藤田です。 テレビなどを見ていて、一時期あまり見かけなかったのに「おや、最近また○○をよく見かけるな。あらためて見るとやっぱりいいな。」なんて思った経験、皆さんもありませんか。 というわけで今回は「おや、最近スプラッシュページを設けたWebサイトよく見かけるな」と感じたので、スプラッシュページ・スクリーンを設けたWebサイトをまとめてみました。 1. TWLVR http://twlvr.com/ フランスの動画・Web制作会社のサイトです。 ローディング完了後、女性の後ろ姿をリピート再生しております。 振り向きそうで振り向かないのが残念ですが、スプラッシュページからスクロールをおこなった後の演出が素敵です。 2. Failsworth 1903 http://www.failsworth1903.com/ イギリスの帽子メーカのサイトです。 国内サイトではあまり見か
分かるとWebデザインがもっと楽しくなる！考えてデザインする力が身につくオススメの書
何も考えずにPhotoshopやIllustratorを立ち上げ、デザイン作業に入ってしまうのは悪いクセ。 ユーザーをワクワクさせるデザインとはなにか？ この情報を分かりやすく伝えるデザインとはなにか？ クライアントの要望に応えるデザインとはなにか？ 考えてデザインする力が身につくオススメの本を紹介します。 グリッドや角丸を使う時もなんとなくではなく、その目的や効果的な使い方などしっかり身につけておきたいですね。 本書はコミュニケーションを軸に「人のことを考えたWebデザイン」ついて学び、Webデザインの思考のプロセスを身につけることができます。現役のデザイナーやディレクターの方には是非、手にとってほしい本です。 他のデザイン本とはかなり一線を画す内容となっています。 内容は大きく分けて、2つ。 1-3章はクライアントやチーム内でのコミュニケーション、4章からはユーザーとのコミュニケーショ
ブログのスマートフォン対応の際に考えたこと
遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。 iPhone, iPod touch, Android, Windows Phone, BlackBerry などの各種スマートフォンのほか、 Kindle, Sony Tablet, Nexus 7 などのタブレットではスマートフォン用のテーマで表示されるはずです。 iPad は、PC 用のテーマのほうが見やすいと感じたのでそのままにしています。 なぜ今までスマートフォン用のテーマを作っていなかったのか 一番大きな理由は「見づらいというご意見をいただかなかったから」です。 また、昨年まではスマートフォンからのアクセスは 10% ちょっとしかなかったため、それほど必要性を感じていませんでした。 とはいえ全く何の対応もしていなかったわけではなく、iPhone や Android の場合は、本文のフォントサイズが少し
「シンプルなデザイン」の難しさ デザイン会社 ビートラックス: ブログ
日々デザイナーとしての仕事をする上で、クライアントの中には「シンプルな感じで良いので、とりあえず簡単に作って下さい」と言う人がいる。難しい機能はあまり無くても良いから、シンプルなものをさくっと作ってもらいたい、という要望である。 このセリフを聞くたびに、実はめまいにも似た感覚を覚える。 恐らくデザインに対するコストを下げたいとの思いから”シンプルで良いので”と言っているのだと思うが、実はシンプルなものの方が複雑なものよりもデザインするのが数倍も難しい。 それを知らずに、シンプル=楽につくれる=コストが低い、と思っている人々が後を絶たない。大きな間違いである。 シンプルなデザインや、ミニマリズムと呼ばれる極限まで無駄を削ぎ落としたデザイン技法は、最高レベルのデザイン技術を要する。 シンプル = 最高峰の問題解決あっさりして見えるものがあっさりと作られたかというと大間違いであり、最終的なアプト
WEBサイトはスマホで見る時代！今後はスマホから見た時のデザインに注力をして、PC版はボロボロでも良いのかもしれません。 - クレジットカードの読みもの
毎回毎回、似たような記事を書いている感もありますが、最近はよりいっそう、スマホからのアクセス比率が高くなってきている印象を持っています。 もう言い切ってしまうのであれば、今やウェブサイトはスマホで見る時代。『PCからの閲覧が主で、携帯からのアクセスはオマケみたいなものだから、スマホ対策なんかせずにPC版を見せておけばいい！』…なんて私もちょっと前までは考えていましたが、仮にこの考えのままだったら今頃、痛い目にあってしまっていたかもしれません。 統計データもスマホ比率が高い： 実際、当サイト『クレジットカードの読みもの』における過去30日のアクセスデータを解析してみても、PCからのアクセスはわずか35%程度です（下記の画像参照*1）。 残りの65%はスマートフォンやタブレット端末から見られているわけですから、どちらに重きをおいて対策をしていくべきかは、もう…言うまでもないですよね。 ボロボロ
【成果を上げる色の選び方】色彩心理学から学ぶ サイトカラーの「正解」 | LISKUL
Webサイトの見た目を改善するために、これまでたくさんの「配色デザイン」の本や記事が投稿されてきました。これらの情報を使えばあっという間にサイトの配色を決めることができます。 ただその配色、「自分が好きな色」になっていませんか？ それぞれの商品やサービスの配色には「正解」があります。 今回「サイト」「ロゴ」「コンバージョンボタン」に分けて、それぞれに対して有効な色や法則をまとめてみました。 自分のウェブサイトではどんな色が一番理想的なのか、実例を参考にしながら導き出してみましょう！ また、この記事は無料でPDFとしてダウンロードも可能です。配色デザインを考える際にお手元に置いておくのがおすすめです。 【PDF】【成果を上げる色の選び方】色彩心理学から学ぶ サイトカラーの「正解」>>無料ダウンロード そもそもなぜ「色彩」が大切なのか？ 引用元：Why All Sale Sings Are R
Wikipediaの古くさいインターフェースを一新させる『WikiWand』
Wikipediaの古くさいインターフェースを一新させる『WikiWand』 『WikiWand』は古くさいWikipediaのインターフェースを一新すべく進められているプロジェクト。 従来のWikipediaを操作性と可読性に優れたモダンで機能的なインターフェースに変更することができるというものです。 先ずはサイト上右上の検索ボックスに適当なワードを入れて試しみましょう。 注目ポイントとしては、閲覧ブラウザに最適なフレキシブルなレイアウトや可読性の高いタイポグラフィー... サイドバー型の目次、リンクコンテンツのホバーポップアップ、優れたサーチボックス... 公式Wikipediaよりも格段に速い記事の読み込みスピードなど。 こんな感じで、もちろん日本語のコンテンツにも対応しており、上部のメニューから言語の切り替えも可能です。 これらは上記WikiWandページから利用可能ですが、同サイ
DTP→Webデザイナー転向時に、これやったら捗ったよリスト13
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何？レベル。（テーブルレイアウト世代） 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sizzy — The browser for web developers
リニューアルに使いたいオシャレな動きCSS＆JSパーツまとめ20選 | 楽天ティップスRakutenTips
BUZZHOOK Inc. | 株式会社バズフック | 福岡 デザイン
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
